From 34b320f6645dadace88e8405b21e4cfe5d0bcefc Mon Sep 17 00:00:00 2001
From: nzambello <nzambello@protonmail.com>
Date: Sun, 16 Jul 2023 18:30:33 +0200
Subject: [PATCH] refactor: setup header links

---
 src/components/ContactLinks.astro | 2 +-
 src/components/Greeting.astro     | 2 +-
 src/components/Header.astro       | 7 ++++---
 src/components/IconsTech.astro    | 2 +-
 src/components/OpenSource.astro   | 9 +++++++++
 5 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/components/ContactLinks.astro b/src/components/ContactLinks.astro
index 3c54006..175dc1d 100644
--- a/src/components/ContactLinks.astro
+++ b/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>
 
diff --git a/src/components/Greeting.astro b/src/components/Greeting.astro
index 3e972dc..60485ff 100644
--- a/src/components/Greeting.astro
+++ b/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)];
 ---
diff --git a/src/components/Header.astro b/src/components/Header.astro
index b8f2549..30fb857 100644
--- a/src/components/Header.astro
+++ b/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="https://cal.nzambello.dev">Book a call</HeaderLink>
-      <HeaderLink href="https://github.com/nzambello" target="_blank" rel="noopener noreferrer">GitHub</HeaderLink>
+      <HeaderLink href="/#tech">Tech</HeaderLink>
+      <HeaderLink href="/#opensource">Open-source</HeaderLink>
+      <HeaderLink href="/#plone">Plone</HeaderLink>
+      <HeaderLink href="/#contacts">Contacts</HeaderLink>
     </ul>
     <ul class="theme-button-container">
       <li>
diff --git a/src/components/IconsTech.astro b/src/components/IconsTech.astro
index 8017133..064239c 100644
--- a/src/components/IconsTech.astro
+++ b/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"
diff --git a/src/components/OpenSource.astro b/src/components/OpenSource.astro
index 8cc638c..a1f1c71 100644
--- a/src/components/OpenSource.astro
+++ b/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>