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