feat: some things

cardano-miners · Mar 21, 2024 · 1cd4b54 · 1cd4b54
1 parent 33ba918
commit 1cd4b54
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 24 deletions.
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
-  import ConnectButton from './ConnectButton.svelte';
+  import { page } from '$app/stores';
   import fortunaLogo from '$lib/assets/fortunaLogo.png';
+  import ConnectButton from './ConnectButton.svelte';
 </script>
 
 <nav class="px-6 py-3 pt-6 shadow border-b border-slate-700">
@@ -10,13 +11,33 @@
         <a href="/"><img src={fortunaLogo} alt="logo" class="md:max-w-[200px] max-w-[20vh]" /></a>
       </div>
     </div>
+
     <div class="md:flex flex-col md:flex-row md:-mx-4 hidden items-center font-medium text-white">
-      <a href="/hardfork" class="my-1 hover:text-primary md:mx-4 md:my-0">Hardfork</a>
-      <a href="/mine" class="my-1 hover:text-primary md:mx-4 md:my-0">Mine</a>
-      <a href="/explorer" class="my-1 hover:text-primary md:mx-4 md:my-0">Explorer</a>
+      <a
+        href="/hardfork"
+        class="my-1 hover:text-primary hover:border-primary md:mx-4 md:my-0"
+        class:border-b-2={$page.url.pathname === '/hardfork'}
+        class:border-secondary={$page.url.pathname === '/hardfork'}>Hardfork</a>
+
+      <a
+        href="/mine"
+        class="my-1 hover:text-primary hover:border-primary md:mx-4 md:my-0"
+        class:border-b-2={$page.url.pathname === '/mine'}
+        class:border-secondary={$page.url.pathname === '/mine'}>Mine</a>
 
-      <a href="/community" class="my-1 hover:text-primary md:mx-4 md:my-0">Community</a>
+      <a
+        href="/explorer"
+        class="my-1 hover:text-primary hover:border-primary md:mx-4 md:my-0"
+        class:border-b-2={$page.url.pathname === '/explorer'}
+        class:border-secondary={$page.url.pathname === '/explorer'}>Explorer</a>
+
+      <a
+        href="/community"
+        class="my-1 hover:text-primary hover:border-primary md:mx-4 md:my-0"
+        class:border-b-2={$page.url.pathname === '/community'}
+        class:border-secondary={$page.url.pathname === '/community'}>Community</a>
     </div>
+
     <div class="md:flex">
       <div class="md:flex flex-col md:flex-row md:-mx-2 items-center">
         <!-- {github icon} -->
@@ -27,7 +48,7 @@
               fill="currentColor" /></svg
           ></a>
         <!-- {discord icon} -->
-        <a href="/" class="mx-4"
+        <a href="https://discord.gg/Vc3x8N9nz2" target="_blank" class="mx-4"
           ><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 256 256"
             ><g fill="none"
               ><rect width="256" height="256" fill="#5865F2" rx="60" /><g
@@ -43,6 +64,7 @@
             ></svg
           ></a>
       </div>
+
       <ConnectButton />
     </div>
   </div>

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import SolarArrowRightBroken from '~icons/solar/arrow-right-broken';
 </script>
 
 <div class="">
@@ -18,7 +19,7 @@
               <span
                 class="pointer-events-none col-start-1 row-start-1 bg-[linear-gradient(90deg,theme(colors.error)_0%,theme(colors.secondary)_9%,theme(colors.secondary)_42%,theme(colors.primary)_47%,theme(colors.accent)_100%)] bg-clip-text blur-xl [-webkit-text-fill-color:transparent] [transform:translate3d(0,0,0)] before:content-[attr(data-text)] [@supports(color:oklch(0_0_0))]:bg-[linear-gradient(90deg,oklch(var(--s))_4%,color-mix(in_oklch,oklch(var(--s)),oklch(var(--er)))_22%,oklch(var(--p))_45%,color-mix(in_oklch,oklch(var(--p)),oklch(var(--a)))_67%,oklch(var(--a))_100.2%)]"
                 aria-hidden="true"
-                data-text="Bitcoin PoW">
+                data-text="Fortuna">
               </span>
               <span
                 class="[&::selection]:text-base-content relative col-start-1 row-start-1 bg-[linear-gradient(90deg,theme(colors.error)_0%,theme(colors.secondary)_9%,theme(colors.secondary)_42%,theme(colors.primary)_47%,theme(colors.accent)_100%)] bg-clip-text [-webkit-text-fill-color:transparent] [&::selection]:bg-blue-700/20 [@supports(color:oklch(0_0_0))]:bg-[linear-gradient(90deg,oklch(var(--s))_4%,color-mix(in_oklch,oklch(var(--s)),oklch(var(--er)))_22%,oklch(var(--p))_45%,color-mix(in_oklch,oklch(var(--p)),oklch(var(--a)))_67%,oklch(var(--a))_100.2%)]">
@@ -46,18 +47,7 @@
                 href="/hardfork/"
                 class="btn mt-5 btn-secondary md:btn-lg md:btn-wide">
                 Lock my $TUNA
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke-width="1.5"
-                  stroke="currentColor"
-                  class="hidden h-6 w-6 transition-transform duration-300 group-hover:translate-x-1 rtl:rotate-180 rtl:group-hover:-translate-x-1 md:inline-block">
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
-                </svg>
+                <SolarArrowRightBroken />
               </a>
             </div>
           </div>

diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
@@ -20,13 +20,16 @@
       </p>
       <div class="mt-4">
         <button class=" btn-primary btn btn-sm">
-          <a href="/" class=" inline-block text-white font-bold rounded">Server Link </a>
+          <a
+            href="https://discord.gg/Vc3x8N9nz2"
+            target="_blank"
+            class=" inline-block text-white font-bold rounded">Server Link</a>
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
             ><path
               fill="currentColor"
               class="text-white"
-              d="M14.82 4.26a10.14 10.14 0 0 0-.53 1.1a14.66 14.66 0 0 0-4.58 0a10.14 10.14 0 0 0-.53-1.1a16 16 0 0 0-4.13 1.3a17.33 17.33 0 0 0-3 11.59a16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83a3.39 3.39 0 0 0 .42-.33a11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84a12.41 12.41 0 0 0 1.08 1.78a16.44 16.44 0 0 0 5.06-2.59a17.22 17.22 0 0 0-3-11.59a16.09 16.09 0 0 0-4.09-1.35M8.68 14.81a1.94 1.94 0 0 1-1.8-2a1.93 1.93 0 0 1 1.8-2a1.93 1.93 0 0 1 1.8 2a1.93 1.93 0 0 1-1.8 2m6.64 0a1.94 1.94 0 0 1-1.8-2a1.93 1.93 0 0 1 1.8-2a1.92 1.92 0 0 1 1.8 2a1.92 1.92 0 0 1-1.8 2" /></svg
-          ></button>
+              d="M14.82 4.26a10.14 10.14 0 0 0-.53 1.1a14.66 14.66 0 0 0-4.58 0a10.14 10.14 0 0 0-.53-1.1a16 16 0 0 0-4.13 1.3a17.33 17.33 0 0 0-3 11.59a16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83a3.39 3.39 0 0 0 .42-.33a11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84a12.41 12.41 0 0 0 1.08 1.78a16.44 16.44 0 0 0 5.06-2.59a17.22 17.22 0 0 0-3-11.59a16.09 16.09 0 0 0-4.09-1.35M8.68 14.81a1.94 1.94 0 0 1-1.8-2a1.93 1.93 0 0 1 1.8-2a1.93 1.93 0 0 1 1.8 2a1.93 1.93 0 0 1-1.8 2m6.64 0a1.94 1.94 0 0 1-1.8-2a1.93 1.93 0 0 1 1.8-2a1.92 1.92 0 0 1 1.8 2a1.92 1.92 0 0 1-1.8 2" /></svg>
+        </button>
         <button class="btn-primary btn btn-sm ml-4"
           ><a
             href="https://github.com/aiken-lang/fortuna"

diff --git a/tsconfig.json b/tsconfig.json
@@ -9,7 +9,8 @@
     "skipLibCheck": true,
     "sourceMap": true,
     "strict": true,
-    "moduleResolution": "bundler"
+    "moduleResolution": "bundler",
+    "types": ["unplugin-icons/types/svelte"]
   }
   // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
   //

diff --git a/vite.config.ts b/vite.config.ts
@@ -1,8 +1,9 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vitest/config';
+import Icons from 'unplugin-icons/vite';
 
 export default defineConfig({
-  plugins: [sveltekit()],
+  plugins: [sveltekit(), Icons({ compiler: 'svelte' })],
   test: {
     include: ['src/**/*.{test,spec}.{js,ts}']
   }