Compare commits
8 Commits
096ac9f789
...
dev
| Author | SHA1 | Date | |
|---|---|---|---|
| 1f94bbca15 | |||
| 5ef15f0b5c | |||
| 020bfca731 | |||
| ac864ba054 | |||
| e93ba5d29b | |||
| feb137471d | |||
| 0622d190d1 | |||
| 2867678223 |
|
Before Width: | Height: | Size: 626 KiB After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 402 KiB After Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 298 KiB After Width: | Height: | Size: 55 KiB |
BIN
public/images/Event4.png
Normal file
|
After Width: | Height: | Size: 160 KiB |
|
Before Width: | Height: | Size: 885 KiB |
@ -1,5 +1,4 @@
|
|||||||
---
|
---
|
||||||
// src/pages/index.astro
|
|
||||||
import Layout from "../components/Layout.astro";
|
import Layout from "../components/Layout.astro";
|
||||||
import Hero from "../components/Hero.astro";
|
import Hero from "../components/Hero.astro";
|
||||||
import Welcome from "../components/Welcome.astro";
|
import Welcome from "../components/Welcome.astro";
|
||||||
@ -31,46 +30,40 @@ const events = [
|
|||||||
*zum mitmachen minimum 1 Getränk konsumieren oder 5CHF
|
*zum mitmachen minimum 1 Getränk konsumieren oder 5CHF
|
||||||
`,
|
`,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: "/images/Event1.png",
|
image: "/images/Event3.png",
|
||||||
title: "Crepes Sucette <br /> Live Music im Gallus Pub!",
|
title: "Karaoke tes",
|
||||||
date: "Do, 04. September 2025",
|
date: "Mittwoch - Samstag",
|
||||||
description: `
|
description: `
|
||||||
|
`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
image: "/images/Event2.png",
|
||||||
|
title: "Karaoke test",
|
||||||
|
date: "Mittwoch - Samstag",
|
||||||
|
description: `
|
||||||
|
`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
image: "/images/Event1.png",
|
||||||
|
title: "Crepes Sucette <br /> Live Music im Gallus Pub!",
|
||||||
|
date: "Do, 04. September 2025",
|
||||||
|
description: `
|
||||||
|
<b>ab 19 Uhr geht’s los, bis max. 21.30 Uhr</b> <br>
|
||||||
|
Kosten? CHF 10 pro Spielgast
|
||||||
|
Reservieren unter <a href="tel:+41772322770">077 232 27 70</a>
|
||||||
|
`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
image: "/images/Event4.png",
|
||||||
|
title: "Kevin McFlannigan <br> Live Music im Gallus Pub!",
|
||||||
|
date: "Sa, 27. September 2025",
|
||||||
|
description: `
|
||||||
<b>ab 20:00 Uhr</b> <br>
|
<b>ab 20:00 Uhr</b> <br>
|
||||||
Eintritt ist Frei / Hutkollekte <br>
|
Eintritt ist Frei / Hutkollekte <br>
|
||||||
Reservieren unter <a href="tel:+41772322770">077 232 27 70</a>
|
Reservieren unter <a href="tel:+41772322770">077 232 27 70</a>
|
||||||
`,
|
`,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
image: "/images/Event3.png",
|
|
||||||
title: "Karaoke tes",
|
|
||||||
date: "Mittwoch - Samstag",
|
|
||||||
description: `
|
|
||||||
<b>ab 20:00 Uhr</b> <br>
|
|
||||||
Eintritt ist Frei / Hutkollekte <br>
|
|
||||||
Reservieren unter <a href="tel:+41772322770">077 232 27 70</a>
|
|
||||||
`,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
image: "/images/Event2.png",
|
|
||||||
title: "Karaoke test",
|
|
||||||
date: "Mittwoch - Samstag",
|
|
||||||
description: `
|
|
||||||
<b>ab 20:00 Uhr</b> <br>
|
|
||||||
Eintritt ist Frei / Hutkollekte <br>
|
|
||||||
Reservieren unter <a href="tel:+41772322770">077 232 27 70</a>
|
|
||||||
`,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
image: "/images/kevin_mcflannigan.png",
|
|
||||||
title: "Kevin McFlannigan <br> Live Music im Gallus Pub!",
|
|
||||||
date: "Sa, 27. September 2025",
|
|
||||||
description: `
|
|
||||||
<b>ab 20:00 Uhr</b> <br>
|
|
||||||
Eintritt ist Frei / Hutkollekte <br>
|
|
||||||
Reservieren unter <a href="tel:+41772322770">077 232 27 70</a>
|
|
||||||
`,
|
|
||||||
},
|
|
||||||
];
|
];
|
||||||
|
|
||||||
const images = [
|
const images = [
|
||||||
|
|||||||
@ -134,9 +134,7 @@
|
|||||||
transform: scale(0.98);
|
transform: scale(0.98);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Optional: Add a subtle hint that cards are tappable */
|
|
||||||
.hover-card::after {
|
.hover-card::after {
|
||||||
content: "👆 Tap to view details";
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
|||||||