add blog link

src/lib/components/HelperButton.svelte

@@ -22,10 +22,11 @@
     transition:scale
     class="fixed bottom-14 right-14 bg-gray-950 text-primary-light rounded-md opacity-100 translate-y-0 flex flex-col px-4 py-2"
   >
-    <a class="py-2" rel="noopener noreferer" target="_blank" href="https://status.mrmiss.dev"
+    <a class="py-2 hover:underline" target="_blank" href="https://status.mrmiss.dev"
       >Service Status</a
     >
-    <a class="py-2" rel="noopener noreferer" href="/support">Support</a>
+    <a class="py-2 hover:underline" href="/support">Support</a>
+    <a class="py-2 hover:underline" href="https://blog.mrmiss.dev">Blog</a>
   </div>
 {/if}
 <button

src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { fly, slide } from "svelte/transition"
+  import { fly, slide, scale } from "svelte/transition"
   import Social from "$lib/components/Social.svelte"
 </script>
 
@@ -31,5 +31,15 @@
     <div in:fly={{ delay: 900 }}>
       <Social />
     </div>
+    <div in:scale={{ delay: 1300 }} class="hover:scale-110 ease-in-out duration-200">
+      <a
+        href="https://blog.mrmiss.dev"
+        class="dark:bg-gray-200 bg-zinc-800 text-white dark:text-gray-800 p-2 rounded"
+        aria-label="Blog"
+        role="button"
+      >
+        Blog
+      </a>
+    </div>
   </div>
 </main>

src/routes/[...notfound]/+page.svelte

@@ -0,0 +1,12 @@
+<div
+  class="flex justify-center items-center h-screen first-letter:md:mx-20 mx-10 text-center gap-11"
+>
+  <div>
+    <h1 class="l">Page Not Found</h1>
+    <p>
+      The page you are looking for does not exist. It may have been moved, or removed altogether.
+      Perhaps you can return back to the site's{" "}
+      <a href="/">homepage</a> and see if you can find what you are looking for.
+    </p>
+  </div>
+</div>