build: prettier

.prettierrc.cjs

@@ -1,5 +1,8 @@
 module.exports = {
-    plugins: [require.resolve("prettier-plugin-astro")],
+  plugins: [
+    require.resolve("prettier-plugin-astro"),
+    require.resolve("prettier-plugin-tailwindcss"),
+  ],
   overrides: [
     {
       files: "*.astro",

src/components/widgets/Fireworks.astro

@@ -1,8 +1,9 @@
 <script>
   import { Fireworks } from "fireworks-js";
 
-    export const fireworksContainer =
+  export const fireworksContainer = document.querySelector<HTMLDivElement>(
-        document.querySelector<HTMLDivElement>(".fireworks-container")!;
+    ".fireworks-container"
+  )!;
 
   const fireworks = new Fireworks(fireworksContainer, {
     rocketsPoint: {

src/components/widgets/Navbar.astro

@@ -22,9 +22,7 @@ const navItems = [
 ---
 
 <header class="h-16 border-b-[1px] border-neutral-800 text-xl text-white">
-    <Container
+  <Container class="flex justify-around md:justify-between items-center h-full">
-        class="flex justify-around md:justify-between items-center h-full"
-    >
     <a class="text-2xl font-extrabold" href="/">xHyroM</a>
     <nav>
       <ul
@@ -33,10 +31,7 @@ const navItems = [
         {
           navItems.map((item) => (
             <li class=" transition-all hover:-translate-y-[2px]">
-                            <a
+              <a href={item.link} class="hover:text-hyroGold text-neutral-300">
-                                href={item.link}
-                                class="hover:text-hyroGold text-neutral-300"
-                            >
                 {item.name}
               </a>
             </li>

src/layouts/Layout.astro

@@ -30,7 +30,7 @@ const Head = head || DefaultHead;
     <script>
       import "../scripts/menu.js";
     </script>
-  </body><style is:global>
+    <style is:global>
       ::-webkit-scrollbar {
         width: 16px;
       }
@@ -42,4 +42,5 @@ const Head = head || DefaultHead;
         background-color: #aaaaaa;
       }
     </style>
+  </body>
 </html>

src/layouts/blog/PostLayout.astro

@@ -18,12 +18,12 @@ const {
 
 <Layout head={PostHead} title={title} date={date}>
   <Navbar />
-  <h1 class="text-white text-5xl w-full text-center py-32 font-extrabold">
+  <h1 class="w-full py-32 text-center text-5xl font-extrabold text-white">
     {title}
   </h1>
 
   <Container>
-    <main class="text-white text-2xl prose">
+    <main class="prose text-2xl text-white">
       <article>
         <slot />
       </article>

src/pages/404.astro

@@ -13,32 +13,29 @@ import Layout from "../layouts/Layout.astro";
   <Container>
     <main class="text-2xl text-white">
       <p class="mb-4">
-                We're sorry, but it looks like the page you were trying to visit
+        We're sorry, but it looks like the page you were trying to visit has
-                has been misplaced. It's not entirely clear where it's gone, but
+        been misplaced. It's not entirely clear where it's gone, but we suspect
-                we suspect it may have gotten lost in the vast expanse of the
+        it may have gotten lost in the vast expanse of the internet.
-                internet.
       </p>
 
       <p class="mb-4">
-                We've searched high and low, but alas, we can't seem to find it.
+        We've searched high and low, but alas, we can't seem to find it. It's
-                It's possible that it's hiding behind a particularly stubborn
+        possible that it's hiding behind a particularly stubborn firewall, or
-                firewall, or maybe it's taking a much-needed vacation on a
+        maybe it's taking a much-needed vacation on a remote server farm.
-                remote server farm.
       </p>
 
       <p class="mb-4">
-                Despite our best efforts, we just can't seem to locate the page
+        Despite our best efforts, we just can't seem to locate the page you were
-                you were looking for. We apologize for any inconvenience this
+        looking for. We apologize for any inconvenience this may have caused.
-                may have caused.
       </p>
 
       <p class="mb-4">
         In the meantime, why not take a look around our <a
           class="text-hyroGold"
           href="/">homepage</a
-                > and see if you can find something else that piques your interest?
+        > and see if you can find something else that piques your interest? Who knows,
-                Who knows, you might just stumble upon something even better than
+        you might just stumble upon something even better than what you were originally
-                what you were originally looking for.
+        looking for.
       </p>
 
       <p>Thanks for stopping by, and we hope to see you again soon!</p>