jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-06-30 22:06:38 -04:00
Code Issues Activity

less resource-intensive methods of parsing URLs

Browse Source
This commit is contained in:
Jake Jarvis
2022-06-01 18:40:57 -04:00
parent d1ee8b2632
commit 33c210aacf
16 changed files with 195 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/Layout/Layout.tsx
View File

@ -69,15 +69,16 @@ export type LayoutProps = ComponentProps<typeof Flex> & {
const Layout = ({ container = true, children, ...rest }: LayoutProps) => {
const { activeTheme } = useTheme();
const skipNavId = "skip-nav";
return (
<>
<Head>
{/* dynamically set browser theme color to match the background color; default to light for SSR */}
<meta name="theme-color" content={themeColors[activeTheme === "dark" ? "dark" : "light"]} />
<meta name="theme-color" content={themeColors[activeTheme === "dark" ? activeTheme : "light"]} />
</Head>
<SkipNavLink href="#skip-nav" role="link" tabIndex={0}>
<SkipNavLink href={`#${skipNavId}`} role="link" tabIndex={0}>
Skip to content
</SkipNavLink>
@ -88,7 +89,7 @@ const Layout = ({ container = true, children, ...rest }: LayoutProps) => {
{container ? (
<Default>
<Container>
<div id="skip-nav" />
<div id={skipNavId} />
{children}
</Container>
</Default>