From 5de800410c0aaca983a82b9600994b5354b5a1bd Mon Sep 17 00:00:00 2001
From: Matt Strapp <matt@mattstrapp.net>
Date: Fri, 1 Nov 2024 10:38:53 -0500
Subject: add locusts

Signed-off-by: Matt Strapp <matt@mattstrapp.net>
---
 app/src/lib/components/Navigation.svelte | 14 +++++++-------
 app/src/routes/+layout.svelte            | 14 +++++++++++---
 app/src/routes/truncate/+page.svelte     |  2 +-
 3 files changed, 19 insertions(+), 11 deletions(-)

(limited to 'app/src')

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>
-- 
cgit v1.2.3