From a7efd8b1f676e13d6ba587c3775b2b837b9079e8 Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Thu, 1 Sep 2022 22:43:43 -0400
Subject: [PATCH] feat: add revisions in footer

advertise older sites
---
 data/siteRevisions.ts | 12 ++++++++++++
 layouts/default.vue   | 43 ++++++++++++++++++++++++++++++++-----------
 2 files changed, 44 insertions(+), 11 deletions(-)
 create mode 100644 data/siteRevisions.ts

diff --git a/data/siteRevisions.ts b/data/siteRevisions.ts
new file mode 100644
index 0000000..f256f1d
--- /dev/null
+++ b/data/siteRevisions.ts
@@ -0,0 +1,12 @@
+interface SiteRevision {
+  title: string;
+  url?: string;
+}
+
+export const revisions: SiteRevision[] = [
+  {
+    title: "Nuxt 3 (2022)",
+  },
+  { title: "Eleventy (2021)", url: "https://2021.eggworld.tk" },
+  { title: "Vanilla (2019-2020)", url: "https://2020.eggworld.tk" },
+];
diff --git a/layouts/default.vue b/layouts/default.vue
index 4884d0e..0d586fb 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { revisions } from "@/data/siteRevisions";
 useHead({ title: "Eggworld" });
 </script>
 
@@ -7,19 +8,39 @@ useHead({ title: "Eggworld" });
     <Navbar />
     <slot />
     <footer
-      class="flex flex-col items-center p-3 bg-gray-100 w-full text-sm dark:bg-gray-800"
+      class="flex items-center justify-between p-3 bg-gray-100 w-full text-sm dark:bg-gray-800 flex-col md:flex-row gap-2"
     >
-      <p>Ⓒ 2022 Daniel Chen</p>
-      <p>
-        Licensed under the AGPL-3.0 on
-        <a class="underline" href="https://github.com/potatoeggy/public">
-          GitHub</a
+      <div class="flex items-center gap-2">
+        <p>Revision:</p>
+        <!--
+          the onchange is so bad - i'd rather it be done through vue
+          but nuxt is genuinely screwing me over here
+
+          ig r4 has to be in next.js
+        -->
+        <select
+          class="p-2 border rounded rounded-lg"
+          onchange="location = this.value"
         >
-        and
-        <a class="underline" href="https://git.eggworld.tk/eggy/public">
-          Gitea
-        </a>
-      </p>
+          <option v-for="(r, i) in revisions" :key="i" :value="r.url">
+            {{ r.title }}
+          </option>
+        </select>
+      </div>
+      <div class="flex flex-col items-center">
+        <p>Ⓒ 2022 Daniel Chen</p>
+        <p>
+          Licensed under the AGPL-3.0 on
+          <a class="underline" href="https://github.com/potatoeggy/public">
+            GitHub</a
+          >
+          and
+          <a class="underline" href="https://git.eggworld.tk/eggy/public">
+            Gitea
+          </a>
+        </p>
+      </div>
+      <div></div>
     </footer>
   </div>
   <slot name="top-button" />