From ac01842f81febf49f5252a3f4b407f4cb00fd0ec Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Wed, 26 Nov 2025 14:06:30 +0000
Subject: [PATCH] adding shrines

---
 nginx/vue/src/components/Radio.vue            |  6 +--
 nginx/vue/src/router/index.js                 | 20 ++++++++
 nginx/vue/src/views/Home.vue                  | 48 ++++++++++---------
 nginx/vue/src/views/shrines/Demoman.vue       |  1 +
 nginx/vue/src/views/shrines/Evangelion.vue    |  1 +
 nginx/vue/src/views/shrines/GTO.vue           |  1 +
 .../vue/src/views/shrines/Skipskipbenben.vue  |  1 +
 7 files changed, 52 insertions(+), 26 deletions(-)
 create mode 100644 nginx/vue/src/views/shrines/Demoman.vue
 create mode 100644 nginx/vue/src/views/shrines/Evangelion.vue
 create mode 100644 nginx/vue/src/views/shrines/GTO.vue
 create mode 100644 nginx/vue/src/views/shrines/Skipskipbenben.vue

diff --git a/nginx/vue/src/components/Radio.vue b/nginx/vue/src/components/Radio.vue
index 204c9aa..fe2c718 100644
--- a/nginx/vue/src/components/Radio.vue
+++ b/nginx/vue/src/components/Radio.vue
@@ -24,9 +24,7 @@ const checkStream = async () => {
             streamLive.value = true;
             streamUrl.value = "/radio/" + streamMount.value;
 
-            if (audio.value) {
-                audio.value.load(); // reload audio if it was offline before
-            }
+            if (audio.value) audio.value.load(); // reload audio if it was offline before
         }
     } catch (err) {
         streamLive.value = false;
@@ -40,3 +38,5 @@ onMounted(() => {
     setInterval(checkStream, 10000);
 });
 </script>
+
+<style scoped></style>
diff --git a/nginx/vue/src/router/index.js b/nginx/vue/src/router/index.js
index e05cb45..9330498 100644
--- a/nginx/vue/src/router/index.js
+++ b/nginx/vue/src/router/index.js
@@ -22,6 +22,26 @@ const router = createRouter({
       name: "bookmarks",
       component: () => import("../views/Bookmarks.vue"),
     },
+    {
+      path: "/shrines/gto",
+      name: "gto shrine",
+      component: () => import("../views/shrines/GTO.vue"),
+    },
+    {
+      path: "/shrines/skipskipbenben",
+      name: "skipskipbenben shrine",
+      component: () => import("../views/shrines/Skipskipbenben.vue"),
+    },
+    {
+      path: "/shrines/evangelion",
+      name: "evangelion shrine",
+      component: () => import("../views/shrines/Evangelion.vue"),
+    },
+    {
+      path: "/shrines/demoman",
+      name: "demoman shrine",
+      component: () => import("../views/shrines/Demoman.vue"),
+    },
     {
       path: "/:pathMatch(.*)*",
       name: "404",
diff --git a/nginx/vue/src/views/Home.vue b/nginx/vue/src/views/Home.vue
index 7732bd7..149aae1 100644
--- a/nginx/vue/src/views/Home.vue
+++ b/nginx/vue/src/views/Home.vue
@@ -4,33 +4,35 @@ import Radio from "@/components/Radio.vue";
 </script>
 
 <template>
+    <Spotify class="floating" style="left: 10vw; top: 10vh" />
+    <Radio class="floating" style="left: 90vw; top: 10vh" />
+
     <main class="a4page">
-        <h1>Welcome</h1>
+        <div>
+            <h1>Welcome</h1>
+        </div>
 
-        <h2>whoami?</h2>
-        <p>Hi im Adam</p>
+        <div>
+            <h2>whoami?</h2>
+            <p>Hi im Adam</p>
+        </div>
 
-        <h2>cv</h2>
-        <RouterLink to="/cv">cv</RouterLink>
+        <div>
+            <h2>cv</h2>
+            <RouterLink to="/cv">cv</RouterLink>
+        </div>
 
-        <h2>bookmarks</h2>
-        <RouterLink to="/bookmarks">bookmarks</RouterLink>
+        <div>
+            <h2>bookmarks</h2>
+            <RouterLink to="/bookmarks">bookmarks</RouterLink>
+        </div>
 
-        <Spotify />
-
-        <Radio />
-
-        <!--<h2> </h2>
-        <p>
-            Sometimes there's this fire that sends shivers down my back.
-            It'll come when I'm lis
-        </p>
-        -->
-
-        <!--<h2>Shrines</h1>
-        <a href="/pages/shrines/evangelion.html">Evangelion</a>
-        <a href="/pages/shrines/skipskipbenben.html">Skip skip ben ben</a>
-        <a href="/pages/shrines/demoman.html">demoman</a>-->
-        <!--<a href="pages/shrines/gto.html">GTO</a>-->
+        <div>
+            <h2>Shrines</h2>
+            <RouterLink to="/shrines/gto">gto</RouterLink>
+            <RouterLink to="/shrine/demoman">demoman</RouterLink>
+            <RouterLink to="/shrines/skipskipbenben">skipskipbenben</RouterLink>
+            <RouterLink to="/shrines/evangelion">evangelion</RouterLink>
+        </div>
     </main>
 </template>
diff --git a/nginx/vue/src/views/shrines/Demoman.vue b/nginx/vue/src/views/shrines/Demoman.vue
new file mode 100644
index 0000000..cc340bc
--- /dev/null
+++ b/nginx/vue/src/views/shrines/Demoman.vue
@@ -0,0 +1 @@
+<template></template>
diff --git a/nginx/vue/src/views/shrines/Evangelion.vue b/nginx/vue/src/views/shrines/Evangelion.vue
new file mode 100644
index 0000000..cc340bc
--- /dev/null
+++ b/nginx/vue/src/views/shrines/Evangelion.vue
@@ -0,0 +1 @@
+<template></template>
diff --git a/nginx/vue/src/views/shrines/GTO.vue b/nginx/vue/src/views/shrines/GTO.vue
new file mode 100644
index 0000000..cc340bc
--- /dev/null
+++ b/nginx/vue/src/views/shrines/GTO.vue
@@ -0,0 +1 @@
+<template></template>
diff --git a/nginx/vue/src/views/shrines/Skipskipbenben.vue b/nginx/vue/src/views/shrines/Skipskipbenben.vue
new file mode 100644
index 0000000..cc340bc
--- /dev/null
+++ b/nginx/vue/src/views/shrines/Skipskipbenben.vue
@@ -0,0 +1 @@
+<template></template>