diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..f157bd1 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,9 @@ + + + + diff --git a/public/images/Background.png b/public/images/Background.png new file mode 100644 index 0000000..647b08e Binary files /dev/null and b/public/images/Background.png differ diff --git a/public/images/Logo.png b/public/images/Logo.png new file mode 100644 index 0000000..4a646f0 Binary files /dev/null and b/public/images/Logo.png differ diff --git a/public/images/Welcome.png b/public/images/Welcome.png new file mode 100644 index 0000000..e8af216 Binary files /dev/null and b/public/images/Welcome.png differ diff --git a/public/images/crepes_sucette.jpg b/public/images/crepes_sucette.jpg new file mode 100644 index 0000000..90b5edf Binary files /dev/null and b/public/images/crepes_sucette.jpg differ diff --git a/public/images/karaoke.jpg b/public/images/karaoke.jpg new file mode 100644 index 0000000..aaa6441 Binary files /dev/null and b/public/images/karaoke.jpg differ 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/public/images/pub_quiz.jpg b/public/images/pub_quiz.jpg new file mode 100644 index 0000000..5c9f055 Binary files /dev/null and b/public/images/pub_quiz.jpg differ diff --git a/public/pdf/Menu.pdf b/public/pdf/Menu.pdf new file mode 100644 index 0000000..b11da1c Binary files /dev/null and b/public/pdf/Menu.pdf differ diff --git a/src/index.html b/src/index.html deleted file mode 100644 index 988da5e..0000000 --- a/src/index.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - Coming Soon - Gallus Pub - - - - -
-
- Gallus Pub Logo -
- -

Coming Soon

- -
- - - -
- -
-

Öffnungszeiten

-

Mittwoch: 19:00 - 24:00

-

Donnerstag: 19:00 - 24:00

-

Freitag: 19:00 - 01:00

-

Samstag: 19:00 - 01:00

-
- - -
-

Aktuelle Events findest du

-

auf unserem Social Media.

-
-
- - - - diff --git a/src/script.js b/src/script.js deleted file mode 100644 index a9b239a..0000000 --- a/src/script.js +++ /dev/null @@ -1,37 +0,0 @@ -// Wait for the DOM to be fully loaded -document.addEventListener('DOMContentLoaded', function() { - // Add a fade-in effect to the main elements - const elements = [ - document.querySelector('.logo'), - document.querySelector('.coming-soon'), - document.querySelector('.social-links'), - document.querySelector('.opening-hours'), - document.querySelector('.events-note') - ]; - - // Apply fade-in animation with delay for each element - elements.forEach((element, index) => { - if (element) { - element.style.opacity = '0'; - element.style.transition = 'opacity 1s ease-in-out'; - - // Stagger the animations - setTimeout(() => { - element.style.opacity = '1'; - }, 300 * index); - } - }); - - // Add a subtle hover effect to the logo - const logo = document.querySelector('.logo'); - if (logo) { - logo.addEventListener('mouseover', function() { - this.style.transform = 'scale(1.05)'; - this.style.transition = 'transform 0.3s ease'; - }); - - logo.addEventListener('mouseout', function() { - this.style.transform = 'scale(1)'; - }); - } -}); \ No newline at end of file diff --git a/src/styles.css b/src/styles.css deleted file mode 100644 index 19f3f6e..0000000 --- a/src/styles.css +++ /dev/null @@ -1,149 +0,0 @@ -/* Global styles */ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -body { - font-family: 'Arial', sans-serif; - background-color: #213b28; - color: #ceb39b; - line-height: 1.6; - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; -} - -.container { - max-width: 800px; - margin: 0 auto; - padding: 40px 20px; - text-align: center; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - min-height: 100vh; -} - -/* Logo styles */ -.logo-container { - margin-bottom: 30px; - width: 100%; - max-width: 100%; -} - -.logo-container img { - max-width: 100%; - height: auto; - display: block; - margin: 0 auto; -} - -.logo { - font-size: 48px; - font-weight: bold; - color: #333; - padding: 20px; - border: 3px solid #333; - display: inline-block; -} - -.logo img { - max-width: 200px; - height: auto; - display: block; -} - -/* Coming soon text */ -.coming-soon { - font-size: 36px; - margin-bottom: 40px; - text-transform: uppercase; - letter-spacing: 4px; -} - -/* Social links */ -.social-links { - display: flex; - justify-content: center; - flex-wrap: wrap; - gap: 20px; - margin-bottom: 40px; -} - -.social-link { - display: inline-flex; - align-items: center; - padding: 10px 20px; - background-color: #333; - color: white; - text-decoration: none; - border-radius: 30px; - transition: all 0.3s ease; -} - -.social-link i { - margin-right: 10px; - font-size: 18px; -} - -.social-link:hover { - background-color: #555; - transform: translateY(-3px); -} - -/* Opening hours */ -.opening-hours { - margin-bottom: 30px; - padding: 20px; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; - width: 100%; - max-width: 500px; -} - -.opening-hours h2 { - margin-bottom: 15px; - font-size: 24px; -} - -.opening-hours p { - margin-bottom: 5px; -} - -/* Events note */ -.events-note { - font-style: italic; - margin-top: 20px; - padding: 10px; - background-color: #2F2F2F; - color: #fff; - border-radius: 5px; -} - -/* Responsive adjustments */ -@media (max-width: 600px) { - .social-links { - flex-direction: column; - gap: 10px; - } - - .logo { - font-size: 36px; - } - - .coming-soon { - font-size: 28px; - } - - .container { - padding: 20px 10px; - } - - .logo-container img { - max-width: 90%; - } -} \ No newline at end of file