kylefang/web
1
0
Fork 0
mirror of https://github.com/placeholder-soft/web.git synced 2026-04-28 19:05:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Maybe will fix google thumnail (#950)

Browse Source
This commit is contained in:
Léo Galley
2024-08-27 16:20:39 -04:00
committed by GitHub
parent c846995834
commit ffdbd8ced9
3 changed files with 34 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/web/src/components/Layout/Nav/Nav.tsx
View File

@@ -4,9 +4,11 @@ import Link from 'next/link';
import dynamic from 'next/dynamic';
import { usePathname } from 'next/dist/client/components/navigation';
import AnalyticsProvider from 'apps/web/contexts/Analytics';
import { Logo } from '../../Logo/Logo';
import DesktopNav from './DesktopNav';
import MobileMenu from './MobileMenu';
import logoBlack from './logoBlack.svg';
import logoWhite from './logoWhite.svg';
import Image, { StaticImageData } from 'next/image';
const DynamicBanner = dynamic(async () => import('base-ui/components/Layout/Nav/Banner'), {
ssr: false,
@@ -24,8 +26,9 @@ const BLACK_NAV_PATHS = [
export default function Nav() {
const pathname = usePathname();
const color = pathname && BLACK_NAV_PATHS.includes(pathname) ? 'black' : 'white';
const logo = color === 'black' ? (logoBlack as StaticImageData) : (logoWhite as StaticImageData);
return (
<AnalyticsProvider context='navbar'>
<AnalyticsProvider context="navbar">
<DynamicBanner
bannerName="basenamesLaunchBanner"
href="https://base.org/names?utm_source=dotorg&utm_medium=banner"
@@ -33,7 +36,7 @@ export default function Nav() {
/>
<nav className="z-10 flex h-24 w-full max-w-[1440px] flex-row items-center justify-between gap-16 self-center bg-transparent p-8">
<Link href="/" aria-label="Base Homepage">
<Logo color={color} width="106px" />
<Image src={logo} alt="Base Logo" title="Base Logo" width="106" />
</Link>
<DesktopNav color={color} />
<MobileMenu color={color} />

14
apps/web/src/components/Layout/Nav/logoBlack.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg
width="416"
height="110"
viewBox="0 0 416 110"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M110.034 55C110.034 85.3756 85.359 110 54.921 110C26.0432 110 2.35281 87.8354 0 59.6232H72.8467V50.3768H0C2.35281 22.1646 26.0432 0 54.921 0C85.359 0 110.034 24.6243 110.034 55ZM314.358 100.036C333.455 100.036 345.98 89.7462 345.98 74.2502C345.98 59.8699 336.555 53.0516 322.295 50.6962L309.646 48.5887C299.974 46.9772 293.525 42.7622 293.525 33.4646C293.525 24.043 300.718 16.8529 314.358 16.8529C327.627 16.8529 334.447 23.5472 335.191 33.0927H344.74C343.996 20.448 334.323 9.16685 314.482 9.16685C294.889 9.16685 284.101 20.2 284.101 33.8365C284.101 48.3408 293.897 55.0351 307.29 57.2665L320.063 59.25C330.727 61.1095 336.679 65.4484 336.679 74.6221C336.679 85.4073 327.875 92.3495 314.482 92.3495C300.594 92.3495 291.913 85.6553 291.169 74.2502H281.745C282.489 89.1264 293.897 100.036 314.358 100.036ZM173.574 98.3H138.852V11.0264H172.334C187.091 11.0264 197.383 19.7042 197.383 33.5886C197.383 43.63 191.679 50.3243 182.503 52.5557V52.9276C193.415 55.0351 200.111 62.4732 200.111 74.1262C200.111 89.1264 189.075 98.3 173.574 98.3ZM171.094 49.3326C181.635 49.3326 188.083 43.63 188.083 34.7043V33.4646C188.083 24.5389 181.635 18.9603 171.094 18.9603H148.153V49.3326H171.094ZM172.21 90.366C183.743 90.366 190.811 84.0437 190.811 74.3741V73.1345C190.811 63.093 183.619 57.0186 172.086 57.0186H148.153V90.366H172.21ZM275.216 98.3H265.295L257.855 74.6221H223.133L215.693 98.3H206.268L234.914 11.0264H246.198L275.216 98.3ZM240.99 20.5719H240.246L225.613 66.8121H255.499L240.99 20.5719ZM359.949 98.3V11.0264H416V19.0843H369.25V49.0846H412.28V57.0186H369.25V90.2421H416V98.3H359.949Z"
fill="black"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

14
apps/web/src/components/Layout/Nav/logoWhite.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg
width="416"
height="110"
viewBox="0 0 416 110"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M110.034 55C110.034 85.3756 85.359 110 54.921 110C26.0432 110 2.35281 87.8354 0 59.6232H72.8467V50.3768H0C2.35281 22.1646 26.0432 0 54.921 0C85.359 0 110.034 24.6243 110.034 55ZM314.358 100.036C333.455 100.036 345.98 89.7462 345.98 74.2502C345.98 59.8699 336.555 53.0516 322.295 50.6962L309.646 48.5887C299.974 46.9772 293.525 42.7622 293.525 33.4646C293.525 24.043 300.718 16.8529 314.358 16.8529C327.627 16.8529 334.447 23.5472 335.191 33.0927H344.74C343.996 20.448 334.323 9.16685 314.482 9.16685C294.889 9.16685 284.101 20.2 284.101 33.8365C284.101 48.3408 293.897 55.0351 307.29 57.2665L320.063 59.25C330.727 61.1095 336.679 65.4484 336.679 74.6221C336.679 85.4073 327.875 92.3495 314.482 92.3495C300.594 92.3495 291.913 85.6553 291.169 74.2502H281.745C282.489 89.1264 293.897 100.036 314.358 100.036ZM173.574 98.3H138.852V11.0264H172.334C187.091 11.0264 197.383 19.7042 197.383 33.5886C197.383 43.63 191.679 50.3243 182.503 52.5557V52.9276C193.415 55.0351 200.111 62.4732 200.111 74.1262C200.111 89.1264 189.075 98.3 173.574 98.3ZM171.094 49.3326C181.635 49.3326 188.083 43.63 188.083 34.7043V33.4646C188.083 24.5389 181.635 18.9603 171.094 18.9603H148.153V49.3326H171.094ZM172.21 90.366C183.743 90.366 190.811 84.0437 190.811 74.3741V73.1345C190.811 63.093 183.619 57.0186 172.086 57.0186H148.153V90.366H172.21ZM275.216 98.3H265.295L257.855 74.6221H223.133L215.693 98.3H206.268L234.914 11.0264H246.198L275.216 98.3ZM240.99 20.5719H240.246L225.613 66.8121H255.499L240.99 20.5719ZM359.949 98.3V11.0264H416V19.0843H369.25V49.0846H412.28V57.0186H369.25V90.2421H416V98.3H359.949Z"
fill="white"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB