layout for the albums
This commit is contained in:
45
src/layouts/Album.astro
Normal file
45
src/layouts/Album.astro
Normal file
@@ -0,0 +1,45 @@
|
||||
---
|
||||
import { Image } from 'astro:assets';
|
||||
import type { CollectionEntry } from 'astro:content';
|
||||
import BaseHead from '../components/BaseHead.astro';
|
||||
import Footer from '../components/Footer.astro';
|
||||
import Header from '../components/Header.astro';
|
||||
|
||||
type Props = CollectionEntry<'album'>['data'];
|
||||
|
||||
const { title, description, cover, } = Astro.props;
|
||||
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<BaseHead title={title} description={description} />
|
||||
</head>
|
||||
<body>
|
||||
<Header />
|
||||
<main>
|
||||
<article>
|
||||
<div class="">
|
||||
<h1 class="">
|
||||
{title}
|
||||
</h1>
|
||||
<p class="">
|
||||
{description}
|
||||
</p>
|
||||
|
||||
<div>
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
<p class="">
|
||||
<a href="/pictures/" class=""
|
||||
>Go back →</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user