You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
import Link from 'next/link'
|
|
|
|
|
import Appearance from '~/components/Appearance'
|
|
|
|
|
import '~/styles/layout.css'
|
|
|
|
|
|
|
|
|
|
export default function Layout({ children }: { children: React.ReactNode }) {
|
|
|
|
|
return (
|
|
|
|
|
<html>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="container">
|
|
|
|
|
<header>
|
|
|
|
|
<p className="site-title"><Link href="/">ashen.earth</Link></p>
|
|
|
|
|
<span className="subtitle">
|
|
|
|
|
code ramblings and technical oddities
|
|
|
|
|
</span>
|
|
|
|
|
<nav>
|
|
|
|
|
<Appearance />
|
|
|
|
|
<a target="_blank" href="https://github.com/ashen-dawn">github</a>
|
|
|
|
|
</nav>
|
|
|
|
|
</header>
|
|
|
|
|
<main>
|
|
|
|
|
{children}
|
|
|
|
|
</main>
|
|
|
|
|
<noscript><style>{'#darkLightToggle { display: none; }'}</style></noscript>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
