Initial commit

lib/www/client/source/src/components/footer.vue

@@ -0,0 +1,39 @@
+<!-- kate: replace-tabs on; indent-width 2; -->
+<template>
+<v-footer app>
+	<small>&copy; {{year}} <a href="https://aaltronav.eu/" target="_blank" class="brand">Aaltronav</a></small>
+	<v-spacer></v-spacer>
+	<div title="Night mode">
+      <v-switch
+        class="ma-auto"
+        flat
+        hide-details
+        v-model="$vuetify.theme.dark"
+        append-icon="mdi-weather-night"
+        ></v-switch>
+    </div>
+</v-footer>
+</template>
+
+<style>
+@font-face {
+  font-family: "Bank Gothic Medium";
+  src: local("Bank Gothic Medium"), url("/fonts/bank-gothic-medium.woff");
+}
+  
+.brand {
+  font-family: "Bank Gothic Medium";
+}
+</style>
+
+<script>
+export default {
+  name: 'DougalFooter',
+  computed: {
+    year () {
+      const date = new Date();
+      return date.getUTCFullYear();
+    }
+  }
+};
+</script>