4 lab front)

FrontEnd/js/banner.js

@@ -0,0 +1,18 @@
+document.addEventListener('DOMContentLoaded', function () {
+    console.info('Loaded');
+    const banners = document.querySelectorAll("#banner img");
+    var old = banners.length - 1;
+    var current = 0;
+    function loop() {
+        banners[current].setAttribute('className', 'show');
+        banners[old].setAttribute('className', 'hide');
+        console.info('Banner changed');
+        old = current;
+        current++;
+        if (current === banners.length) {
+            current = 0;
+        }
+    setTimeout(loop, 5000);
+    }
+    loop();
+});

FrontEnd/public/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zm0 384H352v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16zm16 48H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>