help page bugs fix

CVHS-student-sites · Feb 15, 2024 · 71de907 · 71de907
1 parent aa5d3d3
commit 71de907
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 23 deletions.
diff --git a/src/lib/components/Botnav.svelte b/src/lib/components/Botnav.svelte
@@ -1,5 +1,11 @@
 <script>
     import {page} from "$app/stores";
+    import {fade} from 'svelte/transition';
+
+
+    import {tweened} from 'svelte/motion';
+    import {cubicOut} from 'svelte/easing';
+    import {onMount} from 'svelte';
 
     export let pageId;
     let selectPage;
@@ -11,16 +17,6 @@
     $: if ($page.url.pathname === '/lookup') selectPage = 2;
     $: if ($page.url.pathname === '/help') selectPage = 3;
 
-    import { fade } from 'svelte/transition';
-
-
-    import { goto } from '$app/navigation';
-
-
-    import {tweened} from 'svelte/motion';
-    import {cubicOut} from 'svelte/easing';
-    import {onMount} from 'svelte';
-
     let start
     let currentTargetIndex = 0; // Initialize with the first icon
     let beforecenter;
@@ -66,7 +62,6 @@
     });
 
 
-
 </script>
 
 <svelte:head>
@@ -174,7 +169,7 @@
 
     }
 
-    .icond{
+    .icond {
         z-index: 9998;
         position: relative;
     }
@@ -218,7 +213,7 @@
         display: none;
     }
 
-    .text-cont{
+    .text-cont {
         display: flex;
         width: 100%;
         align-items: center;
@@ -238,10 +233,24 @@
         <div class="icon-background">
             <div class="test visible" class:visible={tests} style:left={$test + 'px'}></div>
 
-            <a href="/"><div in:fade={{ duration: 300 }} class="material-symbols-outlined icond" on:click={() => move(0)}>home</div></a>
-            <a href="/register"> <div in:fade={{ duration: 300 }} class="material-symbols-outlined icond" on:click={() => move(1)}>person_add</div></a>
-            <a href="/lookup"><div in:fade={{ duration: 300 }} class="material-symbols-outlined icond" on:click={() => move(2)}>search</div></a>
-            <a href="/help"><div in:fade={{ duration: 300 }} class="material-symbols-outlined icond" on:click={() => move(3)}>help</div></a>
+            <a href="/">
+                <div class="material-symbols-outlined icond" in:fade={{ duration: 300 }} on:click={() => move(0)}>home
+                </div>
+            </a>
+            <a href="/register">
+                <div class="material-symbols-outlined icond" in:fade={{ duration: 300 }} on:click={() => move(1)}>
+                    person_add
+                </div>
+            </a>
+            <a href="/lookup">
+                <div class="material-symbols-outlined icond" in:fade={{ duration: 300 }} on:click={() => move(2)}>
+                    search
+                </div>
+            </a>
+            <a href="/help">
+                <div class="material-symbols-outlined icond" in:fade={{ duration: 300 }} on:click={() => move(3)}>help
+                </div>
+            </a>
         </div>
 
         <div class="text-cont">

diff --git a/src/routes/(app)/help/+page.svelte b/src/routes/(app)/help/+page.svelte
@@ -1,6 +1,31 @@
-<script>
-    import Topnav from "$lib/components/Topnav.svelte";
-</script>
+<script></script>
+
+<svelte:head>
+    <title>CVHS Locker</title>
+
+    <meta
+            content="Manage your locker at Crescenta Valley High School (CVHS) with our locker system tool. Easily locate and register your locker and get organized for the school year."
+            name="description"
+    />
+    <meta
+            content="Crescenta Valley High School, CVHS, locker app, locker system, locker site, school locker, locker manager"
+            name="keywords"
+    />
+    <meta content="cvapps.net" name="author"/>
+
+    <link href="https://fonts.googleapis.com" rel="preconnect"/>
+    <link crossorigin href="https://fonts.gstatic.com" rel="preconnect"/>
+    <link
+            href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap"
+            rel="stylesheet"
+    />
+</svelte:head>
+
+<div class="main">
+    <!--    <Topnav />-->
+    <div class="sub"></div>
+    <!--    <Botnav pageId={0}/>-->
+</div>
 
 <style>
     :root {
@@ -19,10 +44,8 @@
         flex: 1;
     }
 
-    .sub{
+    .sub {
         display: flex;
         flex: 1;
     }
 </style>
-<div class="main">
-</div>