footer v1

Author: b

package.json

@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "path": "^0.12.7",
     "vue": "^3.3.8",
     "vue-command": "^35.2.1"
   },

src/App.vue

@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import CommandLineInterface from './components/CommandLineInterface.vue';
 import PromptExecutionLogo from './components/PromptExecutionLogo.vue';
+import TheFooter from './components/TheFooter.vue';
+
 </script>
 
 <template>
   <div>
     <PromptExecutionLogo />
   </div>
   <CommandLineInterface  />
-  <!-- <HelloWorld msg="Vitex + Vue" /> -->
+  <TheFooter />
 </template>
 
 <style scoped>
@@ -24,4 +26,6 @@ import PromptExecutionLogo from './components/PromptExecutionLogo.vue';
 .logo.vue:hover {
   filter: drop-shadow(0 0 2em #42b883aa);
 }
+
+
 </style>

src/assets/fonts/ExodarOutline.otf src/assets/fonts/ExodarOutline.ttfsrc/assets/fonts/ExodarOutline.otf renamed to src/assets/fonts/ExodarOutline.ttf

@@ -10,18 +10,4 @@
 
 <style scoped>
 
-@font-face {
-  font-family: 'PEPatron-PersonalUse-Regular', 'sans-serif';
-  src: url('@/assets/fonts/Patron-PersonalUse-Regular.otf') format('opentype');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'PEExodarOutline', 'san-serif';
-  src: url('@/assets/fonts/ExodarOutline.otf') format('opentype');
-  font-weight: normal;
-  font-style: normal;
-}
-
 </style>

src/components/PromptExecutionLogo.vue

@@ -0,0 +1,12 @@
+<template>
+    <div class="footy">
+    ☎️: <a href="callto://+(61) 3 4238 2424">+(61) 3 4238 2424</a> &nbsp;&nbsp; 📩: <a href="mailto:hello@promptexecution.com">hello@promptexecution.com</a>  &nbsp;&nbsp; 🦘 <a target="_blank" href="https://abr.business.gov.au/ABN/View?id=45650385466">ABN: 456 5038 5466</a>
+    </div>
+</template>
+
+<style scoped>
+.footy {
+    font-family: 'PEPatron-PersonalUse-Regular', 'PEExodarOutline', 'Roboto'; /* sans-serif; */
+    font-size: 0.8em;
+}
+</style>

src/components/TheFooter.vue

@@ -1,3 +1,20 @@
+
+@font-face {
+  font-family: 'PEPatron-PersonalUse-Regular';
+  src: url('@/assets/fonts/Patron-PersonalUse-Regular.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+  background-color: #242424;
+}
+
+@font-face {
+  font-family: 'PEExodarOutline';
+  src: url('@/assets/fonts/ExodarOutline.ttf') format('truetype');
+  color: #242424;
+  font-weight: normal;
+  font-style: normal;
+}
+
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;

src/style.css

@@ -1,7 +1,13 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src')
+      },
+  }
 })