generated from taylorbryant/gatsby-starter-tailwind
-
-
Notifications
You must be signed in to change notification settings - Fork 126
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
viet nguyen
committed
Oct 25, 2023
1 parent
4939dad
commit 99c5425
Showing
11 changed files
with
76 additions
and
20 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
import { Logo, LogoSize } from 'app/header' | ||
/** | ||
* Page footer | ||
*/ | ||
export const PageFooter: React.FC = () => { | ||
return ( | ||
<footer className='mt-16 footer p-10 bg-base-200 bg-base-content text-base-100'> | ||
<aside> | ||
<div className='border-2 border-accent py-3 pl-2 pr-4 rounded-full'><Logo size={LogoSize.md} className='fill-accent' /></div> | ||
<p><span className='font-semibold text-lg'>OpenBeta</span><br /><span className='tracking-tight font-sm'>Free climbing database built & run by climbers.</span></p> | ||
</aside> | ||
<nav> | ||
<header className='footer-title'>Get involved</header> | ||
<a className='link link-hover' href='https://collective.openbeta.io/get-involved'>How to get involved</a> | ||
<a className='link link-hover' href='https://docs.openbeta.io/how-to-contribute/overview'>Dev onboarding</a> | ||
</nav> | ||
<nav> | ||
<header className='footer-title'>Social</header> | ||
<a className='link link-hover' href={process.env.DISCORD_INVITE}>Discord chat</a> | ||
<a className='link link-hover' href='https://www.instagram.com/openbetaproject/'>Instagram</a> | ||
<a className='link link-hover' href='https://www.linkedin.com/company/openbetahq/'>LinkedIn</a> | ||
<a className='link link-hover' href='https://twitter.com/openbetahq'>Twitter</a> | ||
</nav> | ||
<nav> | ||
<header className='footer-title'>The Org</header> | ||
<a className='link link-hover' href='https://collective.openbeta.io/about'>About us</a> | ||
<a className='link link-hover' href='http://openbeta.io/blog/openbeta-vs-mountain-project-vs-thecrag'>OpenBeta vs others</a> | ||
<a className='link link-hover' href='https://openbeta.substack.com/'>Our blog</a> | ||
<a className='link link-hover' href='https://opencollective.com/openbeta'>Make a donation</a> | ||
<a className='link link-hover' href='https://opencollective.com/openbeta/contribute/t-shirt-31745'>Buy a T-shirt</a> | ||
</nav> | ||
<nav> | ||
<header className='footer-title'>Source code</header> | ||
<a className='link link-hover' href='https://github.com/OpenBeta/'>OpenBeta on GitHub</a> | ||
<a className='link link-hover' href='https://github.com/OpenBeta/open-tacos'>Climb catalog (this site!)</a> | ||
<a className='link link-hover' href='https://github.com/OpenBeta/openbeta-graphql'>GraphQL API</a> | ||
<a className='link link-hover' href='https://github.com/OpenBeta/sandbag'>Sandbag library</a> | ||
<a className='link link-hover' href='https://github.com/OpenBeta/docs.openbeta.io'>Docs site</a> | ||
</nav> | ||
</footer> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,21 +1,34 @@ | ||
import Link from 'next/link' | ||
import clx from 'classnames' | ||
|
||
import OpenBetaLogo from '@/assets/brand/openbeta-logo' | ||
import { DesktopHeader } from './components/DesktopHeader' | ||
import { MobileHeader } from './components/MobileHeader' | ||
|
||
/** | ||
* Root page header | ||
*/ | ||
export default async function Header (): Promise<any> { | ||
return ( | ||
<div className='max-w-5xl mx-auto px-4 xl:px-0'> | ||
<MobileHeader /> | ||
<DesktopHeader /> | ||
<MobileHeader /> | ||
</div> | ||
) | ||
} | ||
|
||
export const Logo: React.FC = () => { | ||
export enum LogoSize { | ||
sm = 'w-8 h-8', | ||
md = 'w-12 h-12', | ||
lg = 'w-16 h-16' | ||
} | ||
/** | ||
* Reusable logo component | ||
*/ | ||
export const Logo: React.FC<{ size?: LogoSize, className?: string }> = ({ size = LogoSize.sm, className }) => { | ||
return ( | ||
<Link href='/'> | ||
<OpenBetaLogo /> | ||
<OpenBetaLogo className={clx(size, className)} /> | ||
</Link> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters