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">
+<div class="relative max-w-full overflow-x-auto">
-    <table class="w-full text-sm text-left ">
+    <table class="w-full text-sm text-left">
-        <thead class="text-xs border-b-4 border-caperren-green uppercase bg-black">
+        <thead class="text-xs border-b-3s border-caperren-green uppercase bg-black">
         <tr>
             {data.header.map(headingText => (
                     <th scope="col" class={paddingClasses}>

src/data/site-layout.ts

@@ -69,10 +69,6 @@ export const siteLayout: navLink[] = [
                 navText: "OSU Robotics Club",
                 path: "osu-robotics-club",
                 children: [
-                    {
-                        navText: "Club Officer",
-                        path: "club-officer",
-                    },
                     {
                         navText: "Mars Rover Software Team Lead",
                         path: "mars-rover-software-team-lead",
@@ -84,6 +80,10 @@ export const siteLayout: navLink[] = [
                     {
                         navText: "Mars Rover Electrical Team Lead",
                         path: "mars-rover-electrical-team-lead",
+                    },
+                    {
+                        navText: "Club Officer",
+                        path: "club-officer",
                     }
                 ]
             },

src/layouts/HobbyLayout.astro

@@ -1,6 +1,6 @@
 ---
 import BaseLayout from './BaseLayout.astro';
 ---
-<BaseLayout>
+<BaseLayout title={Astro.props.title}>
     <slot/>
 </BaseLayout>

src/pages/experience/spacex/hardware-test-engineer-i-ii.astro

@@ -4,7 +4,7 @@ import Timeline from '@components/Timeline.astro';
 import Carousel from "@components/CustomCarousel.astro";
 
 import starlink_headquarters_selfie
-    from "@assets/experience/spacex/hardware-test-engineer-i-ii/starlink_headquarters_selfie.jpg";
+    from "@assets/experience/spacex/hardware-test-engineer-i-ii/starlink-headquarters-selfie.jpg";
 
 import type {carouselGroup} from "@interfaces/image-carousel.ts";
 import type {timelineEntry} from "@interfaces/timeline.ts";

src/pages/hobby/homelab/home-server-rack.astro

@@ -1,16 +1,18 @@
 ---
 import HobbyLayout from "@layouts/HobbyLayout.astro";
+import Carousel from "@components/CustomCarousel.astro";
 
 import type {carouselGroup} from "@interfaces/image-carousel.ts";
 
-import starlink_headquarters_selfie
+import enclosure_front from "@assets/hobby/homelab/offsite-backup-rack/enclosure-front.jpg";
-    from "@assets/experience/spacex/hardware-test-engineer-i-ii/starlink_headquarters_selfie.jpg";
+
-import Carousel from "@components/CustomCarousel.astro";
+
 
 const headerCarouselGroup: carouselGroup = {
     animation: "slide",
     images: [
-        starlink_headquarters_selfie
+        enclosure_front,
+
     ]
 }
 ---

src/pages/hobby/homelab/offsite-backup-rack.astro

@@ -1,6 +1,45 @@
 ---
 import HobbyLayout from "@layouts/HobbyLayout.astro";
+import Carousel from "@components/CustomCarousel.astro";
+
+import type {carouselGroup} from "@interfaces/image-carousel.ts";
+
+import enclosure_front from "@assets/hobby/homelab/offsite-backup-rack/enclosure-front.jpg";
+import enclosure_front_pc_panel_open from "@assets/hobby/homelab/offsite-backup-rack/enclosure-front-pc-panel-open.jpg";
+import enclosure_left from "@assets/hobby/homelab/offsite-backup-rack/enclosure-left.jpg";
+import enclosure_rear from "@assets/hobby/homelab/offsite-backup-rack/enclosure-rear.jpg";
+import enclosure_right from "@assets/hobby/homelab/offsite-backup-rack/enclosure-right.jpg";
+import enclosure_with_ups from "@assets/hobby/homelab/offsite-backup-rack/enclosure-with-ups.jpg";
+import power_adapter_tray_and_dc_dc from "@assets/hobby/homelab/offsite-backup-rack/power-adapter-tray-and-dc-dc.jpg";
+import power_supply_closeup from "@assets/hobby/homelab/offsite-backup-rack/power-supply-closeup.jpg";
+import power_supply_mounting_location from "@assets/hobby/homelab/offsite-backup-rack/power-supply-mounting-location.jpg";
+import sata_tight_fit from "@assets/hobby/homelab/offsite-backup-rack/sata-tight-fit.jpg";
+import sff_pc_with_sata_and_usb_ssds from "@assets/hobby/homelab/offsite-backup-rack/sff-pc-with-sata-and-usb-ssds.jpg";
+import up_and_running from "@assets/hobby/homelab/offsite-backup-rack/up-and-running.png";
+
+
+
+const headerCarouselGroup: carouselGroup = {
+    animation: "slide",
+    images: [
+        enclosure_front,
+        enclosure_front_pc_panel_open,
+        enclosure_left,
+        enclosure_rear,
+        enclosure_right,
+        sff_pc_with_sata_and_usb_ssds,
+        sata_tight_fit,
+        power_adapter_tray_and_dc_dc,
+        enclosure_with_ups,
+        power_supply_mounting_location,
+        power_supply_closeup,
+        up_and_running
+    ]
+}
 ---
 
-<HobbyLayout>
+<HobbyLayout title="Offsite Backup Rack">
+    <Carousel carouselGroup={headerCarouselGroup}/>
+
+    <!--<h2 class="font-bold md:text-2xl my-4">Prior Homelab</h2>-->
 </HobbyLayout>