Remove Gallus_Pub project and all related files

This commit deletes the entire `Gallus_Pub` directory, including its configuration, source files, and dependencies.
This commit is contained in:
2025-07-19 18:00:06 +02:00
parent 0f13e8eb66
commit 15dedfabcf
61 changed files with 4920 additions and 13738 deletions

View File

@ -0,0 +1,33 @@
---
import "../../styles/components/Drinks.css"
---
<section class="Drinks">
<h2 class="title">Drinks</h2>
<a href="/pdf/Menu.pdf" class="card-link" target="_blank" rel="noopener noreferrer">Getränkekarte</a>
<h3 class="monats-hit">Monats Hit</h3>
<div class="mate-vodka">
<div class="circle" title="Mate Vodka">
<span class="circle-label">Mate Vodka</span>
</div>
<div>Mate Vodka</div>
</div>
<div class="circle-row">
<div class="circle" title="Bier">
<span class="circle-label">Bier</span>
</div>
<div class="circle" title="Wein">
<span class="circle-label">Wein</span>
</div>
<div class="circle" title="Cocktails">
<span class="circle-label">Cocktails</span>
</div>
</div>
<p class="note">
Wir bieten eine Auswahl an erlesenen Getränken für jeden Geschmack. Besuche uns und entdecke unsere saisonalen Spezialitäten und Klassiker.
</p>
</section>

View File

@ -0,0 +1,27 @@
---
// src/components/EventsGrid.astro
import HoverCard from "./HoverCard.astro";
interface Event {
image: string;
title: string;
date: Date;
description: string;
}
const { events = [] }: { events?: Event[] } = Astro.props as { events?: Event[] };
import '../../styles/components/EventsGrid.css';
---
<section class="events-gird container">
{events.map((event: Event) => (
<HoverCard
title={event.title}
date={event.date}
description={event.description}
image={event.image}
/>
))}
</section>

View File

@ -0,0 +1,44 @@
---
// src/components/Footer.astro
import "/styles/components/Footer.css"
const currentYear = new Date().getFullYear();
---
<footer class="footer">
<div class="footer-content">
<div class="copyright">
&copy; {currentYear} Gallus Pub. Alle Rechte vorbehalten.
</div>
<div class="footer-sections">
<div class="footer-section">
<h3>Öffnungszeiten</h3>
<p>Mittwoch: 19:00 - 00:00</p>
<p>Donnerstag: 19:00 - 00:00</p>
<p>Freitag: 19:00 - 01:00</p>
<p>Samstag: 19:00 - 01:00</p>
</div>
<div class="footer-section">
<h3>Kontakt</h3>
<p>Gallus Pub</p>
<p>Metzgergasse 13</p>
<p>9000 St. Gallen</p>
<p>Reservierungen via Whatsapp</p>
<p><a href="tel:0772322770">077 232 27 70</a></p>
</div>
<div class="footer-section">
<h3>Raumreservationen</h3>
<p>Du planst einen Event?</p>
<p>Der "St.Gallerruum" im 2.OG</p>
<p>kann gemietet werden.</p>
<br/>
<p>Gerne öffnen wir auf Anfrage</p>
<p>auch ausserhalb unserer</p>
<p>Betriebszeiten.</p>
</div>
</div>
</div>
</footer>

View File

@ -0,0 +1,39 @@
---
// src/components/Header.astro
const { url } = Astro;
import "../../styles/components/Header.css"
---
<header class="header">
<div class="logo-container">
<a href="/">
<img src="/images/Logo.png" alt="Logo" class="logo">
</a>
</div>
<!-- Hauptnavigation: immer Home, About, Contact -->
<nav class="nav-main">
<div class="dropdown">
<a href="/" class="dropdbtn">Home</a>
<div class="dropdown-content">
<a href="/events">Events</a>
<a href="/gallery">Gallery</a>
<a href="/openings">Openings</a>
<a href="/drinks">Drinks</a>
</div>
</div>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
<div class="header-spacer"></div>

25
src/components/Hero.astro Normal file
View File

@ -0,0 +1,25 @@
---
// src/components/Hero.astro
import "../../styles/components/Hero.css"
---
<section class="hero container">
<div class="hero-overlay">
<div class="hero-content">
<h1>Dein Irish Pub</h1>
<p>Im Herzen von St.Gallen</p>
<a href="#" class="button">Aktuelles ↓</a>
</div>
</div>
</section>
<style>
</style>

View File

@ -0,0 +1,21 @@
---
// src/components/HoverCard.astro
import "../../styles/components/HoverCard.css"
const { title, description, image = "", date} = Astro.props;
---
<article class="hover-card">
<div class="image-container">
<img class="card-image" src={image} alt={title} />
</div>
<h3 class="card-title">{title}</h3>
<h4 class="card_date">{date}</h4>
<div class="hover-text">
<div>
<p>{description}</p>
</div>
</div>
</article>

View File

@ -0,0 +1,34 @@
---
// src/components/Layout.astro
import Header from "./Header.astro";
import Footer from "./Footer.astro";
---
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Gallus Pub</title>
<link rel="stylesheet" href="/styles/variables.css" />
<link rel="stylesheet" href="/styles/index.css" />
</head>
<body>
<Header />
<main class="container">
<slot />
</main>
<Footer />
</body>
</html>

View File

@ -0,0 +1,55 @@
---
// src/components/Welcome.astro
import "../../styles/components/Welcome.css"
---
<section class="welcome container">
<div class="welcome-text">
<h2>Herzlich willkommen im Gallus Pub!</h2>
<p>
Wie die meisten bereits wissen, ist hier jeder willkommen - ob jung
oder alt, Rocker, Elf, Nerd, Meerjungfrau oder einfach nur du
selbst. Unsere Türen stehen offen für alle, die Spass haben wollen
und gute Gesellschaft suchen!
</p>
<p><b>Unsere Highlights:</b></p>
<ul>
<li>
<b>Karaoke:</b> Von Mittwoch bis Samstag kannst du deine
Stimme auf zwei Stockwerken zum Besten geben. Keine Sorge, es geht
nicht darum, perfekt zu sein, sondern einfach Spass zu haben! Du singst
gerne, aber lieber für dich? Dann kannst du den 2. OG auch privat
mieten.
</li>
<li>
<b>Pub Quiz:</b> Jeden Freitag ab 20:00 Uhr testet ihr
euer Wissen in verschiedenen Runden. Jede Woche gibt es ein neues
Thema und einen neuen Champion.
</li>
<li>
<b>Getränke:</b> Geniesst frisches Guinness, Smithwicks,
Gallus Old Style Ale und unsere leckeren Cocktails. Für Whisky-Liebhaber
haben wir erlesene Sorten aus Schottland und Irland im Angebot.
</li>
</ul>
<p>
Wir freuen uns darauf, euch bald bei uns begrüssen zu können! Lasst
uns gemeinsam unvergessliche Abende feiern. - Sabrina & Raphael
</p>
</div>
<div class="welcome-image">
<img src="/images/Welcome.png" alt="Welcome backgrount image" />
</div>
</section>

11
src/pages/About.astro Normal file
View File

@ -0,0 +1,11 @@
---
import Layout from "../components/Layout.astro";
---
<Layout>
<h1>About</h1>
<p>Hier findest du alle aktuellen und kommenden About im Gallus Pub.</p>
</Layout>

11
src/pages/Contact.astro Normal file
View File

@ -0,0 +1,11 @@
---
import Layout from "../components/Layout.astro";
---
<Layout>
<h1>Contact</h1>
<p>Hier findest du alle aktuellen und kommenden Contact im Gallus Pub.</p>
</Layout>

11
src/pages/Gallery.astro Normal file
View File

@ -0,0 +1,11 @@
---
import Layout from "../components/Layout.astro";
---
<Layout>
<h1>Gallery</h1>
<p>Hier findest du alle aktuellen und kommenden Gallery im Gallus Pub.</p>
</Layout>

11
src/pages/Openings.astro Normal file
View File

@ -0,0 +1,11 @@
---
import Layout from "../components/Layout.astro";
---
<Layout>
<h1>Openings</h1>
<p>Hier findest du alle aktuellen und kommenden Openings im Gallus Pub.</p>
</Layout>

23
src/pages/index.astro Normal file
View File

@ -0,0 +1,23 @@
---
// src/pages/index.astro
import Layout from "../components/Layout.astro";
import Hero from "../components/Hero.astro";
import Welcome from "../components/Welcome.astro";
import EventsGrid from '../components/EventsGrid.astro';
import Drinks from "../components/Drinks.astro";
const events = [
{image: '/images/Logo.png', title: 'Karaoke Night', date: 'Mi, 23. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua' },
{image: '/images/Logo.png', title: 'Pub Quiz', date: 'Fr, 25. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptuaLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua' },
{image: '/images/Logo.png', title: 'Live-Musik', date: 'Sa, 26. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod' },
{image: '/images/Logo.png', title: 'Cocktail-Abend', date: 'So, 27. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua' }
];
---
<Layout>
<Hero />
<Welcome />
<EventsGrid events={events} />
<Drinks />
</Layout>