diff --git a/public/fonts/Perpetua-Regular.woff2 b/public/fonts/Perpetua-Regular.woff2
new file mode 100644
index 0000000..6de7bb2
Binary files /dev/null and b/public/fonts/Perpetua-Regular.woff2 differ
diff --git a/public/fonts/TrajanPro-Bold.woff b/public/fonts/TrajanPro-Bold.woff
new file mode 100644
index 0000000..e6f105f
Binary files /dev/null and b/public/fonts/TrajanPro-Bold.woff differ
diff --git a/public/fonts/TrajanPro-Regular.woff b/public/fonts/TrajanPro-Regular.woff
new file mode 100644
index 0000000..af8c104
Binary files /dev/null and b/public/fonts/TrajanPro-Regular.woff differ
diff --git a/resources/css/app.css b/resources/css/app.css
index 54b247e..843e88e 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -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;
+}
\ No newline at end of file
diff --git a/resources/js/components/Footer.vue b/resources/js/components/Footer.vue
index 998c2c5..3a7070d 100644
--- a/resources/js/components/Footer.vue
+++ b/resources/js/components/Footer.vue
@@ -2,7 +2,6 @@
@@ -15,7 +14,7 @@ export default {
data() {
return {
year: 0,
- };
+ }
},
props: {
date: {
diff --git a/resources/js/pages/HomeView.vue b/resources/js/pages/HomeView.vue
index 6a758ce..2b66004 100644
--- a/resources/js/pages/HomeView.vue
+++ b/resources/js/pages/HomeView.vue
@@ -1,3 +1,12 @@
+
+
+
-asdf
+
+ asdf
+
\ No newline at end of file
diff --git a/resources/js/pages/LegalView.vue b/resources/js/pages/LegalView.vue
new file mode 100644
index 0000000..935577d
--- /dev/null
+++ b/resources/js/pages/LegalView.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+ Several assets were aquired from the Hollow Knight wiki, under the
+ Creative Commons Attribution-ShareAlike 3.0
+ licence.
+
+
\ No newline at end of file
diff --git a/resources/js/router/index.js b/resources/js/router/index.js
index cec0ee2..8ecfd96 100644
--- a/resources/js/router/index.js
+++ b/resources/js/router/index.js
@@ -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 },
]
}
];