Minor improvement

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>

src/layouts/BlogLayout.astro

@@ -163,17 +163,14 @@ const toc = headers.map((header) => ({
     <div class="divider mt-12"></div>
 
     <!-- Back to blog link -->
-    <div class="text-center mt-8">
-      <a href="/blog" class="btn btn-primary"> View All Posts </a>
-    </div>
-      <div class="flex justify-center gap-2 mt-12">
-        <div class="flex gap-3 justify-center flex-wrap text-sm">
-          <a href="/blog" class="link link-hover">View All Posts</a>
-          <span class="text-base-content/30">•</span>
-          <a href="/#contact" class="link link-hover">Contact me</a>
-          <span class="text-base-content/30">•</span>
-        <a href="https://ko-fi.com/anotherhadi" class="link link-hover">Support me</a>
-        </div>
+    <div class="flex justify-center gap-2 mt-12">
+      <div class="flex gap-3 justify-center flex-wrap text-sm">
+        <a href="/blog" class="link link-hover">View All Posts</a>
+        <span class="text-base-content/30">•</span>
+        <a href="/#contact" class="link link-hover">Contact me</a>
+        <span class="text-base-content/30">•</span>
+      <a href="https://ko-fi.com/anotherhadi" class="link link-hover">Support me</a>
       </div>
+    </div>
   </article>
 </Layout>

src/layouts/Layout.astro

@@ -18,13 +18,13 @@ const {
 const blurFadeAnimation = {
   old: {
     name: "blurFadeOut",
-    duration: "0.3s",
+    duration: "0.1s",
     easing: "ease-in-out",
     fillMode: "forwards",
   },
   new: {
     name: "blurFadeIn",
-    duration: "0.3s",
+    duration: "0.1s",
     easing: "ease-in-out",
     fillMode: "backwards",
   },

src/layouts/ProjectLayout.astro

@@ -122,8 +122,18 @@ const { title, description, image, tags, demoLink, url, sourceLink } =
     <div class="divider mt-12"></div>
 
     <!-- Back to projects link -->
-    <div class="text-center mt-8">
-      <a href="/projects" class="btn btn-primary"> View All Projects </a>
+    <div class="flex justify-center gap-2 mt-12">
+      <div class="flex gap-3 justify-center flex-wrap text-sm">
+        <a href="https://github.com/anotherhadi" class="link link-hover"
+          >View All Projects</a
+        >
+        <span class="text-base-content/30">•</span>
+        <a href="/#contact" class="link link-hover">Contact me</a>
+        <span class="text-base-content/30">•</span>
+        <a href="https://ko-fi.com/anotherhadi" class="link link-hover"
+          >Support me</a
+        >
+      </div>
     </div>
   </article>
 </Layout>