fix

frontend/src/lib/components/Footer.svelte

@@ -19,7 +19,13 @@
         }
         nextpage = pages[nextIndex]
     }
+    let blackBg = false
     setInterval(() => {
+        if (location.pathname == "/") {
+            blackBg = true
+        } else {
+            blackBg = false
+        }
         getNextPage($navigation.pages)
 
         if (location.pathname.split("/").filter((s) => s).length >= 2) {
@@ -43,7 +49,7 @@
     }
 </script>
 
-<div class="footer">
+<div class="footer" class:black-bg="{blackBg}">
     {#if showNext}
         <button
             class="upper-part"
@@ -73,13 +79,16 @@
 <style lang="less">
     @import "../assets/css/main.less";
     .footer {
-        margin-top: 80px;
+        padding-top: 80px;
         display: flex;
         position: relative;
         z-index: 1000;
         flex-direction: column;
         align-items: flex-end;
         color: @font-color-secondary;
+        &.black-bg {
+            background-color: @bg-color-secondary;
+        }
         .upper-part {
             background-color: @bg-color-secondary;
             padding: 10px 40px;