adding shrines

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>

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",

nginx/vue/src/views/Home.vue

@@ -4,33 +4,35 @@ import Radio from "@/components/Radio.vue";
 </script>
 
 <template>
-    <main class="a4page">
-        <h1>Welcome</h1>
+    <Spotify class="floating" style="left: 10vw; top: 10vh" />
+    <Radio class="floating" style="left: 90vw; top: 10vh" />
 
+    <main class="a4page">
+        <div>
+            <h1>Welcome</h1>
+        </div>
+
+        <div>
             <h2>whoami?</h2>
             <p>Hi im Adam</p>
+        </div>
 
+        <div>
             <h2>cv</h2>
             <RouterLink to="/cv">cv</RouterLink>
+        </div>
 
+        <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>

nginx/vue/src/views/shrines/Demoman.vue

@@ -0,0 +1 @@
+<template></template>

nginx/vue/src/views/shrines/Evangelion.vue

@@ -0,0 +1 @@
+<template></template>

nginx/vue/src/views/shrines/GTO.vue

@@ -0,0 +1 @@
+<template></template>

nginx/vue/src/views/shrines/Skipskipbenben.vue

@@ -0,0 +1 @@
+<template></template>