header/footer changes

Author: AndrewDTR

src/components/Footer.astro

@@ -20,9 +20,9 @@ const currentYear = new Date().getFullYear();
       </a>
     </div>
     <div class="footer-section">
-      <p className="commit-text">
+      <p class="commit-text">
         {import.meta.env.PROD ? "prod@" : "dev@"}<a
-          className="commit-hash"
+          class="commit-hash"
           href={`https://github.com/AndrewDTR/website/commit/${hash}`}
           target="_blank"
           aria-label="GitHub commit hash"
@@ -70,7 +70,6 @@ const currentYear = new Date().getFullYear();
   }
 
   .commit-hash {
-    margin-left: 5px;
     color: #f0e7d8;
     text-decoration: underline;
     font-size: 1em;
@@ -84,24 +83,25 @@ const currentYear = new Date().getFullYear();
   @media (max-width: 600px) {
     .footer-container {
       flex-direction: column;
-      align-items: flex-start;
-      padding: 10px 15px;
+      align-items: center;
+      padding: 12px 15px;
+      gap: 4px;
     }
 
     .footer-right {
       width: 100%;
-      justify-content: space-between;
-      margin-top: 10px;
+      justify-content: center;
+      text-align: center;
+      margin-top: 2px;
     }
 
     .footer-section {
-      width: 48%;
+      width: auto;;
       margin-right: 0;
-      margin-bottom: 10px;
     }
 
     .footer-section:last-child {
-      text-align: right;
+      text-align: center;
     }
 
     .commit-hash {
@@ -111,6 +111,11 @@ const currentYear = new Date().getFullYear();
     .rss {
       display: none;
     }
+
+    .footer-words p,
+    .commit-text {
+      margin: 0;
+    }
   }
 
   .fa-square-rss {

src/components/Header.astro

@@ -1,6 +1,6 @@
 ---
 import "../styles/global.css";
-const currentPath = Astro.url.pathname;
+const currentPath = Astro.originPathname;
 // remove leading or trailing slashes
 const fixedPath = currentPath.replace(/^\/|\/$/g, "");
 

src/pages/index.astro

@@ -193,14 +193,8 @@ allPosts.sort(
     }
 
     p {
-      margin: 0 0 10px 0;
-      padding: 0 10px;
-    }
-
-    .blog-list {
-      margin: 0;
-      padding: 0;
-      width: 100%;
+      margin: 10px 0 10px 0;
+      padding: 0 20px;
     }
 
     .blog-post-item {
@@ -218,6 +212,14 @@ allPosts.sort(
       margin-top: 12px;
       margin-bottom: 5px;
     }
+
+    .blog-list {
+      margin-top: 0;
+      margin-left: 20px;
+      margin-right: 20px;
+      padding: 0;
+      width: auto;
+    }
   }
 
   .first-like,