Update Gallus Pub site design and content

- Changed background and text colors in `styles.css` for a refreshed look.
- Updated logo implementation in `index.html` to use an actual image.
- Adjusted social links and opening hours information.
- Added Font Awesome library to the project configuration.
- Included new logo image in the `public` directory.
This commit is contained in:
2025-07-15 20:30:11 +02:00
parent bcd86c9c68
commit 2a0aa7a6c8
4 changed files with 13 additions and 14 deletions

1
.idea/Gallus_Pub.iml generated
View File

@ -8,5 +8,6 @@
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" name="font-awesome" level="application" />
</component>
</module>

BIN
public/Logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

View File

@ -10,34 +10,32 @@
<body>
<div class="container">
<div class="logo-container">
<!-- Logo placeholder - Replace with actual logo image -->
<div class="logo">
<!-- Uncomment and modify the line below to use an actual logo image -->
<!-- <img src="images/logo.png" alt="Gallus Pub Logo"> -->
GALLUS PUB
</div>
<img src="../public/Logo.png" alt="Gallus Pub Logo">
</div>
<h1 class="coming-soon">Coming Soon</h1>
<div class="social-links">
<a href="https://instagram.com/" target="_blank" class="social-link">
<a href="https://www.instagram.com/galluspubsanktgallen/" target="_blank" class="social-link">
<i class="fab fa-instagram"></i> Instagram
</a>
<a href="mailto:info@galluspub.com" class="social-link">
<a href="mailto:info@gallus-pub.ch" class="social-link">
<i class="far fa-envelope"></i> Email
</a>
<a href="https://wa.me/123456789" target="_blank" class="social-link">
<a href="https://wa.me/+41772322770" target="_blank" class="social-link">
<i class="fab fa-whatsapp"></i> WhatsApp Business
</a>
</div>
<div class="opening-hours">
<h2>Öffnungszeiten</h2>
<p>Montag - Freitag: 16:00 - 00:00 Uhr</p>
<p>Samstag - Sonntag: 14:00 - 02:00 Uhr</p>
<p>Mittwoch: 19:00 - 24:00</p>
<p>Donnerstag: 19:00 - 24:00</p>
<p>Freitag: 19:00 - 01:00</p>
<p>Samstag: 19:00 - 01:00</p>
</div>
<div class="events-note">
<p>Aktuelle Events findest du auf unserem Social Media.</p>
</div>

View File

@ -7,8 +7,8 @@
body {
font-family: 'Arial', sans-serif;
background-color: #f5f5f5;
color: #333;
background-color: #213b28;
color: #ceb39b;
line-height: 1.6;
display: flex;
justify-content: center;
@ -110,7 +110,7 @@ body {
font-style: italic;
margin-top: 20px;
padding: 10px;
background-color: #f0f0f0;
background-color: #3C2A26;
border-radius: 5px;
}