Tutti Frutti

Javascript/app.js

@@ -8,7 +8,6 @@ const swiper = new Swiper('.swiper', {
 });
 
 // Für die Links in der Navbar, dass die Striche beim aktuell geklickten bleiben
-document.addEventListener("DOMContentLoaded", function() {
 var navLinks = document.querySelectorAll('.navbar .nav-link');
 var initialSelected = document.querySelector('.navbar .nav-link[aria-current="page"]');
 if (initialSelected) {
@@ -23,18 +22,9 @@ document.addEventListener("DOMContentLoaded", function() {
         link.classList.add('selected');
     });
 });
-});
-// Für Patenshop
-document.getElementById('donationForm').addEventListener('submit', function(event) {
-  event.preventDefault(); 
-  alert('Alles in Ordnung. Vielen Dank für Ihre Spende!');
-  this.reset(); 
-});
 
 // Für Preis
-document.addEventListener('DOMContentLoaded', function() {
 updatePrice(); 
-});
 
 function updatePrice() {
   const fresserchenSelect = document.getElementById('Fresserchen');
@@ -50,4 +40,5 @@ function updatePrice() {
 function showDonationAmount() {
   const priceInput = document.getElementById('Preis').value;
   alert('Danke für deine Spende von €' + priceInput + '!');
+  window.location.reload();
 }

Styles/style.css

@@ -4,7 +4,7 @@
     height: 70px;
 }
 
-.navbar .navbar-nav .nav-link { /* Schrift für Nav-Links ändern  */
+.navbar .navbar-nav .nav-link {
     color: #FFFFFF; 
     font-size:  13pt;
 }
@@ -17,7 +17,7 @@
     padding-left: 10px; 
 }
 
-.nav-link.selected::after { /* Über uns startet mit den Grünen-Nav-Strichen */
+.nav-link.selected::after {
     visibility: visible;
     transform: scaleX(1);
 }
@@ -28,7 +28,7 @@
     color: #FFFFFF; 
 }
 
-.nav-link { /* Animation für das die Links */
+.nav-link {
     position: relative;
     transition: all 0.3s ease-out;
 }
@@ -80,7 +80,6 @@ section {
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
 
-    /* Animation */
     scale: .8;
     opacity: 0;
     animation: fade-in linear forwards;

index.html

@@ -32,12 +32,10 @@
         <!-- Über Uns Section -->
         <section class="position-relative" id="ueberUns">
             <div class="position-absolute top-50 start-50 translate-middle w-50 text-white">
-                <!-- Slider on the left -->
                 <div class="row align-items-center">
                     <div class="col">
                         <div class="swiper rounded-4">
                             <div class="swiper-wrapper">
-                                <!-- Slides -->
                                 <div class="swiper-slide"><img src="Src/loewe.jpg" class="img-fluid" alt="Loewe"></div>
                                 <div class="swiper-slide"><img src="Src/gorilla.jpg" class="img-fluid" alt="Gorilla"></div>
                                 <div class="swiper-slide"><img src="Src/zebra.jpg" class="img-fluid" alt="Zebra"></div>
@@ -48,7 +46,6 @@
                         </div>
                     </div>
                     <div class="col">
-                        <!-- Text on the right -->
                         <h2>Über Uns</h2>
                         <p>Wir sind der beste Zoo aller Zoos Weltweit.<br>
                            Finanziert von the only and only Herrn Shawn Smith.</p>
@@ -88,7 +85,6 @@
         </section>
 
         <!-- Patenshop Section -->
-<!-- Patenshop Section -->
         <section id="patenshop" class="container-fluid position-relative">
             <div class="row justify-content-center position-absolute top-50 start-50 translate-middle">
                 <div class="col-md-8">
@@ -141,7 +137,6 @@
             </div>
         </section>
 
-
         <!-- Footer -->
         <footer class="container-fluid position-relative">
             <div class="position-absolute top-50 start-50 translate-middle">