style: format project

Author: milan-codes

src/components/Announcement.astro

@@ -14,7 +14,7 @@ const { announcement } = Astro.props;
   <h1 class="text-gray-600 dark:text-gray-400">
     {announcement.data.description}
   </h1>
-  <div class="prose my-8 text-gray-600 dark:prose-invert dark:text-gray-400">
+  <div class="prose dark:prose-invert my-8 text-gray-600 dark:text-gray-400">
     <slot />
   </div>
 </div>

src/components/LatestBlogPost.astro

@@ -11,7 +11,7 @@ const { post } = Astro.props;
 <div class="my-4">
   <a
     href="/blog"
-    class="lowercase text-gray-900 hover:underline dark:text-gray-100">posts</a
+    class="text-gray-900 lowercase hover:underline dark:text-gray-100">posts</a
   >
   <BlogPostCard post={post} />
 </div>

src/components/Navbar.astro

@@ -6,7 +6,7 @@ import ArrowUpRight from "./ArrowUpRight.astro";
   aria-label="Navigation bar"
   class="sticky top-0 z-10 bg-gray-50 py-4 dark:bg-[#0a0a0a]"
 >
-  <ul class="flex gap-4 font-medium lowercase text-gray-900 dark:text-gray-100">
+  <ul class="flex gap-4 font-medium text-gray-900 lowercase dark:text-gray-100">
     <li>
       <a class="py-2 hover:underline" href="/"> Home </a>
     </li>

src/components/Projects.astro

@@ -45,6 +45,6 @@ const projects: Project[] = [
 ---
 
 <div class="my-8">
-  <h1 class="lowercase text-gray-900 dark:text-gray-100">Projects</h1>
+  <h1 class="text-gray-900 lowercase dark:text-gray-100">Projects</h1>
   {projects.map((project) => <ProjectCard project={project} />)}
 </div>

src/pages/blog/index.astro

@@ -16,7 +16,7 @@ const tags = [...new Set(posts.map((post) => post.data.tags).flat())];
 
 <BaseLayout title="Milán Herke - Blog">
   <Navbar />
-  <h1 class="mb-1 mt-4 lowercase text-gray-900 dark:text-gray-100">Posts</h1>
+  <h1 class="mt-4 mb-1 text-gray-900 lowercase dark:text-gray-100">Posts</h1>
   <Tags tags={tags} />
   {orderedPosts.map((post) => <BlogPostCard post={post} />)}
 </BaseLayout>

src/pages/tags/[tag].astro

@@ -25,7 +25,7 @@ const allPosts = await getCollection(
 
 <BaseLayout title="Milán Herke - Blog">
   <Navbar />
-  <h1 class="mb-6 mt-4 lowercase text-gray-900 dark:text-gray-100">
+  <h1 class="mt-4 mb-6 text-gray-900 lowercase dark:text-gray-100">
     Posts tagged with {tag}
   </h1>
   {allPosts.map((post) => <BlogPostCard post={post} />)}