chore: replace Sculpin with Astro
This commit is contained in:
parent
d0ef96dead
commit
d1b76dda33
830 changed files with 5819 additions and 10532 deletions
71
website/src/layouts/Layout.astro
Normal file
71
website/src/layouts/Layout.astro
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
---
|
||||
import '../../assets/css/tailwind.pcss'
|
||||
|
||||
import Navbar from '../components/Navbar.astro'
|
||||
|
||||
export interface Props {
|
||||
title: string;
|
||||
}
|
||||
|
||||
const { title } = Astro.props;
|
||||
|
||||
interface Link {
|
||||
title: string,
|
||||
href: string,
|
||||
}
|
||||
|
||||
const footerLinks = [
|
||||
{
|
||||
title: 'About',
|
||||
href: '/',
|
||||
},
|
||||
{
|
||||
title: 'Blog',
|
||||
href: '/blog',
|
||||
},
|
||||
{
|
||||
title: 'Talks',
|
||||
href: '/talks',
|
||||
},
|
||||
{
|
||||
title: 'Daily list',
|
||||
href: '/daily',
|
||||
},
|
||||
]
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300&display=swap" rel="stylesheet">
|
||||
<title>{title}</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="min-h-screen font-sans text-base font-light text-gray-900 md:text-xl dark:text-white dark:bg-gray-900">
|
||||
<Navbar />
|
||||
|
||||
<div class="py-10 px-4 mx-auto max-w-2xl md:py-10">
|
||||
<h1 class="text-xl font-bold md:text-2xl">{title}</h1>
|
||||
|
||||
<div>
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
<div class="mt-16 mb-6">
|
||||
<footer>
|
||||
<nav class="flex flex-wrap justify-center -mb-3">
|
||||
{footerLinks && footerLinks.map(link => (
|
||||
<a class="mx-3 mb-3 text-sm md:text-lg dark:text-white hover:text-gray-900 link dark:hover:text-blue-400" href={link.href}>{link.title}</a>
|
||||
))}
|
||||
</nav>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue