Create an About and Not Found pages

This commit is contained in:
Maciej Pędzich 2023-01-07 14:58:41 +01:00
parent bfdf988cae
commit 97c8a55ba3
2 changed files with 60 additions and 0 deletions

16
src/pages/404.astro Normal file
View File

@ -0,0 +1,16 @@
---
import Layout from '../layouts/Layout.astro';
const tagline =
'Browse past versions of thousands of Spotify playlists saved over time';
---
<Layout title="404" description={tagline}>
<div
class="p-5 w-full h-full text-center flex flex-col md:gap-7 gap-5 justify-center items-center"
>
<span class="md:text-4xl text-3xl text-center">
This page doesn't exist (yet)
</span>
</div>
</Layout>

44
src/pages/about.astro Normal file
View File

@ -0,0 +1,44 @@
---
import Layout from '../layouts/Layout.astro';
const currentYear = new Date().getFullYear();
---
<Layout
title="About"
description="Browse past versions of thousands of Spotify playlists saved over time"
>
<div
class="w-full h-full p-5 md:text-xl text-base text-center flex flex-col md:gap-5 gap-3 justify-center items-center"
>
<h1 class="md:mb-3 mb-2 font-bold md:text-5xl text-3xl">
Spotify Playlist Archive
</h1>
<p>
&copy; 2019-{currentYear} Mack Ward, Maciej Pędzich. Released under MIT License.
</p>
<p>
Developed using
<a
href="https://github.com/maciejpedzich/spotify-playlist-archive-website/blob/master/package.json#L11"
target="_blank">these packages</a
>. Hosted on
<a href="https://www.netlify.com" target="_blank">Netlify</a>.
</p>
<p>
Source code:
<a
href="https://github.com/mackorone/spotify-playlist-archive"
target="_blank">playlist archive</a
>
|
<a
href="https://github.com/maciejpedzich/spotify-playlist-archive-website"
target="_blank">this website</a
>.
</p>
<strong class="m-0"
>This project is not associated with Spotify AB in any way!</strong
>
</div>
</Layout>