add locusts

Signed-off-by: Matt Strapp <matt@mattstrapp.net>

6 files changed, 24 insertions, 15 deletions

diff --git a/app/package.json b/app/package.json
index 663192c..4664cd1 100644
--- a/app/package.json
+++ b/app/package.json
@@ -7,6 +7,7 @@
     "@floating-ui/dom": "1.6.12"
   },
   "devDependencies": {
+    "@locusts/svelte": "^0.0.1",
     "@skeletonlabs/skeleton": "2.10.3",
     "@skeletonlabs/tw-plugin": "0.4.0",
     "@sveltejs/adapter-auto": "3.3.1",
@@ -51,4 +52,4 @@
     "preview": "vite preview"
   },
   "type": "module"
-}
\ No newline at end of file
+}
diff --git a/app/src/lib/components/Navigation.svelte b/app/src/lib/components/Navigation.svelte
index b058c1d..469f73f 100644
--- a/app/src/lib/components/Navigation.svelte
+++ b/app/src/lib/components/Navigation.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { page } from '$app/stores'
-  import { base } from "$app/paths";
+  import { base } from '$app/paths'
 
-  import "iconify-icon";
+  import 'iconify-icon'
 
   import { AppRail, AppRailAnchor, getDrawerStore } from '@skeletonlabs/skeleton'
 
@@ -23,20 +23,20 @@
     {#if menu}
       <AppRailAnchor on:click={drawerClose} title="Close Menu" value={0} href="javascript:;">
         <svelte:fragment slot="lead">
-          <iconify-icon icon="carbon:menu" width="25" />
+          <iconify-icon icon="carbon:menu" width="25"></iconify-icon>
         </svelte:fragment>
         Close Menu
       </AppRailAnchor>
     {/if}
   </svelte:fragment>
   <AppRailAnchor
-    href="{base}"
+    href={base}
     selected={$page.url.pathname === base}
     on:click={drawerClose}
     title="Homepage"
   >
     <svelte:fragment slot="lead">
-      <iconify-icon icon="carbon:home" width="35" />
+      <iconify-icon icon="carbon:home" width="35"></iconify-icon>
     </svelte:fragment>
     Home!
   </AppRailAnchor>
@@ -47,7 +47,7 @@
     title="Truncate Files"
   >
     <svelte:fragment slot="lead">
-      <iconify-icon icon="carbon:page-break" width="35" />
+      <iconify-icon icon="carbon:page-break" width="35"></iconify-icon>
     </svelte:fragment>
     Truncate!
   </AppRailAnchor>
@@ -59,7 +59,7 @@
       title="Source Code"
     >
       <svelte:fragment slot="lead">
-        <iconify-icon icon="carbon:logo-github" width="35" />
+        <iconify-icon icon="carbon:logo-github" width="35"></iconify-icon>
       </svelte:fragment>
       Source!
     </AppRailAnchor>
diff --git a/app/src/routes/+layout.svelte b/app/src/routes/+layout.svelte
index 8f0a99f..22e7fae 100644
--- a/app/src/routes/+layout.svelte
+++ b/app/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import Navigation from '$lib/components/Navigation.svelte'
-  import "iconify-icon"
+  import { Locusts } from '@locusts/svelte'
+  import 'iconify-icon'
   import {
     AppBar,
     AppShell,
@@ -49,9 +50,16 @@
     <AppBar>
       <svelte:fragment slot="lead">
         <div class="flex items-center">
-          <button class="md:hidden btn btn-sm mr-4" on:click={drawerOpen} title="Menu" type="button">
-            <iconify-icon icon="carbon:menu" width="25" />
+          <button
+            class="md:hidden btn btn-sm mr-4"
+            on:click={drawerOpen}
+            title="Menu"
+            type="button"
+            aria-label="Menu"
+          >
+            <iconify-icon icon="carbon:menu" width="25"></iconify-icon>
           </button>
+          <Locusts />
           <strong class="text-xl uppercase">Nothing</strong>
         </div>
       </svelte:fragment>
diff --git a/app/src/routes/truncate/+page.svelte b/app/src/routes/truncate/+page.svelte
index a0f1452..6315cb6 100644
--- a/app/src/routes/truncate/+page.svelte
+++ b/app/src/routes/truncate/+page.svelte
@@ -65,7 +65,7 @@
           >
             <svelte:fragment slot="lead">
               <div class="flex justify-center items-center">
-                <iconify-icon icon="carbon:file-storage" width="50" />
+                <iconify-icon icon="carbon:file-storage" width="50"></iconify-icon>
               </div>
             </svelte:fragment>
             <svelte:fragment slot="meta">Drop a file here to truncate it.</svelte:fragment>
diff --git a/app/svelte.config.js b/app/svelte.config.js
index bdf69e1..00e320d 100644
--- a/app/svelte.config.js
+++ b/app/svelte.config.js
@@ -11,8 +11,8 @@ const config = {
   kit: {
     adapter: adapter(),
     paths: {
-      base: process.env.NODE_ENV === "production" ? "/trinkets" : "",
-    }
+      base: process.env.NODE_ENV === 'production' ? '/trinkets' : '',
+    },
   },
 }
 export default config
diff --git a/app/vite.config.ts b/app/vite.config.ts
index 2f648d9..a79d272 100644
--- a/app/vite.config.ts
+++ b/app/vite.config.ts
@@ -21,7 +21,7 @@ export default defineConfig({
       manifest: {
         name: "RossTheRoss' Personal Tools",
         short_name: 'Random Dumping Ground',
-        description: 'A collection of tools I\'ve made',
+        description: "A collection of tools I've made",
         display: 'fullscreen',
         display_override: ['window-controls-overlay', 'standalone', 'minimal-ui'],
         icons: [