refactor: setup header links

src/components/ContactLinks.astro

@@ -1,6 +1,6 @@
 <article class="contact-links">
   <hgroup>
-    <h2 id="contact">Contact me</h2>
+    <h2 id="contacts">Contact me</h2>
     <p>Whether you're willing to work with me, or want a chat with me, feel free to contact me any time! I'll do my best to answer to emails in short time.</p>
   </hgroup>
 

src/components/Greeting.astro

@@ -1,6 +1,6 @@
 ---
 const messages = ['Hi', 'Hello', 'Hey', 'Welcome', 'Ciao', 'Xin chào'];
-const emojis = ['🍻', '🧑‍💻', '👋', '🤪', '😎'];
+const emojis = ['🍻', '🧑‍💻', '👋', '😎'];
 const randomMessage = messages[Math.floor(Math.random() * messages.length)];
 const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
 ---

src/components/Header.astro

@@ -22,9 +22,10 @@ import Logo from './Logo.astro';
     </button>
     <div class="menu-backdrop"></div>
     <ul class="menu">
-      <HeaderLink href="/#contact">Contacts</HeaderLink>
+      <HeaderLink href="/#tech">Tech</HeaderLink>
-      <HeaderLink href="https://cal.nzambello.dev">Book a call</HeaderLink>
+      <HeaderLink href="/#opensource">Open-source</HeaderLink>
-      <HeaderLink href="https://github.com/nzambello" target="_blank" rel="noopener noreferrer">GitHub</HeaderLink>
+      <HeaderLink href="/#plone">Plone</HeaderLink>
+      <HeaderLink href="/#contacts">Contacts</HeaderLink>
     </ul>
     <ul class="theme-button-container">
       <li>

src/components/IconsTech.astro

@@ -1,5 +1,5 @@
 <section>
-  <h2>My tech stack</h2>
+  <h2 id="tech">My tech stack</h2>
   <div class="icons-tech" role="presentation">
     <figure>
       <svg viewBox="0 0 128 128" aria-label="css"

src/components/OpenSource.astro

@@ -37,6 +37,10 @@
     </p>
   </hgroup>
 
+  <article class="github-banner">
+    You can find my open source projects and contributions at <a href="https://github.com/nzambello">github.com/nzambello</a>.
+  </article>
+
   <details>
     <summary>What is open source software?</summary>
     <p>Open source software is software with source code that anyone can inspect, review, modify, and enhance.</p>
@@ -70,5 +74,10 @@
       float: left;
       margin: 0 1.5rem 1.5rem 0;
     }
+
+    .github-banner {
+      padding-top: 1.5rem;
+      padding-bottom: 1.5rem;
+    }
   </style>
 </section>