fix: fixes and update readme

readme.md

@@ -11,6 +11,11 @@ Source code for my personal website, [jamerrq.dev](https://jamerrq.dev).
 CSS](https://img.shields.io/badge/-Tailwind%20CSS-lightblue?style=flat-square&logo=tailwind-css&logoColor=blue)
 ![Preact](https://img.shields.io/badge/-Preact-673AB8?style=flat-square&logo=preact&logoColor=white)
 
+## Previews
+
+![Desktop](./lib/snaps/preview.png)
+![Mobile](./lib/snaps/preview-mobile.png)
+
 ### Tooling 🛠️
 
 ![Bun](https://img.shields.io/badge/-Bun-orange?style=flat-square&logo=bun&logoColor=white)

src/pages/board.astro

@@ -1,55 +1,11 @@
 ---
-import '@fontsource/handlee'
-import '@fontsource/redressed'
 import Layout from '@layouts/layout.astro'
 import Footer from '@components/main/footer.astro'
 import Buttons from '@components/main/buttons.astro'
 ---
 
 <Layout title='Board - jamerrq.dev'>
-  <style>
-    .handlee-font {
-      font-family: 'Handlee', sans-serif;
-      display: grid;
-      padding: 1rem;
-      border-radius: 5px;
-      background-color: aquamarine;
-      width: 33%;
-      position: absolute;
-      top: 2rem;
-      left: 0.25rem;
-      gap: 1rem;
-      font-weight: bold;
-    }
-
-    .rubik-font {
-      font-family: 'Rubik Doodle Shadow', sans-serif;
-      display: grid;
-      padding: 1rem;
-      border-radius: 5px;
-      background-color: aquamarine;
-      width: 33%;
-      position: absolute;
-      top: 2rem;
-      left: 28.65em;
-      gap: 1rem;
-      font-weight: bold;
-    }
-
-    .fira-font {
-      font-family: 'Merriweather', sans-serif;
-      display: grid;
-      padding: 1rem;
-      border-radius: 5px;
-      background-color: aquamarine;
-      width: 33%;
-      position: absolute;
-      top: 2rem;
-      left: 57em;
-      gap: 1rem;
-      font-weight: bold;
-    }
-  </style>
+  <style></style>
   <main class='flex flex-col w-[100dvw] h-[100dvh]'></main>
   <div class='absolute top-1 w-full mx-auto'>
     <Buttons />