initial commit

resources/js/Components/FooterBar.vue

@@ -0,0 +1,26 @@
+<script setup>
+import { computed } from 'vue'
+import { containerMaxW } from '@/config.js';
+import BaseLevel from '@/Components/BaseLevel.vue'
+import JustboilLogo from '@/Components/JustboilLogo.vue'
+
+const year = computed(() => new Date().getFullYear())
+</script>
+
+<template>
+  <footer class="py-2 px-6">
+    <BaseLevel :class="containerMaxW">
+      <div class="text-center md:text-left">
+        <b>&copy;{{ year }}, <a href="https://tethys.at/" target="_blank">
+            Tethys.at</a>.</b>
+        <!-- Get more with <a href="https://tailwind-vue.justboil.me/" target="_blank" class="text-blue-600">Premium
+          version</a> -->
+      </div>
+      <div class="md:py-3">
+        <a href="https://www.tethys.at" target="_blank">
+          <JustboilLogo class="w-auto h-8 md:h-6" />
+        </a>
+      </div>
+    </BaseLevel>
+  </footer>
+</template>