diff --git a/public/images/Gallery1.png b/public/images/Gallery1.png new file mode 100644 index 0000000..fc3a111 Binary files /dev/null and b/public/images/Gallery1.png differ diff --git a/public/images/Gallery2.png b/public/images/Gallery2.png new file mode 100644 index 0000000..2b546c4 Binary files /dev/null and b/public/images/Gallery2.png differ diff --git a/public/images/Gallery3.png b/public/images/Gallery3.png new file mode 100644 index 0000000..a5bd285 Binary files /dev/null and b/public/images/Gallery3.png differ diff --git a/public/images/Gallery4.png b/public/images/Gallery4.png new file mode 100644 index 0000000..cde91fb Binary files /dev/null and b/public/images/Gallery4.png differ diff --git a/public/images/Gallery5.png b/public/images/Gallery5.png new file mode 100644 index 0000000..d09f00a Binary files /dev/null and b/public/images/Gallery5.png differ diff --git a/public/images/Gallery6.png b/public/images/Gallery6.png new file mode 100644 index 0000000..4fb46c1 Binary files /dev/null and b/public/images/Gallery6.png differ diff --git a/public/images/Gallery7.png b/public/images/Gallery7.png new file mode 100644 index 0000000..802ae5f Binary files /dev/null and b/public/images/Gallery7.png differ diff --git a/public/images/Gallery8.png b/public/images/Gallery8.png new file mode 100644 index 0000000..494ffa6 Binary files /dev/null and b/public/images/Gallery8.png differ diff --git a/public/images/MonthlyHit.png b/public/images/MonthlyHit.png new file mode 100644 index 0000000..a77055e Binary files /dev/null and b/public/images/MonthlyHit.png differ diff --git a/public/images/Whiskey1.png b/public/images/Whiskey1.png new file mode 100644 index 0000000..f06fa90 Binary files /dev/null and b/public/images/Whiskey1.png differ diff --git a/public/images/Whiskey2.png b/public/images/Whiskey2.png new file mode 100644 index 0000000..604d1ef Binary files /dev/null and b/public/images/Whiskey2.png differ diff --git a/public/images/Whiskey3.png b/public/images/Whiskey3.png new file mode 100644 index 0000000..e44a896 Binary files /dev/null and b/public/images/Whiskey3.png differ diff --git a/public/pdf/Menu.pdf b/public/pdf/Menu.pdf index b11da1c..d691176 100644 Binary files a/public/pdf/Menu.pdf and b/public/pdf/Menu.pdf differ diff --git a/src/components/Drinks.astro b/src/components/Drinks.astro index 5d4da0f..de37ad4 100644 --- a/src/components/Drinks.astro +++ b/src/components/Drinks.astro @@ -12,24 +12,27 @@ const { id } = Astro.props;
+ Monats Hit Mate Vodka
Mate Vodka
+

Ob ein frisch gezapftes Pint, ein edler Tropfen Whiskey oder ein gemütliches Glas Wein – hier kannst du in entspannter + Atmosphäre das Leben genießen. Natürlich dürfen auch Cocktails nicht fehlen. Vieles kreieren wir auch selber - Sláinte!

+
-
- Bier +
+ Whiskey 1 +
-
- Wein +
+ Whiskey 2 +
-
- Cocktails +
+ Whiskey 3 +
- -

- Wir bieten eine Auswahl an erlesenen Getränken für jeden Geschmack. Besuche uns und entdecke unsere saisonalen Spezialitäten und Klassiker. -

diff --git a/src/pages/index.astro b/src/pages/index.astro index 214f317..df87408 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -74,16 +74,14 @@ const events = [ ]; const images = [ - { src: "/images/Logo.png", alt: "Erstes Bild" }, - { src: "/images/Logo.png", alt: "Zweites Bild" }, - { src: "/images/Logo.png", alt: "Drittes Bild" }, - { src: "/images/Logo.png", alt: "Viertes Bild" }, - { src: "/images/Logo.png", alt: "Fünftes Bild" }, - { src: "/images/Logo.png", alt: "Sechstes Bild" }, - { src: "/images/Logo.png", alt: "Siebtes Bild" }, - { src: "/images/Logo.png", alt: "Achtes Bild" }, - { src: "/images/Logo.png", alt: "Neuntes Bild" }, - { src: "/images/Logo.png", alt: "Zehntes Bild" }, + { src: "/images/Gallery1.png", alt: "Erstes Bild" }, + { src: "/images/Gallery2.png", alt: "Zweites Bild" }, + { src: "/images/Gallery3.png", alt: "Drittes Bild" }, + { src: "/images/Gallery4.png", alt: "Viertes Bild" }, + { src: "/images/Gallery5.png", alt: "Fünftes Bild" }, + { src: "/images/Gallery6.png", alt: "Sechstes Bild" }, + { src: "/images/Gallery7.png", alt: "Siebtes Bild" }, + { src: "/images/Gallery8.png", alt: "Achtes Bild" }, ]; --- diff --git a/src/styles/components/Drinks.css b/src/styles/components/Drinks.css index 42ad52e..1b3f382 100644 --- a/src/styles/components/Drinks.css +++ b/src/styles/components/Drinks.css @@ -81,8 +81,8 @@ } .circle { - height: 9em; - width: 9em; + height: 12em; + width: 12em; border: 2px solid var(--color-accent-beige); border-radius: 50%; margin: 0.5rem; @@ -94,6 +94,7 @@ justify-content: center; align-items: center; cursor: pointer; + overflow: hidden; } .circle:hover { @@ -109,12 +110,30 @@ text-align: center; transition: opacity var(--transition-standard); position: absolute; + z-index: 2; } .circle:hover .circle-label { opacity: 1; } +.circle-image { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; + border-radius: 50%; + z-index: 1; +} + +.whiskey-circle { + height: 20em; + width: 20em; +} + .circle-row { display: flex; justify-content: center; @@ -153,6 +172,11 @@ height: 5em; width: 5em; } + + .whiskey-circle { + height: 7em; + width: 7em; + } .circle-label { font-size: 0.7rem; @@ -188,6 +212,11 @@ .circle { margin: 1rem 0; } + + .whiskey-circle { + height: 6em; + width: 6em; + } .mate-vodka { padding: 0.8rem;