From 97c8a55ba3120825e3a56ffe7d488e509af61450 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <dnalop.me@gmail.com>
Date: Sat, 7 Jan 2023 14:58:41 +0100
Subject: [PATCH] Create an About and Not Found pages

---
 src/pages/404.astro   | 16 ++++++++++++++++
 src/pages/about.astro | 44 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+)
 create mode 100644 src/pages/404.astro
 create mode 100644 src/pages/about.astro

diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..47052ce
--- /dev/null
+++ b/src/pages/404.astro
@@ -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>
diff --git a/src/pages/about.astro b/src/pages/about.astro
new file mode 100644
index 0000000..9fe6ad2
--- /dev/null
+++ b/src/pages/about.astro
@@ -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>