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