Added media for kube, home server rack, body mods, chubby buttons, and home page

src/components/Table.astro

@@ -9,7 +9,7 @@ const paddingClasses: string = `px-${columnPadding} py-${rowPadding}`;
 
 <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">
+        <thead class="text-xs border-b-3 border-caperren-green uppercase bg-black">
         <tr>
             {data.header.map(headingText => (
                     <th scope="col" class={paddingClasses}>

src/data/site-layout.ts

@@ -99,7 +99,7 @@ export const siteLayout: navLink[] = [
                 children: [
                     {navText: "Home Server Rack", path: "home-server-rack"},
                     {navText: "Offsite Backup Rack", path: "offsite-backup-rack"},
-                    // {title: "Kubernetes Cluster", path: "kubernetes-cluster"},
+                    {navText: "Kubernetes Cluster", path: "kubernetes-cluster"},
                     {navText: "Home Automation", path: "home-automation"},
                 ]
             },
@@ -108,13 +108,13 @@ export const siteLayout: navLink[] = [
                 path: "motorcycling",
                 children: [
                     {navText: "Lineup", path: "lineup"},
-                    // {
-                    //   title: "Custom Accessories",
-                    //   path: "custom-accessories",
-                    //   children: [
-                    //       {title: "Chubby Buttons 2 Mount", path: "chubby-buttons-2-mount"},
-                    //   ]
-                    // },
+                    {
+                        navText: "Custom Accessories",
+                        path: "custom-accessories",
+                        children: [
+                            {navText: "Chubby Buttons 2 Mount", path: "chubby-buttons-2-mount"},
+                        ]
+                    },
                     // {
                     //     title: "Trips",
                     //     path: "trips",
@@ -132,8 +132,8 @@ export const siteLayout: navLink[] = [
             //         {title: "OSSM Overkill Edition", path: "ossm-overkill-edition"},
             //     ]
             // },
-            // {title: "NixOS", path: "nixos"},
-            // {title: "Body Mods", path: "body-mods"},
+            {navText: "NixOS", path: "nixos"},
+            {navText: "Body Mods", path: "body-mods"},
         ]
     },
     {

src/pages/hobby/body-mods.astro

@@ -1,6 +1,28 @@
 ---
 import HobbyLayout from "@layouts/HobbyLayout.astro";
+import Carousel from "@components/CustomCarousel.astro";
+
+import type {carouselGroup} from "@interfaces/image-carousel.ts";
+
+import injection_site from "@assets/hobby/body-mods/rfid-implant/injection-site.jpg";
+import injector_exploded from "@assets/hobby/body-mods/rfid-implant/injector-exploded.jpg";
+import quarter_euro_transponder from "@assets/hobby/body-mods/rfid-implant/quarter-euro-transponder.png";
+import xem_pouch from "@assets/hobby/body-mods/rfid-implant/xem-pouch.jpg";
+
+
+
+const rfidImplantCarouselGroup: carouselGroup = {
+    animation: "slide",
+    images: [
+        xem_pouch,
+        injector_exploded,
+        quarter_euro_transponder,
+        injection_site
+    ]
+}
 ---
 
-<HobbyLayout>
+<HobbyLayout title="Body Mods">
+    <h2 class="font-bold md:text-2xl my-4 underline">RFID Implant</h2>
+    <Carousel carouselGroup={rfidImplantCarouselGroup}/>
 </HobbyLayout>

src/pages/hobby/homelab/.kubernetes-cluster.astro

@@ -1,6 +0,0 @@
----
-import HobbyLayout from "@layouts/HobbyLayout.astro";
----
-
-<HobbyLayout>
-</HobbyLayout>

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

@@ -4,21 +4,26 @@ 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 rack_from_above from "@assets/hobby/homelab/home-server-rack/rack-from-above.jpg";
+import rack_from_below from "@assets/hobby/homelab/home-server-rack/rack-from-below.jpg";
+import rack_middle from "@assets/hobby/homelab/home-server-rack/rack-middle.jpg";
+import rack_top from "@assets/hobby/homelab/home-server-rack/rack-top.jpg";
 
 
 
 const headerCarouselGroup: carouselGroup = {
     animation: "slide",
     images: [
-        enclosure_front,
-
+        rack_from_below,
+        rack_from_above,
+        rack_top,
+        rack_middle
     ]
 }
 ---
 
-<HobbyLayout>
+<HobbyLayout title="Home Server Rack">
     <Carousel carouselGroup={headerCarouselGroup}/>
 
-    <h2 class="font-bold md:text-2xl my-4">Prior Homelab</h2>
+    <!--<h2 class="font-bold md:text-2xl my-4">Prior Homelab</h2>-->
 </HobbyLayout>

src/pages/hobby/homelab/kubernetes-cluster.astro

@@ -0,0 +1,23 @@
+---
+import HobbyLayout from "@layouts/HobbyLayout.astro";
+import Carousel from "@components/CustomCarousel.astro";
+
+import type {carouselGroup} from "@interfaces/image-carousel.ts";
+
+import cluster_and_switch from "@assets/hobby/homelab/kubernetes-cluster/cluster-and-switch.jpg";
+
+
+
+const headerCarouselGroup: carouselGroup = {
+    animation: "slide",
+    images: [
+        cluster_and_switch
+    ]
+}
+---
+
+<HobbyLayout title="Kubernetes Cluster">
+    <Carousel carouselGroup={headerCarouselGroup}/>
+
+    <!--<h2 class="font-bold md:text-2xl my-4">Prior Homelab</h2>-->
+</HobbyLayout>

src/pages/hobby/motorcycling/custom-accessories/.chubby-buttons-2-mount.astro

@@ -1,6 +0,0 @@
----
-import HobbyLayout from "@layouts/HobbyLayout.astro";
----
-
-<HobbyLayout>
-</HobbyLayout>

src/pages/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount.astro

@@ -0,0 +1,35 @@
+---
+import HobbyLayout from "@layouts/HobbyLayout.astro";
+import Carousel from "@components/CustomCarousel.astro";
+
+import type {carouselGroup} from "@interfaces/image-carousel.ts";
+
+import bottom_fasteners_installed from "@assets/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount/bottom-fasteners-installed.jpg";
+import closed_seam from "@assets/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount/closed-seam.jpg";
+import closed_top_buttons_installed from "@assets/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount/closed-top-buttons-installed.jpg";
+import inside_top_and_bottom from "@assets/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount/inside-top-and-bottom.jpg";
+import inside_top_and_bottom_buttons_installed from "@assets/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount/inside-top-and-bottom-buttons-installed.jpg";
+import inside_top_and_bottom_with_buttons from "@assets/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount/inside-top-and-bottom-with-buttons.jpg";
+import installed_on_bike_handlebars_reference from "@assets/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount/installed-on-bike-handlebars-reference.jpg";
+import installed_on_bike_riders_position from "@assets/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount/installed-on-bike-riders-position.jpg";
+import top_and_bottom from "@assets/hobby/motorcycling/custom-accessories/chubby-buttons-2-mount/top-and-bottom.jpg";
+
+const headerCarouselGroup: carouselGroup = {
+    animation: "slide",
+    images: [
+        installed_on_bike_riders_position,
+        installed_on_bike_handlebars_reference,
+        closed_top_buttons_installed,
+        bottom_fasteners_installed,
+        closed_seam,
+        inside_top_and_bottom_buttons_installed,
+        inside_top_and_bottom_with_buttons,
+        inside_top_and_bottom,
+        top_and_bottom
+    ]
+}
+---
+
+<HobbyLayout title="Chubby Buttons 2 Mount">
+    <Carousel carouselGroup={headerCarouselGroup}/>
+</HobbyLayout>

src/pages/index.astro

@@ -2,16 +2,17 @@
 import BaseLayout from '../layouts/BaseLayout.astro';
 import Carousel from "@components/CustomCarousel.astro";
 
-import headshot from "@assets/headshot.png";
 import type {carouselGroup} from "@interfaces/image-carousel.ts";
 
+import alaska_bike_mountain_ocean from "@assets/about/alaska-bike-mountain-ocean.jpg"
+import headshot from "@assets/about/headshot.png";
 
 
 const headerCarouselGroup: carouselGroup = {
     animation: "slide",
     images: [
         headshot,
-        headshot
+        alaska_bike_mountain_ocean
     ]
 }
 ---