diff --git a/public/images/kevin_mcflannigan.jpeg b/public/images/kevin_mcflannigan.jpeg new file mode 100644 index 0000000..98b2fc4 Binary files /dev/null and b/public/images/kevin_mcflannigan.jpeg differ diff --git a/src/components/Header.astro b/src/components/Header.astro index 8f2dfed..4923fc8 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -1,44 +1,28 @@ --- // src/components/Header.astro const { url } = Astro; -import "../../styles/components/Header.css" +import "../../styles/components/Header.css"; ---
-
- +
-
+
diff --git a/src/pages/index.astro b/src/pages/index.astro index 8455187..ca5d7ef 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -39,6 +39,16 @@ const events = [ Erlebt einen musikalischen Abend mit der Band Crepes Sucette
Jetzt reservieren: 077 232 27 70`, }, + { + image: "/images/kevin_mcflannigan.jpeg", + title: "Kevin McFlannigan
Live Music im Gallus Pub!", + date: "Sa, 27. September 2025", + description: ` + ab 20:00 Uhr
+ Singer & Songwriter Kevin McFlannigan
+ Eintritt ist Frei / Hutkollekte
+ `, + }, ]; const images = [ diff --git a/styles/components/Header.css b/styles/components/Header.css index b7d5761..b15faf4 100644 --- a/styles/components/Header.css +++ b/styles/components/Header.css @@ -43,8 +43,7 @@ align-items: center; } -.nav-main a, -.dropdbtn { +.nav-main a { margin: 0 1rem; color: white; text-decoration: none; @@ -52,45 +51,10 @@ cursor: pointer; } -.nav-main a:hover, -.dropdbtn:hover { +.nav-main a:hover { color: #ffa500; } -/* Dropdown für Home */ -.dropdown { - position: relative; - display: inline-block; -} - -.dropdown-content { - display: none; - position: absolute; - background-color: #0e0c0c; - min-width: 200px; - z-index: 1; - border: 1px solid #444; - border-radius: 4px; - max-height: 400px; - overflow-y: auto; -} - -.dropdown-content a { - color: #f5f5f5; - padding: 0.5rem 1rem; - text-decoration: none; - display: block; -} - -.dropdown-content a:hover { - background-color: #1f1a1a; - color: #ffa500; -} - -.dropdown:hover .dropdown-content { - display: block; -} - @media (max-width: 768px) { .header { height: 65px; @@ -101,10 +65,6 @@ height: 3em; } - .dropdown-content { - right: 0; - } - .header-spacer { height: 65px; } @@ -121,8 +81,7 @@ height: 2.5em; } - .nav-main a, - .dropdbtn { + .nav-main a { margin: 0 0.5rem; font-size: 0.9rem; }