merge

Author: brianhorakh

package.json

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

pysrc/evlib/build.py

@@ -22,4 +22,4 @@ def main():
     # base64_ico = base64.b64encode(ico_buffer.getvalue()).decode()
 
     # # Output the base64 encoded favicon
-    # print(base64_ico)
+    # print(base64_ico)

src/App.vue

@@ -5,8 +5,6 @@ import CookieBanner from './components/CookieBanner.vue';
 
 import CommandLineInterface from './components/CommandLineInterface.vue';
 import PromptExecutionLogo from './components/PromptExecutionLogo.vue';
-// import HelloWorld from './components/HelloWorld.vue'
-// import HelloWorld from './components/HelloWorld.vue'
 
 const showBanner = ref(true); // Or whatever logic you need to show/hide the banner
 
@@ -17,6 +15,7 @@ onMounted(() => {
   // For example, check if the user has already accepted cookies
   // showBanner.value = ...;
 });
+import TheFooter from './components/TheFooter.vue';
 
 </script>
 
@@ -25,7 +24,9 @@ onMounted(() => {
     <PromptExecutionLogo />
   </div>
   <CommandLineInterface  />
-  <CookieBanner v-if="showBanner" />
+  <TheFooter />
+
+<CookieBanner v-if="showBanner" />
 </template>
 
 <style scoped>
@@ -40,5 +41,8 @@ onMounted(() => {
 }
 /* .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,19 @@
+<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;
+    
+}
+.footy a:link {
+    color: grey;
+}
+.footy a:hover {
+    color: #646cff;
+}
+</style>

src/components/TheFooter.vue

@@ -1,3 +1,19 @@
+
+@font-face {
+  font-family: 'PEPatron-PersonalUse-Regular';
+  src: url('@/assets/fonts/Patron-PersonalUse-Regular.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@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')
+      },
+  }
 })