Compartmentalized Timeline and Carousel, applied www-data permissions to all files in built docker container, for deploys to work

Dockerfile

@@ -31,4 +31,6 @@ RUN rm index.html
 
 COPY --from=build /app/dist .
 
+RUN chown -R www-data:www-data *
+
 EXPOSE 80

src/components/CustomCarousel/CustomCarousel.astro

@@ -93,4 +93,4 @@ const limitByWidthClasses = "max-h-fit";
     )}
 </custom-carousel>
 
-<script src="@scripts/components/custom-carousel.ts"/>
+<script src="./custom-carousel.ts"/>

src/components/Timeline/Timeline.astro

@@ -31,4 +31,4 @@ const timeline: timelineEntry[] = Astro.props.timeline || [];
     </div>
 </custom-timeline>
 
-<script src="@scripts/components/timeline.ts"/>
+<script src="./timeline.ts"/>

src/env.d.ts

@@ -7,10 +7,3 @@ interface ImportMetaEnv {
 interface ImportMeta {
     readonly env: ImportMetaEnv;
 }
-
-declare global {
-    interface Window {
-        LeaderLine: any;
-    }
-}
-export {};

src/layouts/BaseLayout.astro

@@ -23,7 +23,7 @@ const pageTitle = Astro.props.title ? `${Astro.props.title} - Corwin Perren` : "
     <slot/>
 </main>
 <Footer/>
-<script src="/src/scripts/main.js"></script>
+<script src="../scripts/main.ts"></script>
 </body>
 </html>
 

src/pages/education.astro

@@ -1,7 +1,7 @@
 ---
 import BaseLayout from "@layouts/BaseLayout.astro";
-import Carousel from "@components/CustomCarousel.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
-import Timeline from "@components/Timeline.astro";
+import Timeline from "@components/Timeline/Timeline.astro";
 import Table from "@components/Table.astro";
 
 import type {carouselGroup} from "@interfaces/image-carousel.ts";

src/pages/experience/spacex/avionics-test-engineering-internship.astro

@@ -1,7 +1,7 @@
 ---
 import ExperienceLayout from '@layouts/ExperienceLayout.astro';
-import Timeline from '@components/Timeline.astro';
+import Timeline from '@components/Timeline/Timeline.astro';
-import Carousel from "@components/CustomCarousel.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
 
 import spring_2019_interns from "@assets/experience/spacex/avionics-test-engineering-internship/spring-2019-interns.jpg";
 

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

@@ -1,7 +1,7 @@
 ---
 import ExperienceLayout from '@layouts/ExperienceLayout.astro';
-import Timeline from '@components/Timeline.astro';
+import Timeline from '@components/Timeline/Timeline.astro';
-import Carousel from "@components/CustomCarousel.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
 
 import starlink_headquarters_selfie
     from "@assets/experience/spacex/hardware-test-engineer-i-ii/starlink-headquarters-selfie.jpg";

src/pages/hobby/body-mods.astro

@@ -1,6 +1,6 @@
 ---
 import HobbyLayout from "@layouts/HobbyLayout.astro";
-import Carousel from "@components/CustomCarousel.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
 
 import type {carouselGroup} from "@interfaces/image-carousel.ts";
 

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

@@ -1,6 +1,6 @@
 ---
 import HobbyLayout from "@layouts/HobbyLayout.astro";
-import Carousel from "@components/CustomCarousel.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
 
 import type {carouselGroup} from "@interfaces/image-carousel.ts";
 

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

@@ -1,6 +1,6 @@
 ---
 import HobbyLayout from "@layouts/HobbyLayout.astro";
-import Carousel from "@components/CustomCarousel.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
 
 import type {carouselGroup} from "@interfaces/image-carousel.ts";
 

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

@@ -1,6 +1,6 @@
 ---
 import HobbyLayout from "@layouts/HobbyLayout.astro";
-import Carousel from "@components/CustomCarousel.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
 
 import type {carouselGroup} from "@interfaces/image-carousel.ts";
 

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

@@ -1,6 +1,6 @@
 ---
 import HobbyLayout from "@layouts/HobbyLayout.astro";
-import Carousel from "@components/CustomCarousel.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
 
 import type {carouselGroup} from "@interfaces/image-carousel.ts";
 

src/pages/index.astro

@@ -1,6 +1,6 @@
 ---
 import BaseLayout from '../layouts/BaseLayout.astro';
-import Carousel from "@components/CustomCarousel.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
 
 import type {carouselGroup} from "@interfaces/image-carousel.ts";
 

src/scripts/main.ts

@@ -0,0 +1 @@
+import "flowbite";

tsconfig.json

@@ -6,7 +6,6 @@
       "@data/*": ["./src/data/*"],
       "@interfaces/*": ["./src/interfaces/*"],
       "@layouts/*": ["./src/layouts/*"],
-      "@scripts/*": ["./src/scripts/*"],
       "@styles/*": ["./src/styles/*"]
 
     }