switch to svgs rather than pngs and also used an svg for the logos instead of faffing around with font style dependencies
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.8 KiB |
4
frontend/public/branding/StirlingPDFLogoBlackText.svg
Normal file
After Width: | Height: | Size: 7.2 KiB |
4
frontend/public/branding/StirlingPDFLogoGreyText.svg
Normal file
After Width: | Height: | Size: 6.4 KiB |
4
frontend/public/branding/StirlingPDFLogoNoTextDark.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="146" height="157" viewBox="0 0 146 157" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.77397 72.5462L93.6741 23.0462L94.7739 70.0462L3.77395 119.046L3.77397 72.5462Z" fill="#E6E6E6" fill-opacity="0.9"/>
|
||||
<path d="M50.774 73.5735L96.387 50.2673L142 26.961L142 71.687L50.7739 122.046L50.774 73.5735Z" fill="#E6E6E6" fill-opacity="0.8"/>
|
||||
</svg>
|
After Width: | Height: | Size: 366 B |
4
frontend/public/branding/StirlingPDFLogoNoTextLight.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="146" height="146" viewBox="0 0 146 146" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.77397 72.5462L93.6741 23.0462L94.7739 70.0462L3.77395 119.046L3.77397 72.5462Z" fill="#ACACAC" fill-opacity="0.3"/>
|
||||
<path d="M50.774 73.5735L96.387 50.2673L142 26.961L142 71.687L50.7739 122.046L50.774 73.5735Z" fill="#FC9999" fill-opacity="0.5"/>
|
||||
</svg>
|
After Width: | Height: | Size: 366 B |
4
frontend/public/branding/StirlingPDFLogoWhiteText.svg
Normal file
After Width: | Height: | Size: 7.2 KiB |
@ -61,7 +61,7 @@ const LandingPage = () => {
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={colorScheme === 'dark' ? '/StirlingLandingLogoDark.png' : '/StirlingLandingLogoLight.png'}
|
||||
src={colorScheme === 'dark' ? '/branding/StirlingPDFLogoNoTextDark.svg' : '/branding/StirlingPDFLogoNoTextLight.svg'}
|
||||
alt="Stirling PDF Logo"
|
||||
style={{
|
||||
width: '10rem',
|
||||
@ -88,14 +88,11 @@ const LandingPage = () => {
|
||||
<div className="flex flex-col items-center gap-4 flex-none w-full">
|
||||
{/* Stirling PDF Branding */}
|
||||
<Group gap="xs" align="center">
|
||||
<span className="text-[var(--text-brand)]"
|
||||
style={{ fontWeight: 'bold', fontSize: '2rem' }}>
|
||||
Stirling{' '}
|
||||
<span className="text-[var(--text-brand-accent)]"
|
||||
style={{ fontWeight: 'bold', fontSize: '2rem' }}>
|
||||
PDF
|
||||
</span>
|
||||
</span>
|
||||
<img
|
||||
src={colorScheme === 'dark' ? '/branding/StirlingPDFLogoWhiteText.svg' : '/branding/StirlingPDFLogoGreyText.svg'}
|
||||
alt="Stirling PDF"
|
||||
style={{ height: '2.2rem', width: 'auto' }}
|
||||
/>
|
||||
</Group>
|
||||
|
||||
{/* Add Files Button */}
|
||||
|