From 0b37f73634852a917d841bb6c84ca2e9bfa13791 Mon Sep 17 00:00:00 2001
From: k <kenzo.signer@bookageek.ch>
Date: Sat, 2 Aug 2025 14:49:04 +0200
Subject: [PATCH] Enhance Header interactivity and clean up HoverCard
 structure:

- **Mobile menu improvements**: Added functionality to close the menu when navigation links are clicked.
- **HoverCard cleanup**: Removed unused title and date markup for a leaner structure.
---
 src/components/Header.astro    | 10 ++++++++++
 src/components/HoverCard.astro |  2 --
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index b58947f..382c777 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -62,10 +62,20 @@ import "../styles/components/Header.css";
 	document.addEventListener('DOMContentLoaded', () => {
 		const burgerIcon = document.querySelector('.burger-icon');
 		const mobileMenu = document.querySelector('.mobile-menu');
+		const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');
 		
+		// Toggle menu when burger icon is clicked
 		burgerIcon.addEventListener('click', () => {
 			burgerIcon.classList.toggle('active');
 			mobileMenu.classList.toggle('active');
 		});
+		
+		// Close menu when a navigation link is clicked
+		mobileMenuLinks.forEach(link => {
+			link.addEventListener('click', () => {
+				burgerIcon.classList.remove('active');
+				mobileMenu.classList.remove('active');
+			});
+		});
 	});
 </script>
diff --git a/src/components/HoverCard.astro b/src/components/HoverCard.astro
index 47834ad..27bd787 100644
--- a/src/components/HoverCard.astro
+++ b/src/components/HoverCard.astro
@@ -5,8 +5,6 @@ const {title, description, image = "", date} = Astro.props;
 ---
 
 <article class="hover-card">
-	{title && <h3 class="card-title">{title}</h3>}
-	{date && <p class="card_date">{date}</p>}
 	<div class="image-container">
 		<img class="card-image" src={image} alt={title} />
 	</div>