diff options
author | Ashelyn Rose <git@tempest.dev> | 2023-05-08 14:45:55 -0600 |
---|---|---|
committer | Ashelyn Rose <git@tempest.dev> | 2023-05-08 14:45:55 -0600 |
commit | 7e3dc4ace4c6b21bc68264dc76c8c442aec8031a (patch) | |
tree | c6ff346374e91913a12a8bb21da7fe8c29dd5429 /app/Header.tsx | |
parent | 880cfbeb74546056feab63ed6e92a10c0dbaf2c3 (diff) |
standardize component structure more
Diffstat (limited to 'app/Header.tsx')
-rw-r--r-- | app/Header.tsx | 43 |
1 files changed, 0 insertions, 43 deletions
diff --git a/app/Header.tsx b/app/Header.tsx deleted file mode 100644 index b5749ba..0000000 --- a/app/Header.tsx +++ /dev/null @@ -1,43 +0,0 @@ -'use client' - -import React from 'react' -import Image from 'next/image' - -import { usePathname } from 'next/navigation' - -import header from '~/images/aurora-1197753.jpg' - -export default function Title() { - const pathname = usePathname() - - const isHomepage = pathname === '/' - - return ( - <header className={isHomepage ? 'homepage' : undefined}> - {isHomepage - ? <h1 className="siteTitle">tempest.dev</h1> - : <a href="/" className="siteTitle">tempest.dev</a> - } - <nav> - <a href="/system">system</a> - <a href="/posts">posts</a> - <a href="/contact">contact</a> - </nav> - <div className="headerBackground"> - <Image - src={header} - alt="" - role="presentation" - fill={true} - sizes={` - (max-width: 2560) 100vw, - (max-width: 1920) 100vw, - (max-width: 1280) 100vw, - (max-width: 800) 100vw, - (max-width: 600) 100vw, - `} - /> - </div> - </header> - ) -} |