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
|
<img
|
||||||
src={colorScheme === 'dark' ? '/StirlingLandingLogoDark.png' : '/StirlingLandingLogoLight.png'}
|
src={colorScheme === 'dark' ? '/branding/StirlingPDFLogoNoTextDark.svg' : '/branding/StirlingPDFLogoNoTextLight.svg'}
|
||||||
alt="Stirling PDF Logo"
|
alt="Stirling PDF Logo"
|
||||||
style={{
|
style={{
|
||||||
width: '10rem',
|
width: '10rem',
|
||||||
@ -88,14 +88,11 @@ const LandingPage = () => {
|
|||||||
<div className="flex flex-col items-center gap-4 flex-none w-full">
|
<div className="flex flex-col items-center gap-4 flex-none w-full">
|
||||||
{/* Stirling PDF Branding */}
|
{/* Stirling PDF Branding */}
|
||||||
<Group gap="xs" align="center">
|
<Group gap="xs" align="center">
|
||||||
<span className="text-[var(--text-brand)]"
|
<img
|
||||||
style={{ fontWeight: 'bold', fontSize: '2rem' }}>
|
src={colorScheme === 'dark' ? '/branding/StirlingPDFLogoWhiteText.svg' : '/branding/StirlingPDFLogoGreyText.svg'}
|
||||||
Stirling{' '}
|
alt="Stirling PDF"
|
||||||
<span className="text-[var(--text-brand-accent)]"
|
style={{ height: '2.2rem', width: 'auto' }}
|
||||||
style={{ fontWeight: 'bold', fontSize: '2rem' }}>
|
/>
|
||||||
PDF
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</Group>
|
</Group>
|
||||||
|
|
||||||
{/* Add Files Button */}
|
{/* Add Files Button */}
|
||||||
|