Dark footer, added photos for offsite backup rack

src/components/Footer.astro

@@ -1,7 +1,7 @@
 ---
 ---
 
-<footer class="fixed bottom-0 left-0 z-20 w-full px-6 py-2 bg-black border-t border-t-caperren-green text-caperren-green text-sm flex items-center justify-between">
+<footer class="fixed bottom-0 left-0 z-20 w-full px-6 py-2 bg-black border-t border-t-caperren-green-dark text-caperren-green-dark text-sm flex items-center justify-between">
     <span>{import.meta.env.PUBLIC_BUILD_ENVIRONMENT || "development"}</span>
     <span>{import.meta.env.PUBLIC_REPO_VERSION_HASH || "invalid"}@{import.meta.env.PUBLIC_PROJECT_VERSION || "0.0.0"}</span>
 </footer>

src/components/Navbar.astro

@@ -6,7 +6,7 @@ import {siteLayout} from "@data/site-layout.ts";
 ---
 
 
-<nav class="border-b border-b-caperren-green text-caperren-green">
+<nav class="border-b-4 border-b-caperren-green text-caperren-green">
     <div class="flex flex-wrap items-center justify-between mx-auto p-6">
         <a href="/">
             <Fragment class="logo-title" set:html={logoTitle}/>

src/components/Table.astro

@@ -7,9 +7,9 @@ const rowPadding: number = data.columnPadding || 2;
 const paddingClasses: string = `px-${columnPadding} py-${rowPadding}`;
 ---
 
-<div class="relative overflow-x-auto">
-    <table class="w-full text-sm text-left ">
-        <thead class="text-xs border-b-4 border-caperren-green uppercase bg-black">
+<div class="relative max-w-full overflow-x-auto">
+    <table class="w-full text-sm text-left">
+        <thead class="text-xs border-b-3s border-caperren-green uppercase bg-black">
         <tr>
             {data.header.map(headingText => (
                     <th scope="col" class={paddingClasses}>