fix: make everything squarish, update projects

- add better projects

Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>

src/components/MusicPlayer.astro

@@ -22,11 +22,7 @@ const hero = lb.nowPlaying ?? lb.recentTracks[0] ?? null;
 ---
 
 <div class="mc card" id="music-widget" data-user={lb.username} data-live={isLive ? "1" : "0"}>
-  <div class="mc-header">
-    <a href={profileUrl} target="_blank" rel="noopener noreferrer" class="widget-title mc-link" aria-label="ListenBrainz profile">
-      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
-    </a>
-  </div>
+  <div class="mc-header"></div>
 
   <div class="mc-body" id="mc-body">
     {hero ? (

src/components/RecentPosts.astro

@@ -115,6 +115,17 @@ const fmtDate = (d: Date) =>
     background-color: var(--bg-surface-hover);
   }
 
+  @media (max-width: 600px) {
+    .post-link {
+      grid-template-columns: 1fr;
+      gap: var(--space-3);
+    }
+
+    .post-thumb {
+      aspect-ratio: 16 / 9;
+    }
+  }
+
   .thumb-img {
     width: 100%;
     height: 100%;