From 8fb35222ac2c53d783c289a220dc299566b902c9 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Thu, 8 Jan 2026 20:30:31 +0000
Subject: [PATCH] entry code

---
 nginx/vue/src/views/shrines/Demoman.vue       | 60 +++++++++----------
 nginx/vue/src/views/shrines/Evangelion.vue    | 14 ++++-
 nginx/vue/src/views/shrines/GTO.vue           | 15 ++++-
 .../vue/src/views/shrines/Skipskipbenben.vue  | 15 ++++-
 4 files changed, 65 insertions(+), 39 deletions(-)

diff --git a/nginx/vue/src/views/shrines/Demoman.vue b/nginx/vue/src/views/shrines/Demoman.vue
index 58f3454..d403123 100644
--- a/nginx/vue/src/views/shrines/Demoman.vue
+++ b/nginx/vue/src/views/shrines/Demoman.vue
@@ -1,34 +1,28 @@
-<template>
-    <div class="flex-col">
-        <p><a href="https://wiki.teamfortress.com/wiki/Demoman">The goat</a></p>
-        <video class="bdr-1" width="300" height="400" controls preload="none">
-            <source
-                src="/img/demoman/1760582395316219.webm"
-                type="video/webm"
-            />
-        </video>
-        <video class="bdr-1" width="300" height="400" controls preload="none">
-            <source
-                src="/img/demoman/1761052136609718.webm"
-                type="video/webm"
-            />
-        </video>
-        <video class="bdr-1" width="600" height="400" controls preload="none">
-            <source src="/img/demoman/1761088452011210.mp4" type="video/mp4" />
-        </video>
-        <video class="bdr-1" width="600" height="400" controls preload="none">
-            <source
-                src="/img/demoman/1761570214170465.webm"
-                type="video/webm"
-            />
-        </video>
-        <video class="bdr-1" width="600" height="400" controls preload="none">
-            <source
-                src="/img/demoman/1761828457509465.webm"
-                type="video/webm"
-            />
-        </video>
-    </div>
-</template>
+<script setup>
+import VideoTable from "@/components/quick/VideoTable.vue";
 
-<style scoped></style>
+const videoSources = [
+    { name: "demoman", link: "/img/demoman/1760582395316219.webm" },
+    { name: "demoman", link: "/img/demoman/1761052136609718.webm" },
+    { name: "demoman", link: "/img/demoman/1761088452011210.mp4" },
+    { name: "demoman", link: "/img/demoman/1761570214170465.webm" },
+    { name: "demoman", link: "/img/demoman/1761828457509465.webm" },
+];
+</script>
+
+<template>
+    <main class="center-content flex-col">
+        <div
+            class="a4page-portrait bdr-1 flex-row relative scroll-y center-content"
+        >
+            <p>
+                <a href="https://wiki.teamfortress.com/wiki/Demoman"
+                    >The goat</a
+                >
+            </p>
+            <div>
+                <VideoTable :sourceArr="videoSources" />
+            </div>
+        </div>
+    </main>
+</template>
diff --git a/nginx/vue/src/views/shrines/Evangelion.vue b/nginx/vue/src/views/shrines/Evangelion.vue
index da7549e..a773aae 100644
--- a/nginx/vue/src/views/shrines/Evangelion.vue
+++ b/nginx/vue/src/views/shrines/Evangelion.vue
@@ -1,3 +1,13 @@
-<template></template>
+<script setup>
+import Wip from "@/components/quick/Wip.vue";
+</script>
 
-<script></script>
+<template>
+    <main class="center-content flex-col">
+        <div
+            class="a4page-portrait center-content bdr-1 flex-col relative scroll-y"
+        >
+            <Wip />
+        </div>
+    </main>
+</template>
diff --git a/nginx/vue/src/views/shrines/GTO.vue b/nginx/vue/src/views/shrines/GTO.vue
index 485ac6c..a773aae 100644
--- a/nginx/vue/src/views/shrines/GTO.vue
+++ b/nginx/vue/src/views/shrines/GTO.vue
@@ -1,2 +1,13 @@
-<template></template>
-<script></script>
+<script setup>
+import Wip from "@/components/quick/Wip.vue";
+</script>
+
+<template>
+    <main class="center-content flex-col">
+        <div
+            class="a4page-portrait center-content bdr-1 flex-col relative scroll-y"
+        >
+            <Wip />
+        </div>
+    </main>
+</template>
diff --git a/nginx/vue/src/views/shrines/Skipskipbenben.vue b/nginx/vue/src/views/shrines/Skipskipbenben.vue
index 485ac6c..a773aae 100644
--- a/nginx/vue/src/views/shrines/Skipskipbenben.vue
+++ b/nginx/vue/src/views/shrines/Skipskipbenben.vue
@@ -1,2 +1,13 @@
-<template></template>
-<script></script>
+<script setup>
+import Wip from "@/components/quick/Wip.vue";
+</script>
+
+<template>
+    <main class="center-content flex-col">
+        <div
+            class="a4page-portrait center-content bdr-1 flex-col relative scroll-y"
+        >
+            <Wip />
+        </div>
+    </main>
+</template>