init

2026-08-15 08:38:49 +02:00
commit bab51615c9
29 changed files with 2729 additions and 0 deletions
@@ -0,0 +1,144 @@
+.countdown-card {
+    background-color: rgba(255, 255, 255, 0.7);
+    border-radius: 10px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+    padding: 30px;
+    text-align: center;
+    width: 600px;
+}
+
+.countdown {
+    font-size: 5em; /* Larger font for visibility */
+    color: rgba(249, 104, 14, 0.671); /* Color for the countdown */
+}
+
+/* Basic styling for the entire page */
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: 0;
+    background-image: url('../images/background.gif');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    font-family: 'Great Vibes', cursive; /* Use Great Vibes font */
+    font-style: italic;
+    backdrop-filter: blur(4px); /* Apply blur effect */
+}
+
+.card {
+    background: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
+}
+
+.card-img-top {
+    border-radius: 0; /* Remove rounded edges for the image */
+}
+
+.btn-primary {
+    background-color: #007bff; /* Bootstrap primary color */
+    border: none;
+}
+
+.btn-primary:hover {
+    background-color: #0056b3; /* Darker shade on hover */
+}
+
+/* Language switcher styles */
+.language-switcher {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+}
+
+.language-switcher a {
+    color: white;
+    text-decoration: none;
+    padding: 10px 20px;
+    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 5px;
+    margin: 0 5px;
+    transition: background-color 0.3s ease;
+}
+
+.language-switcher a:hover {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+/* Menu styles similar to language switcher */
+.menu-button {
+    color: white;
+    background-color: rgba(0, 0, 0, 0.6);
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+    position: absolute;
+    top: 10px;
+    left: 20px;
+}
+
+.menu-button:hover {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+
+.retractable-menu {
+    display: none;
+    position: absolute;
+    top: 60px;
+    left: 20px;
+    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 5px;
+    padding: 10px 20px;
+}
+
+.retractable-menu.open {
+    display: block;
+}
+
+.retractable-menu ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.retractable-menu ul li {
+    margin: 10px 0;
+}
+
+.retractable-menu ul li a {
+    color: white;
+    text-decoration: none;
+    padding: 10px 20px;
+    display: block;
+    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 5px;
+    transition: background-color 0.3s ease;
+}
+
+.retractable-menu ul li a:hover {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+
+.countdown-title {
+    font-size: xx-large; 
+    color: rgb(0, 0, 0);
+}
+
+
+/* Mobile responsiveness */
+@media (max-width: 600px) {
+    body {
+        height: auto;
+        padding: 20px;
+        background-size: cover;
+    }
+
+    .invitation-card {
+        max-width: 95vw; /* Adjust the card width for mobile devices */
+        max-height: 80vh; /* Adjust the card height for mobile devices */
+        margin: 0 auto; /* Center the card */
+        padding: 10px; /* Add some padding around the card */
+    }
+}