Remove Gallus_Pub and Gallus_Pub_v1 directories along with associated configuration and files
This commit deletes the entire setup for both Gallus_Pub and Gallus_Pub_v1 projects, including `.gitignore`, configuration files, source code, styles, package files, and other related assets.
This commit is contained in:
48
src/index.html
Normal file
48
src/index.html
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Coming Soon - Gallus Pub</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
||||||
|
</head>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 class="coming-soon">Coming Soon</h1>
|
||||||
|
|
||||||
|
<div class="social-links">
|
||||||
|
<a href="https://instagram.com/" target="_blank" class="social-link">
|
||||||
|
<i class="fab fa-instagram"></i> Instagram
|
||||||
|
</a>
|
||||||
|
<a href="mailto:info@galluspub.com" class="social-link">
|
||||||
|
<i class="far fa-envelope"></i> Email
|
||||||
|
</a>
|
||||||
|
<a href="https://wa.me/123456789" 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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="events-note">
|
||||||
|
<p>Aktuelle Events findest du auf unserem Social Media.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
37
src/script.js
Normal file
37
src/script.js
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
// 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)';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
131
src/styles.css
Normal file
131
src/styles.css
Normal file
@ -0,0 +1,131 @@
|
|||||||
|
/* Global styles */
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Arial', sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
color: #333;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: #f0f0f0;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user