-
- {timeline.map((entry, index) => (
-
-
- {entry.event}
-
-
- {entry.eventDetail}
-
-
- {entry.description && (
-
- {entry.description}
-
- )}
-
- ))}
-
-
+
+
+ {
+ timeline.map((entry, index) => (
+
+
{entry.event}
+
{entry.eventDetail}
+
+ {entry.description && (
+
{entry.description}
+ )}
+
+ ))
+ }
+
+
+
-
\ No newline at end of file
+
diff --git a/src/components/Timeline/timeline.ts b/src/components/Timeline/timeline.ts
index 122d40d..9233757 100644
--- a/src/components/Timeline/timeline.ts
+++ b/src/components/Timeline/timeline.ts
@@ -1,70 +1,80 @@
import LeaderLine from "leader-line-new";
class CustomTimeline extends HTMLElement {
- _eventElements: Element[];
+ _eventElements: Element[];
- constructor() {
- super();
+ constructor() {
+ super();
- this._eventElements = this._getNodeElements();
- window.addEventListener("load", this._paintLeaderLines);
- }
+ this._eventElements = this._getNodeElements();
+ window.addEventListener("load", this._paintLeaderLines);
+ }
- _getNodeElements = (): Element[] =>
- Array.from(this.querySelectorAll('[data-timeline-node-index]')).sort(
- (elementA, elementB) =>
- Number(elementA.getAttribute('data-timeline-node-index')) - Number(elementB.getAttribute('data-timeline-node-index'))
- );
-
-
- _paintLeaderLines = () => {
- let pairs = this._eventElements.map((entry, index) => {
- if (index < this._eventElements.length - 1) {
- return [entry, this._eventElements[index + 1]];
- }
- }).filter(pair => pair !== undefined)
-
- let contentBodyScrolling = document.getElementById("content-body-scrolling");
- let wrapper = this.querySelector("[data-custom-timeline-line-wrapper]") as HTMLElement;
-
- const position = (line: LeaderLine) => {
- wrapper.style.transform = "none";
- let rectWrapper = wrapper.getBoundingClientRect();
-
- wrapper.style.transform = "translate(-" +
- (Number(rectWrapper.left)) + "px, -"
- +
- (Number(rectWrapper.top)) + "px)"
-
- line.position()
+ _getNodeElements = (): Element[] =>
+ Array.from(this.querySelectorAll("[data-timeline-node-index]")).sort(
+ (elementA, elementB) =>
+ Number(elementA.getAttribute("data-timeline-node-index")) -
+ Number(elementB.getAttribute("data-timeline-node-index")),
+ );
+ _paintLeaderLines = () => {
+ let pairs = this._eventElements
+ .map((entry, index) => {
+ if (index < this._eventElements.length - 1) {
+ return [entry, this._eventElements[index + 1]];
}
+ })
+ .filter((pair) => pair !== undefined);
- pairs.forEach(pair => {
- let line = new LeaderLine({
- start: pair[0],
- end: pair[1],
- color: '#10ac25',
- size: 3,
- startSocket: "right",
- endSocket: "left",
- startPlug: "square",
- endPlug: "arrow3"
- });
+ let contentBodyScrolling = document.getElementById(
+ "content-body-scrolling",
+ );
+ let wrapper = this.querySelector(
+ "[data-custom-timeline-line-wrapper]",
+ ) as HTMLElement;
- // Find new element by hidden id and add to wrapper div
- const newLineEl = document.querySelector(`body .leader-line:has(path#leader-line-${line._id}-line-path)`);
- if (newLineEl) wrapper.appendChild(newLineEl);
+ const position = (line: LeaderLine) => {
+ wrapper.style.transform = "none";
+ let rectWrapper = wrapper.getBoundingClientRect();
- // Add position updaters for scrolling and resize events
- contentBodyScrolling?.addEventListener("scroll", () => position(line));
- window.addEventListener("resize", () => position(line));
+ wrapper.style.transform =
+ "translate(-" +
+ Number(rectWrapper.left) +
+ "px, -" +
+ Number(rectWrapper.top) +
+ "px)";
- // Perform the initial positioning
- position(line);
- });
+ line.position();
+ };
- }
+ pairs.forEach((pair) => {
+ let line = new LeaderLine({
+ start: pair[0],
+ end: pair[1],
+ color: "#10ac25",
+ size: 3,
+ startSocket: "right",
+ endSocket: "left",
+ startPlug: "square",
+ endPlug: "arrow3",
+ });
+
+ // Find new element by hidden id and add to wrapper div
+ // noinspection TypeScriptUnresolvedReference
+ const lineId = line._id; // @ts-ignore
+ const newLineEl = document.querySelector(
+ `body .leader-line:has(path#leader-line-${lineId}-line-path)`,
+ );
+ if (newLineEl) wrapper.appendChild(newLineEl);
+
+ // Add position updaters for scrolling and resize events
+ contentBodyScrolling?.addEventListener("scroll", () => position(line));
+ window.addEventListener("resize", () => position(line));
+
+ // Perform the initial positioning
+ position(line);
+ });
+ };
}
-customElements.define('custom-timeline', CustomTimeline)
\ No newline at end of file
+customElements.define("custom-timeline", CustomTimeline);
diff --git a/src/components/Video.astro b/src/components/Video.astro
deleted file mode 100644
index 0f218f5..0000000
--- a/src/components/Video.astro
+++ /dev/null
@@ -1,12 +0,0 @@
----
-import {type videoConfig} from "@interfaces/video.ts";
-
-const config: videoConfig = Astro.props.videoConfig;
-console.log(config);
----
-
-
-
diff --git a/src/components/YtVideo.astro b/src/components/YtVideo.astro
deleted file mode 100644
index ca31301..0000000
--- a/src/components/YtVideo.astro
+++ /dev/null
@@ -1,9 +0,0 @@
----
-import type {videoConfig} from "@interfaces/video.ts";
-
-const config: videoConfig = Astro.props.videoConfig;
----
-
\ No newline at end of file
diff --git a/src/data/site-layout.ts b/src/data/site-layout.ts
index a0c2b4c..6312aca 100644
--- a/src/data/site-layout.ts
+++ b/src/data/site-layout.ts
@@ -1,223 +1,270 @@
-import type {navLink} from "@interfaces/site-layout.ts"
+import type { navLink } from "@interfaces/site-layout.ts";
export const siteLayout: navLink[] = [
- {navText: "About", path: ""},
- {navText: "Education", path: "education"},
- {
- navText: "Experiences",
- path: "experience",
+ { navText: "About", path: "" },
+ { navText: "Education", path: "education" },
+ {
+ navText: "Experiences",
+ path: "experience",
+ children: [
+ {
+ navText: "SpaceX",
+ path: "spacex",
children: [
- {
- navText: "SpaceX",
- path: "spacex",
- children: [
- {
- navText: "Hardware Test Engineer I/II",
- path: "hardware-test-engineer-i-ii"
- },
- {
- navText: "Avionics Test Engineering Internship",
- path: "avionics-test-engineering-internship"
- }
- ]
- },
- {
- enabled: false,
- navText: "OSU CEOAS",
- path: "osu-ceoas-ocean-mixing-group",
- children: [
- {
- enabled: false,
- navText: "Robotics Oceanographic Surface Sampler",
- path: "robotic-oceanographic-surface-sampler",
- },
- {
- enabled: false,
- navText: "LeConte Glacier Deployments",
- path: "leconte-glacier-deployments",
- }
- ]
- },
- {
- enabled: false,
- navText: "OSU SARL",
- path: "osu-sinnhuber-aquatic-research-laboratory",
- children: [
- {
- enabled: false,
- navText: "Team Lead",
- path: "team-lead",
- },
- {
- enabled: false,
- navText: "Zebrafish Embryo Pick and Plate",
- path: "zebrafish-embryo-pick-and-plate",
- },
- {
- enabled: false,
- navText: "Shuttlebox Behavior System",
- path: "shuttlebox-behavior-system",
- },
- {
- enabled: false,
- navText: "Dechorionator",
- path: "dechorionator",
- },
- {
- enabled: false,
- navText: "Denso Embryo Pick and Plate",
- path: "denso-embryo-pick-and-plate",
- },
- {
- enabled: false,
- navText: "ZScan Processor",
- path: "zscan-processor",
- }
- ]
- },
- {
- enabled: false,
- navText: "OSU Robotics Club",
- path: "osu-robotics-club",
- children: [
- {
- enabled: false,
- navText: "Mars Rover Software Team Lead",
- path: "mars-rover-software-team-lead",
- },
- {
- enabled: false,
- navText: "Mars Rover Emergency Software Team Lead",
- path: "mars-rover-emergency-software-team-lead",
- },
- {
- enabled: false,
- navText: "Mars Rover Electrical Team Lead",
- path: "mars-rover-electrical-team-lead",
- },
- {
- enabled: false,
- navText: "Club Officer",
- path: "club-officer",
- }
- ]
- },
- ]
- },
- {
- navText: "Hobbies",
- path: "hobby",
+ {
+ navText: "Hardware Test Engineer I/II",
+ path: "hardware-test-engineer-i-ii",
+ },
+ {
+ navText: "Avionics Test Engineering Internship",
+ path: "avionics-test-engineering-internship",
+ },
+ ],
+ },
+ {
+ navText: "OSU CEOAS Ocean Mixing Group",
+ path: "osu-ceoas-ocean-mixing-group",
children: [
-
- {
- enabled: false,
- navText: "Homelab", path: "homelab",
- children: [
- {enabled: false, navText: "Home Server Rack", path: "home-server-rack"},
- {enabled: false, navText: "Offsite Backup Rack", path: "offsite-backup-rack"},
- {enabled: false, navText: "Kubernetes Cluster", path: "kubernetes-cluster"},
- {enabled: false, navText: "Home Automation", path: "home-automation"},
- ]
- },
- {
- navText: "Motorcycling",
- path: "motorcycling",
- children: [
- {navText: "Lineup", path: "lineup"},
- {
- navText: "Custom Accessories",
- path: "custom-accessories",
- children: [
- {navText: "Chubby Buttons 2 Mount", path: "chubby-buttons-2-mount"},
- ]
- },
- {
- enabled: false,
- navText: "Trips",
- path: "trips",
- children: [
- {navText: "2025-08 | Alaska ", path: "2025-08-alaska", enabled: false,},
- {navText: "2024-10 | Norway ", path: "2024-10-norway", enabled: false,}
- ]
- },
- ]
- },
- {
- enabled: false,
- navText: "Projects",
- path: "projects",
- children: [
- {navText: "OSSM Overkill Edition", path: "ossm-overkill-edition", enabled: false},
- {navText: "Rachael Ray Light Box", path: "rachael-ray-light-box", enabled: false},
- {navText: "Shed Solar", path: "shed-solar", enabled: false},
- ]
- },
- {enabled: false, navText: "NixOS", path: "nixos"},
- {navText: "Body Mods", path: "body-mods"},
- ]
- },
- {
- navText: "Resumes",
- path: "resume",
+ {
+ navText: "Robotics Oceanographic Surface Sampler",
+ path: "robotic-oceanographic-surface-sampler",
+ },
+ {
+ enabled: false,
+ navText: "LeConte Glacier Deployments",
+ path: "leconte-glacier-deployments",
+ },
+ ],
+ },
+ {
+ enabled: false,
+ navText: "OSU SARL",
+ path: "osu-sinnhuber-aquatic-research-laboratory",
children: [
- {enabled: false, navText: "2025-11-10 | Complete CV", path: "2025-11-10-complete-cv"},
- {navText: "2025-11-10 | Infrastructure Engineer", path: "2025-11-10-infrastructure-engineer"},
- {navText: "2019-07-01 | Hardware Test Engineer", path: "2019-07-01-hardware-test-engineer"},
- ]
- },
- {navText: "Github", pubpath: "https://github.com/caperren"},
- {navText: "LinkedIn", pubpath: "https://www.linkedin.com/in/caperren/"}
-]
+ {
+ enabled: false,
+ navText: "Team Lead",
+ path: "team-lead",
+ },
+ {
+ enabled: false,
+ navText: "Zebrafish Embryo Pick and Plate",
+ path: "zebrafish-embryo-pick-and-plate",
+ },
+ {
+ enabled: false,
+ navText: "Shuttlebox Behavior System",
+ path: "shuttlebox-behavior-system",
+ },
+ {
+ enabled: false,
+ navText: "Dechorionator",
+ path: "dechorionator",
+ },
+ {
+ enabled: false,
+ navText: "Denso Embryo Pick and Plate",
+ path: "denso-embryo-pick-and-plate",
+ },
+ {
+ enabled: false,
+ navText: "ZScan Processor",
+ path: "zscan-processor",
+ },
+ ],
+ },
+ {
+ enabled: false,
+ navText: "OSU Robotics Club",
+ path: "osu-robotics-club",
+ children: [
+ {
+ enabled: false,
+ navText: "Mars Rover Software Team Lead",
+ path: "mars-rover-software-team-lead",
+ },
+ {
+ enabled: false,
+ navText: "Mars Rover Emergency Software Team Lead",
+ path: "mars-rover-emergency-software-team-lead",
+ },
+ {
+ enabled: false,
+ navText: "Mars Rover Electrical Team Lead",
+ path: "mars-rover-electrical-team-lead",
+ },
+ {
+ enabled: false,
+ navText: "Club Officer",
+ path: "club-officer",
+ },
+ ],
+ },
+ ],
+ },
+ {
+ navText: "Hobbies",
+ path: "hobby",
+ children: [
+ {
+ enabled: false,
+ navText: "Homelab",
+ path: "homelab",
+ children: [
+ {
+ enabled: false,
+ navText: "Home Server Rack",
+ path: "home-server-rack",
+ },
+ {
+ enabled: false,
+ navText: "Offsite Backup Rack",
+ path: "offsite-backup-rack",
+ },
+ {
+ enabled: false,
+ navText: "Kubernetes Cluster",
+ path: "kubernetes-cluster",
+ },
+ {
+ enabled: false,
+ navText: "Home Automation",
+ path: "home-automation",
+ },
+ ],
+ },
+ {
+ navText: "Motorcycling",
+ path: "motorcycling",
+ children: [
+ { navText: "Lineup", path: "lineup" },
+ {
+ navText: "Custom Accessories",
+ path: "custom-accessories",
+ children: [
+ {
+ navText: "Chubby Buttons 2 Mount",
+ path: "chubby-buttons-2-mount",
+ },
+ ],
+ },
+ {
+ enabled: false,
+ navText: "Trips",
+ path: "trips",
+ children: [
+ {
+ navText: "2025-08 | Alaska ",
+ path: "2025-08-alaska",
+ enabled: false,
+ },
+ {
+ navText: "2024-10 | Norway ",
+ path: "2024-10-norway",
+ enabled: false,
+ },
+ ],
+ },
+ ],
+ },
+ {
+ enabled: false,
+ navText: "Projects",
+ path: "projects",
+ children: [
+ {
+ navText: "OSSM Overkill Edition",
+ path: "ossm-overkill-edition",
+ enabled: false,
+ },
+ {
+ navText: "Rachael Ray Light Box",
+ path: "rachael-ray-light-box",
+ enabled: false,
+ },
+ { navText: "Shed Solar", path: "shed-solar", enabled: false },
+ ],
+ },
+ { enabled: false, navText: "NixOS", path: "nixos" },
+ { navText: "Body Mods", path: "body-mods" },
+ ],
+ },
+ {
+ navText: "Resumes",
+ path: "resume",
+ children: [
+ {
+ enabled: false,
+ navText: "2025-11-10 | Complete CV",
+ path: "2025-11-10-complete-cv",
+ },
+ {
+ navText: "2025-11-10 | Infrastructure Engineer",
+ path: "2025-11-10-infrastructure-engineer",
+ },
+ {
+ navText: "2019-07-01 | Hardware Test Engineer",
+ path: "2019-07-01-hardware-test-engineer",
+ },
+ ],
+ },
+ { navText: "Github", pubpath: "https://github.com/caperren" },
+ { navText: "LinkedIn", pubpath: "https://www.linkedin.com/in/caperren/" },
+];
export const pathToMetadata = (path: string): navLink => {
- let paths = path.split("/").filter((entry) => entry);
+ let paths = path.split("/").filter((entry) => entry);
- // Handle root path of /
- if (paths.length < 1) {
- paths = [""]
- }
+ // Handle root path of /
+ if (paths.length < 1) {
+ paths = [""];
+ }
- let currentEntries: navLink[] = siteLayout;
- let foundEntry: navLink | undefined;
+ let currentEntries: navLink[] = siteLayout;
+ let foundEntry: navLink | undefined;
- for (const path of paths) {
- for (const currentEntry of currentEntries) {
- if (currentEntry.path === path) {
- foundEntry = currentEntry;
+ for (const path of paths) {
+ for (const currentEntry of currentEntries) {
+ if (currentEntry.path === path) {
+ foundEntry = currentEntry;
- if (foundEntry.children && foundEntry.children.length > 0) {
- currentEntries = foundEntry.children;
- }
- }
+ if (foundEntry.children && foundEntry.children.length > 0) {
+ currentEntries = foundEntry.children;
}
+ }
}
+ }
- if (foundEntry === undefined) {
- throw new Error(`${path} not found in site layout!`);
- }
+ if (foundEntry === undefined) {
+ throw new Error(`${path} not found in site layout!`);
+ }
- return foundEntry;
-}
+ return foundEntry;
+};
export const getPaths = (
- currentEntries: navLink[] = siteLayout,
- paths: string[] = [],
- disabledOnly = false
+ currentEntries: navLink[] = siteLayout,
+ paths: string[] = [],
+ disabledOnly = false,
): string[] => {
- let foundPaths: string[] = [];
+ let foundPaths: string[] = [];
- for (const currentEntry of currentEntries) {
- if (currentEntry.children && currentEntry.children.length > 0) {
- foundPaths = [
- ...foundPaths,
- ...getPaths(currentEntry.children, [...paths, currentEntry.path || ""], disabledOnly)
- ]
- } else {
- let enabled = currentEntry.enabled ?? true;
- if (disabledOnly ? !enabled : enabled) {
- foundPaths.push("/" + [...paths, currentEntry.path || ""].join("/"));
- }
- }
+ for (const currentEntry of currentEntries) {
+ if (currentEntry.children && currentEntry.children.length > 0) {
+ foundPaths = [
+ ...foundPaths,
+ ...getPaths(
+ currentEntry.children,
+ [...paths, currentEntry.path || ""],
+ disabledOnly,
+ ),
+ ];
+ } else {
+ let enabled = currentEntry.enabled ?? true;
+ if (disabledOnly ? !enabled : enabled) {
+ foundPaths.push("/" + [...paths, currentEntry.path || ""].join("/"));
+ }
}
- return [...new Set(foundPaths)];
-}
\ No newline at end of file
+ }
+ return [...new Set(foundPaths)];
+};
diff --git a/src/env.d.ts b/src/env.d.ts
index dfec845..b1c3bb9 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -1,8 +1,8 @@
interface ImportMetaEnv {
- readonly PUBLIC_REPO_VERSION_HASH: string;
- readonly PUBLIC_BUILD_ENVIRONMENT: string;
+ readonly PUBLIC_REPO_VERSION_HASH: string;
+ readonly PUBLIC_BUILD_ENVIRONMENT: string;
}
interface ImportMeta {
- readonly env: ImportMetaEnv;
-}
\ No newline at end of file
+ readonly env: ImportMetaEnv;
+}
diff --git a/src/interfaces/experience-metadata.ts b/src/interfaces/experience-metadata.ts
index 99b3013..fb47e88 100644
--- a/src/interfaces/experience-metadata.ts
+++ b/src/interfaces/experience-metadata.ts
@@ -1,14 +1,11 @@
-import {DateTime} from 'luxon';
+import { DateTime } from "luxon";
-export interface experience {
-
-
-}
+export interface experience {}
export interface subExperience {
- name: string;
- description: string;
+ name: string;
+ description: string;
- startDate: DateTime;
- endDate?: DateTime;
+ startDate: DateTime;
+ endDate?: DateTime;
}
diff --git a/src/interfaces/image-carousel.ts b/src/interfaces/image-carousel.ts
index e6df1e6..ff352f2 100644
--- a/src/interfaces/image-carousel.ts
+++ b/src/interfaces/image-carousel.ts
@@ -1,5 +1,5 @@
export interface carouselGroup {
- animation: "static" | "slide";
- interval?: number;
- images: ImageMetadata[];
-}
\ No newline at end of file
+ animation: "static" | "slide";
+ interval?: number;
+ images: ImageMetadata[];
+}
diff --git a/src/interfaces/site-layout.ts b/src/interfaces/site-layout.ts
index 884a889..48facb1 100644
--- a/src/interfaces/site-layout.ts
+++ b/src/interfaces/site-layout.ts
@@ -1,7 +1,7 @@
export interface navLink {
- enabled?: boolean;
- navText: string;
- path?: string;
- pubpath?: string;
- children?: navLink[];
+ enabled?: boolean;
+ navText: string;
+ path?: string;
+ pubpath?: string;
+ children?: navLink[];
}
diff --git a/src/interfaces/table.ts b/src/interfaces/table.ts
index ab2ddbe..22a56af 100644
--- a/src/interfaces/table.ts
+++ b/src/interfaces/table.ts
@@ -1,6 +1,6 @@
export interface tableData {
- header: string[];
- columnPadding?: number;
- rowPadding?: number;
- rows: Array
>;
-}
\ No newline at end of file
+ header: string[];
+ columnPadding?: number;
+ rowPadding?: number;
+ rows: Array>;
+}
diff --git a/src/interfaces/timeline.ts b/src/interfaces/timeline.ts
index cdc8b77..484318b 100644
--- a/src/interfaces/timeline.ts
+++ b/src/interfaces/timeline.ts
@@ -1,6 +1,6 @@
export interface timelineEntry {
- event: string;
- eventDetail?: string
- date: string;
- description?: string;
-}
\ No newline at end of file
+ event: string;
+ eventDetail?: string;
+ date: string;
+ description?: string;
+}
diff --git a/src/interfaces/video.ts b/src/interfaces/video.ts
index 7af5779..05dde3c 100644
--- a/src/interfaces/video.ts
+++ b/src/interfaces/video.ts
@@ -1,5 +1,5 @@
export interface videoConfig {
- videoTitle?: string
- videoPath: string;
- videoType?: string;
-}
\ No newline at end of file
+ videoTitle?: string;
+ videoPath: string;
+ videoType?: string;
+}
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index d4b1dad..3022eb5 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -1,46 +1,53 @@
---
-import '@styles/global.css'
+import "@styles/global.css";
-import Navbar from '@components/Navbar.astro';
-import Footer from '@components/Footer.astro';
+import Navbar from "@components/Navbar.astro";
+import Footer from "@components/Footer.astro";
-import {pathToMetadata} from "@data/site-layout.ts";
+import { pathToMetadata } from "@data/site-layout.ts";
-
-const pageTitle = Astro.props.title ? `${Astro.props.title} - Corwin Perren` : "Corwin Perren";
+const pageTitle = Astro.props.title
+ ? `${Astro.props.title} - Corwin Perren`
+ : "Corwin Perren";
const showTitle = Astro.props.showTitle ?? true;
const pageEnabled = pathToMetadata(Astro.url.pathname).enabled ?? true;
---
+
-
-
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
+
+
{pageEnabled ? pageTitle : "Corwin Perren"}
-
-
-
-
-
- {(Astro.props.title && showTitle && pageEnabled) && (
-
- )}
- {pageEnabled && (
-
- )}
-
-
-
-
-
-
\ No newline at end of file
+
+
+
+
+
+ {
+ Astro.props.title && showTitle && pageEnabled && (
+
+ )
+ }
+ {pageEnabled && }
+
+
+
+
+
+