Started refactoring, added prettier and checks and reformatted project, added cspell and checks and custom project words, beginning of robotic oceanographic surface sampler content

src/pages/experience/osu-ceoas-ocean-mixing-group/robotic-oceanographic-surface-sampler.astro

@@ -1,6 +1,98 @@
 ---
 import ExperienceLayout from "@layouts/ExperienceLayout.astro";
+
+import type { carouselGroup } from "@interfaces/image-carousel.ts";
+import type { timelineEntry } from "@interfaces/timeline.ts";
+
+import Carousel from "@components/Media/CustomCarousel/CustomCarousel.astro";
+import H2 from "@components/CustomHtmlWrappers/H2.astro";
+import LinkButton from "@components/LinkButton.astro";
+import PdfViewer from "@components/Media/PdfViewer.astro";
+import Timeline from "@components/Timeline/Timeline.astro";
+
+import publication from "@assets/experience/osu-ceoas-ocean-mixing-group/robotic-oceanographic-surface-sampler/ross-publication.pdf";
+
+const headerCarouselGroup: carouselGroup = {
+  animation: "slide",
+  images: [],
+};
+
+const timeline: timelineEntry[] = [
+  {
+    event: "Started",
+    eventDetail: "Satellite Hardware Test Team",
+    date: "September 2019",
+    description:
+      "Owned test systems for four generations of Starlink flight computers and two generations of power boards",
+  },
+  {
+    event: "Transitioned To Remote",
+    eventDetail: "Moved To Oregon",
+    date: "August 2022",
+    description:
+      "Personal decision, but I was allowed to work on tools for the build reliability engineering team",
+  },
+  {
+    event: "Changed Teams",
+    eventDetail: "Components Test Infra Team",
+    date: "March 2024 - VERIFY",
+    description:
+      "Vertical move that allowed for broader application of my skills",
+  },
+  {
+    event: "Finished",
+    eventDetail: "Thanks for all the fish!",
+    date: "April 2025",
+    description:
+      "Celebrated five and a half years of helping put thousands of satellites, and dozens of rockets, into orbit",
+  },
+];
 ---
 
 <ExperienceLayout title="CEOAS - Robotic Oceanographic Surface Sampler">
-</ExperienceLayout>
+  <Carousel carouselGroup={headerCarouselGroup} />
+  <div class="mt-4 flex items-center justify-center">
+    <LinkButton
+      href="https://tos.org/oceanography/article/autonomous-ctd-profiling-from-the-robotic-oceanographic-surface-sampler"
+      title="Official Scientific Publication"
+    />
+  </div>
+  <h2 class="my-4 font-bold md:text-2xl">Summary</h2>
+  <h3 class="my-4 font-bold md:text-lg">Timeline</h3>
+  <Timeline timeline={timeline} />
+  <h3 class="my-4 font-bold md:text-lg">Key Takeaways</h3>
+  <ul class="list-inside list-disc">
+    <li>One</li>
+    <li>Two</li>
+    <li>Three</li>
+  </ul>
+  <h3 class="my-4 font-bold md:text-lg">Skills Used</h3>
+  <div
+    class="border-caperren-green relative grid grid-flow-row gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+  >
+    <div>
+      <div class="text-sm font-extrabold">Software</div>
+      <hr class="text-caperren-green" />
+      <ul class="list-inside list-disc text-sm">
+        <li>One</li>
+        <li>Two</li>
+      </ul>
+    </div>
+    <div>
+      <div class="text-sm font-extrabold">Electrical</div>
+      <hr class="text-caperren-green" />
+    </div>
+    <div>
+      <div class="text-sm font-extrabold">Mechanical</div>
+      <hr class="text-caperren-green" />
+    </div>
+    <div>
+      <div class="text-sm font-extrabold">Other</div>
+      <hr class="text-caperren-green" />
+    </div>
+  </div>
+  <H2 text="Official Scientific Publication" />
+  <div class="h-334">
+    <PdfViewer pdf={publication} />
+  </div>
+</ExperienceLayout>