change my account and fix route

src/components/footer.astro

@@ -17,9 +17,8 @@ import Logo from "../components/logo.astro";
     <span
       class="inline-flex justify-center mt-4 space-x-5 sm:ml-auto sm:mt-0 sm:justify-start"
     >
-
       <a
-        href="https://instagram.com/ccbikai"
+        href="https://instagram.com/garfiantoc"
         target="_blank"
         class="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white"
       >
@@ -37,28 +36,25 @@ import Logo from "../components/logo.astro";
       </a>
 
       <a
-        href="https://twitter.com/ccbikai"
+        href="https://www.linkedin.com/in/garfiantodwi/"
         target="_blank"
         class="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white"
       >
-        <span class="sr-only">𝕏</span>
+        <span class="sr-only">LinkedIn</span>
         <svg
-          class="w-6 h-6 dark:stroke-black stroke-white"
-          viewBox="0 0 100 100"
-          fill="none"
+          class="w-6 h-6"
+          viewBox="0 0 24 24"
+          fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
-          ><path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M95 50c0 24.853-20.147 45-45 45S5 74.853 5 50 25.147 5 50 5s45 20.147 45 45Zm-51.21 2.688-21.51-28.76h16.578l14.1 18.855 17.453-18.855h4.872L55.135 45.694l22.72 30.377H61.279L45.967 55.598l-18.95 20.473h-4.873L43.79 52.688Zm-6.73-25.172h-7.616l33.63 44.967h7.616L37.06 27.516Z"
-            fill="currentColor"></path><path
-            d="M22.28 23.928v-.5h-.998l.597.8.4-.3Zm21.51 28.76.366.34.283-.306-.25-.334-.4.3Zm-4.932-28.76.4-.3-.15-.2h-.25v.5Zm14.1 18.855-.4.3.36.48.408-.44-.367-.34Zm17.453-18.855v-.5h-.219l-.148.16.367.34Zm4.872 0 .367.34.777-.84h-1.144v.5ZM55.135 45.694l-.367-.34-.282.306.249.333.4-.3Zm22.72 30.377v.5h.999l-.598-.8-.4.3Zm-16.577 0-.4.3.15.2h.25v-.5ZM45.967 55.598l.4-.3-.36-.48-.407.44.367.34Zm-18.95 20.473v.5h.218l.148-.16-.367-.34Zm-4.873 0-.367-.34-.777.84h1.144v-.5Zm7.3-48.554v-.5h-.998l.598.799.4-.3Zm7.616 0 .4-.3-.15-.2h-.25v.5Zm26.015 44.966-.4.3.15.2h.25v-.5Zm7.615 0v.5h.999l-.598-.8-.4.3ZM50 95.5c25.129 0 45.5-20.371 45.5-45.5h-1c0 24.577-19.923 44.5-44.5 44.5v1ZM4.5 50c0 25.129 20.371 45.5 45.5 45.5v-1C25.423 94.5 5.5 74.577 5.5 50h-1ZM50 4.5C24.871 4.5 4.5 24.871 4.5 50h1C5.5 25.423 25.423 5.5 50 5.5v-1ZM95.5 50C95.5 24.871 75.129 4.5 50 4.5v1c24.577 0 44.5 19.923 44.5 44.5h1ZM21.88 24.228l21.509 28.76.8-.6-21.509-28.76-.8.6Zm16.978-.8H22.28v1h16.578v-1Zm14.501 19.055L39.258 23.63l-.8.599 14.1 18.854.801-.599ZM70.044 23.59 52.592 42.443l.734.68 17.452-18.855-.734-.68Zm5.239-.16H70.41v1h4.872v-1Zm-19.78 22.605L75.65 24.268l-.734-.68-20.148 21.766.734.68Zm22.753 29.738-22.72-30.378-.801.6 22.72 30.377.8-.6Zm-16.978.799h16.578v-1H61.278v1ZM45.566 55.898 60.877 76.37l.801-.599L46.368 55.3l-.802.599ZM27.383 76.41l18.95-20.473-.733-.68-18.95 20.473.733.68Zm-5.239.16h4.872v-1h-4.872v1Zm21.278-24.223L21.777 75.731l.734.68 21.645-23.383-.734-.68ZM29.444 28.017h7.616v-1h-7.616v1Zm34.031 44.166-33.63-44.966-.801.599 33.63 44.966.801-.599Zm7.215-.2h-7.615v1h7.615v-1ZM36.66 27.816l33.63 44.966.8-.599-33.63-44.966-.8.599Z"
-            fill="currentStroke"></path></svg
         >
+          <path
+            d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"
+          ></path>
+        </svg>
       </a>
 
       <a
-        href="https://github.com/ccbikai"
+        href="https://github.com/fiiann"
         target="_blank"
         class="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white"
       >
@@ -74,7 +70,6 @@ import Logo from "../components/logo.astro";
             clip-rule="evenodd"></path></svg
         >
       </a>
-
     </span>
   </div>
 </section>

src/components/home/projects.astro

@@ -26,12 +26,12 @@ import Project from "../project.astro";
             image={project.image}
             url={project.url}
           />
-        )
+        );
       })
     }
   </div>
 
   <div class="flex items-center justify-center w-full py-5">
-    <Button text="View All My Projects" link="/projects" />
+    <Button text="View All My Projects" link="/portofolio/projects" />
   </div>
 </section>

src/components/home/writings.astro

@@ -24,7 +24,7 @@ const feed = "https://feed.miantiao.me/";
         <PostsLoop count="3" />
 
         <div class="flex items-center justify-center w-full py-5">
-          <Button text="View All My Writing" link="/posts" />
+          <Button text="View All My Writing" link="/portofolio/posts" />
         </div>
       </div>
       <div class="w-full mt-10 md:w-1/3 md:mt-0">

src/components/posts-loop.astro

@@ -1,26 +1,22 @@
 ---
 import posts from "../collections/content/post.json";
-
 const { count } = Astro.props;
-
 const postsLoop = posts.slice(0, count);
+---
 
 {
   postsLoop.map((post) => (
-    <div
-      class="relative border border-transparent border-dashed cursor-pointer p-7 group rounded-2xl"
-      onclick={`location.href='${post.link}'`}
+    <a
+      href={post.link}
+      class="relative block border border-transparent border-dashed cursor-pointer p-7 group rounded-2xl"
     >
       <div class="absolute inset-0 z-20 w-full h-full duration-300 ease-out bg-white border border-dashed dark:bg-neutral-950 rounded-2xl border-neutral-300 dark:border-neutral-600 group-hover:-translate-x-1 group-hover:-translate-y-1" />
       <div class="absolute inset-0 z-10 w-full h-full duration-300 ease-out border border-dashed rounded-2xl border-neutral-300 dark:border-neutral-600 group-hover:translate-x-1 group-hover:translate-y-1" />
       <div class="relative z-30 duration-300 ease-out group-hover:-translate-x-1 group-hover:-translate-y-1">
         <h2 class="flex items-center mb-3">
-          <a
-            href={post.link}
-            class="text-xl font-bold leading-tight tracking-tight sm:text-2xl dark:text-neutral-100"
-          >
+          <span class="text-xl font-bold leading-tight tracking-tight sm:text-2xl dark:text-neutral-100">
             {post.title}
-          </a>
+          </span>
         </h2>
         <p class="text-sm text-neutral-600 dark:text-neutral-400">
           <span>{post.description || "No description available."}</span>
@@ -29,7 +25,6 @@ const postsLoop = posts.slice(0, count);
           Posted on {post.dateFormatted || "Date not available."}
         </div>
       </div>
-    </div>
-  ));
+    </a>
+  ))
 }
----

src/layouts/main.astro

@@ -14,12 +14,12 @@ const { title } = Astro.props;
 
     <!-- Used to add dark mode right away, adding here prevents any flicker -->
     <script is:inline>
-      if (typeof Storage !== 'undefined') {
+      if (typeof Storage !== "undefined") {
         if (
-          localStorage.getItem('dark_mode') &&
-          localStorage.getItem('dark_mode') == 'true'
+          localStorage.getItem("dark_mode") &&
+          localStorage.getItem("dark_mode") == "true"
         ) {
-          document.documentElement.classList.add('dark')
+          document.documentElement.classList.add("dark");
         }
       }
     </script>
@@ -29,7 +29,11 @@ const { title } = Astro.props;
         border-radius: 20px;
       }
     </style>
-    <link rel="icon" type="image/x-icon" href="../assets/images/favicon.png" />
+    <link
+      rel="icon"
+      type="image/x-icon"
+      href="../portofolio/assets/images/favicon.png"
+    />
     <script src="../assets/css/main.css"></script>
     <Fragment set:html={import.meta.env.HEADER_INJECT} />
   </head>

src/pages/about.astro

@@ -69,11 +69,11 @@ import Layout from "../layouts/main.astro";
       class="text-sm leading-6 text-gray-600 dark:text-neutral-400 sm:leading-7 lg:leading-8 sm:text-base lg:text-lg"
     >
       If you want to stay up to date with my work be sure to <a
-        href="https://twitter.com/ccikai"
+        href="https://www.linkedin.com/in/garfiantodwi/"
         target="_blank"
-        class="text-indigo-600 underline">follow me on twitter</a
+        class="text-indigo-600 underline">Connect me on LinkedIn</a
       >, or you can send me an <a
-        href="mailto:astro-aria#miantiao.me"
+        href="mailto:fianto74@gmail.com"
         class="text-indigo-600 underline">email</a
       > and I'll be sure to get back to you.
     </p>

src/pages/index.astro

@@ -38,7 +38,10 @@ import Layout from "../layouts/main.astro";
           <li>Android (Kotlin) Development (soon)</li>
           <li>and more...</li>
         </ul>
-        <Button text="Follow me on 𝕏" link="https://twitter.com/ccbikai" />
+        <Button
+          text="Connect me on LinkedIn"
+          link="https://www.linkedin.com/in/garfiantodwi/"
+        />
       </div>
       <div
         class="relative justify-end hidden w-full mt-10 md:flex md:pl-10 md:w-1/2 md:mt-0 md:translate-y-4 xl:translate-y-0"