add some shit

2026-09-08 17:15:33 +02:00
parent b65f46afd8
commit e300915144
8 changed files with 68 additions and 3 deletions
@@ -7,3 +7,44 @@
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
 }
+
+:root {
+    --ui-primary: rgb(255, 0, 0);
+    --background-color: rgb(10,10,10);
+}
+
+@font-face {
+    font-family: 'Trajan Pro Regular';
+    font-style: normal;
+    font-weight: normal;
+    src: local('Trajan Pro Regular'), url('fonts/TrajanPro-Regular.woff') format('woff');
+}
+
+
+@font-face {
+    font-family: 'Trajan Pro Bold';
+    font-style: normal;
+    font-weight: normal;
+    src: local('Trajan Pro Bold'), url('fonts/TrajanPro-Bold.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Perpetua Regular';
+    src: url('fonts/Perpetua-Regular.woff2');
+    font-style: normal;
+}
+
+footer {
+    width: 100%;
+    text-align: center;
+    color: grey;
+    font-size: medium;
+    padding: 2% 0;
+    position: fixed;
+    bottom: 0;
+}
+
+body {
+    background-color: var(--background-color);
+    font-family: Perpetua Regular;
+}
@@ -2,7 +2,6 @@
 <footer>
    <slot>All rights reserved</slot>
   <template v-if="this.date">
-        
         • {{ this.year }}
   </template> 
 </footer>
@@ -15,7 +14,7 @@ export default {
    data() {
        return {
            year: 0,
-        };
+        } 
    },
    props: {
        date: {
@@ -1,3 +1,12 @@
+<script lang="ts" setup>
+
+</script>
+<script lang="ts">
+
+</script>
+
 <template>
+    <body>
        asdf
+    </body>
 </template>
@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+
+</script>
+<script lang="ts">
+
+</script>
+
+<template>
+    <body>
+        Several assets were aquired from <a href="https://hollowknight.wiki/">the Hollow Knight wiki</a>, under the <a href="https://creativecommons.org/licenses/by-sa/3.0/">
+            Creative Commons Attribution-ShareAlike 3.0
+        </a> licence.
+    </body>
+</template>
@@ -1,12 +1,14 @@
 import { createRouter, createWebHistory } from 'vue-router';
 import App from '../App.vue';
 import HomeView from '../pages/HomeView.vue';
+import LegalView from '../pages/LegalView.vue';

 const routes = [
    { path: '/',
        children:
        [
            { path: '', component: HomeView },
+            { path: '/legal', component: LegalView },
        ]
    }
 ];