Add featured projects section to the home page

src/components/Footer.astro

@@ -7,12 +7,24 @@ import NavLink from './NavLink.astro';
     &copy; {new Date().getFullYear()}&nbsp;<span lang="pl">Maciej Pędzich</span>
   </span>
   <nav class="cmr2-text" aria-label="Social media links">
-    <NavLink href="https://github.com/maciejpedzich">GitHub</NavLink>
-    <NavLink href="https://git.maciejpedzi.ch/maciejpedzich">Gitea</NavLink>
+    <NavLink
+      href="https://github.com/maciejpedzich"
+      target="_blank"
+      rel="noopener noreferrer">GitHub</NavLink
+    >
+    <NavLink
+      href="https://git.maciejpedzi.ch/maciejpedzich"
+      target="_blank"
+      rel="noopener noreferrer">Gitea</NavLink
+    >
     <NavLink rel="me" href="https://notacult.social/@macindahaus">
       Mastodon
     </NavLink>
-    <NavLink href="https://twitter.com/maciejpedzich">Twitter</NavLink>
+    <NavLink
+      href="https://twitter.com/maciejpedzich"
+      target="_blank"
+      rel="noopener noreferrer">Twitter</NavLink
+    >
   </nav>
 </footer>
 

src/components/Header.astro

@@ -10,8 +10,6 @@ import NavLink from './NavLink.astro';
   <nav class="cmr2-text" aria-label="Site navigation">
     <NavLink href="/">Home</NavLink>
     <NavLink href="/blog">Blog</NavLink>
-    <NavLink href="/projects">Projects (404)</NavLink>
-    <NavLink href="/resume.pdf">Resume (404)</NavLink>
     <NavLink
       href="https://analytics.maciejpedzi.ch/share/eodLjhuAE51MBSth/maciejpedzi.ch"
     >

src/pages/index.astro

@@ -26,6 +26,47 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     </p>
     <PostList limit={5} />
   </section>
+  <section>
+    <h3>Featured projects</h3>
+    <ul>
+      <li>
+        <a
+          href="https://spotifyplaylistarchive.com"
+          target="_blank"
+          rel="noopener noreferrer">Spotify Playlist Archive</a
+        > - frontend for browsing the <a
+          href="https://github.com/mackorone/spotify-playlist-archive"
+          target="_blank"
+          rel="noopener noreferrer">spotify-playlist-archive</a
+        > GitHub repository, viewing specific snapshots of indexed playlists and
+        their statistics.
+      </li>
+      <li>
+        <a
+          href="https://github.com/maciejpedzich/playlist-entry-validator"
+          target="_blank"
+          rel="noopener noreferrer">Playlist Entry Validator</a
+        > - GitHub bot for validating new playlist entries added via pull requests
+        to the aforementioned archive repository.
+      </li>
+      <li>
+        <a
+          href="https://sixdegs.maciejpedzi.ch"
+          target="_blank"
+          rel="noopener noreferrer">Six Degrees of F1</a
+        > - website for visualising the shortest paths between two F1 drivers and
+        their teammates
+      </li>
+      <li>
+        <a
+          href="https://cats.maciejpedzi.ch"
+          target="_blank"
+          rel="noopener noreferrer">Cats Of Tech</a
+        > - online album of cats that belong to people in the software development
+        industry
+      </li>
+    </ul>
+  </section>
 </BaseLayout>
 
 <style>