footer & store assets

src/dashboard/App.svelte

@@ -4,6 +4,7 @@
   import Dev from './components/Dev.svelte'
   import Dashboard from './pages/Dashboard.svelte'
   import Limits from './pages/Limits.svelte'
+  import Footer from '../shared/footer.svelte'
 
   import { isDev } from '../shared/utils'
 
@@ -34,4 +35,6 @@
   </div>
 
   <Router {routes} />
+
+  <Footer />
 </main>

src/options/App.svelte

@@ -5,6 +5,7 @@
   import dj from 'dayjs'
 
   import FileUpload from './FileUpload.svelte'
+  import Footer from '../shared/footer.svelte'
 
   import { dashboard, isDev } from '../shared/utils'
   import { dump as dumpDB, load as loadDB, clear as clearDB, validate } from '../shared/db'
@@ -103,4 +104,6 @@
     <button class="btn btn-primary" on:click={dump}>Export</button>
     <button class="btn btn-error tooltip" data-tooltip="Hold to delete" use:longPress={clear}>Delete all data</button>
   </div>
+
+  <Footer />
 </main>

src/shared/footer.svelte

@@ -0,0 +1,19 @@
+<script>
+  // import manifest from '../../'
+</script>
+
+<style>
+  footer {
+    margin-top: 3rem;
+    text-align: center;
+    font-family: monospace;
+  }
+</style>
+
+<footer>
+  <a href="https://github.com/cupcakearmy/ora" target="_blank" rel="noreferrer">Source Code</a>
+  - v0.5
+  <br />
+  Made with ❤️ by
+  <a href="https://nicco.io" target="_blank" rel="noreferrer">🐘</a>
+</footer>

src/shared/utils.js

@@ -2,4 +2,4 @@ import browser from 'webextension-polyfill'
 
 export const dashboard = browser.runtime.getURL('./src/dashboard/index.html')
 
-export const isDev = process.env.NODE_ENV !== 'production'
+export const isDev = process.env.NODE_ENV !== 'production'