fix: set background color on body, to match navbar when scrolling above viewport

Author: ErikBjare

index.pug

@@ -5,11 +5,12 @@ html
         include /templates/head-includes.pug
         include /templates/analytics-superuserlabs.pug
 
-    body
+    // set background color on body, to match navbar color when scrolling above viewport
+    body(style="background-color: rgb(15 23 42)")
       div.flex.flex-col.min-h-screen.justify-between
         include /templates/navbar.pug
 
-        main
+        main.bg-white
           +section.bg-teal-950.text-white
             div.text-center.h-96.flex.flex-col.justify-center
               div
@@ -151,6 +152,4 @@ html
                 div.col-span-2(class="md:col-span-3")
                   +teammember("Michael Young", "michael.jpg", "Developer", github="https://github.com/Miyou", linkedin="https://www.linkedin.com/in/michael-young-522148142/")
 
-          +section
-            .mx-auto
-              +footer
+        +footer

templates/footer.pug

@@ -24,10 +24,8 @@ mixin sectitle
     block
 
 mixin footer
-  +section("8")(class!=attributes.class)
-    +cell(12)
-      p(style="m-0 text-center")
-        b Made with #[i.fas.fa-heart(style="color: red")] by Superuser Labs
+  div.bg-slate-900.text-white.w-full.p-8.text-center(class!=attributes.class)
+    b Made with #[i.fas.fa-heart(style="color: red")] by Superuser Labs
 
 mixin teammember(name, imagename, role, github, linkedin, image_style)
   .border.rounded-xl.shadow.bg-white.text-black

templates/mixins.pug

@@ -6,11 +6,12 @@ html
         include /templates/head-includes.pug
         include /templates/analytics-thankful.pug
 
-    body
+    // set background color on body, to match navbar color when scrolling above viewport
+    body(style="background-color: rgb(15 23 42)")
       div.flex.flex-col.min-h-screen.justify-between
         include /templates/navbar.pug
 
-        main
+        main.bg-white
           +section.bg-teal-950.text-white
             div.text-center.h-96.flex.flex-col.justify-center
               div
@@ -95,6 +96,4 @@ html
               p
                 | We believe in open source and self-ownership of data. That's why we designed Thankful so that we don't collect any of your data and don't need any servers. Even if we disappeared tomorrow, Thankful would still work.
 
-          +section
-            .mx-auto
-              +footer
+          +footer