- {/* Header */}
-
- );
-}
diff --git a/lib/posts.ts b/lib/posts.ts
deleted file mode 100644
index b53a8e2..0000000
--- a/lib/posts.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { extractYaml } from "@std/front-matter";
-import { join } from "@std/path";
-
-const POSTS_DIR = "./posts";
-
-interface FrontMatter {
- title: string;
- published_at: string;
- blurb: string;
-}
-
-export interface Post {
- slug: string;
- title: string;
- publishedAt: Date | null;
- blurb: string;
- content: string;
-}
-
-export async function getPost(slug: string): Promise
-
-
- Live Chat
-- {isConnected - ? `${userCount} online β’ Messages are not saved` - : "Connecting..."} -
-
- {messages.length === 0
- ? (
-
-
- - No messages yet. -
- ) - : ( - messages.map((msg, i) => ( -
-
- ))
- )}
-
-
-
-
- {msg.sender === username ? "You" : msg.sender}
-
-
- {new Date(msg.timestamp).toLocaleTimeString([], {
- hour: "2-digit",
- minute: "2-digit",
- })}
-
-
- {msg.text}
-
-
-
- - You are connected as{" "} - {username} -
-404 Page Not Found
- - ); -} diff --git a/routes/_app.tsx b/routes/_app.tsx deleted file mode 100644 index f04d1f8..0000000 --- a/routes/_app.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import { type PageProps } from "$fresh/server.ts"; -export default function App({ Component }: PageProps) { - return ( - - - - -
-
- );
-}
diff --git a/routes/post/[slug].tsx b/routes/post/[slug].tsx
deleted file mode 100644
index 27f725f..0000000
--- a/routes/post/[slug].tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { render } from "@deno/gfm";
-import { Handlers, PageProps } from "$fresh/server.ts";
-
-import { getPost, Post } from "../../lib/posts.ts";
-import { LuClock } from "@preact-icons/lu";
-
-export const handler: Handlers
-
-
- Chat Room
- - Demo - -
-
-
-
-
- - This is an ephemeral chat room. Messages are only visible to users - currently online and aren't stored after you leave. -
-
-
-
- );
-}
diff --git a/routes/posts.tsx b/routes/posts.tsx
deleted file mode 100644
index 345ed89..0000000
--- a/routes/posts.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Handlers, PageProps } from "$fresh/server.ts";
-import { getPosts, Post } from "../lib/posts.ts";
-import PostCard from "../components/PostCard.tsx";
-
-export const handler: Handlers
-
-
- {/* Header section */}
-
- - {post.title} -
- -
- {/* Date with clock icon */}
-
-
- {/* Divider line */}
-
-
- {/* Content section */}
-
-
-
-
- {/* Back button */}
-
-
- Back
-
-
-
- );
-}
diff --git a/routes/projects.tsx b/routes/projects.tsx
deleted file mode 100644
index 723a9d8..0000000
--- a/routes/projects.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import ProjectCard from "../components/ProjectCard.tsx";
-
-interface Project {
- id: string;
- name: string;
- description: string;
- link: string;
-}
-
-export default function ProjectsPage() {
- const projects: Project[] = [
- {
- id: "bluesky-pds-manager",
- name: "BlueSky PDS Manager",
- description:
- "A web-based BlueSky PDS Manager. Manage your invite codes and users with a simple web UI.",
- link: "https://pdsman.atri.dad",
- },
- {
- id: "pollo",
- name: "Pollo",
- description: "A dead-simple real-time voting tool.",
- link: "https://git.atri.dad/atridad/pollo",
- },
- {
- id: "goth-stack",
- name: "GOTH Stack",
- description:
- "π A Web Application Template Powered by HTMX + Go + Tailwind π",
- link: "https://git.atri.dad/atridad/goth.stack",
- },
- {
- id: "himbot",
- name: "Himbot",
- description:
- "A discord bot written in Go. Loosly named after my username online (HimbothySwaggins).",
- link: "https://git.atri.dad/atridad/himbot",
- },
- {
- id: "loadr",
- name: "loadr",
- description:
- "A lightweight REST load testing tool with robust support for different verbs, token auth, and performance reports.",
- link: "https://git.atri.dad/atridad/loadr",
- },
- ];
-
- return (
- - Posts -
-
- {posts.map((post) =>
-
-
- );
-}
diff --git a/routes/resume.tsx b/routes/resume.tsx
deleted file mode 100644
index f1b05d7..0000000
--- a/routes/resume.tsx
+++ /dev/null
@@ -1,239 +0,0 @@
-import { Head } from "$fresh/runtime.ts";
-import { Handlers, PageProps } from "$fresh/server.ts";
-import {
- LuMail,
- LuGithub,
- LuLinkedin,
- LuGlobe,
- LuGitBranch,
- LuDownload,
-} from "@preact-icons/lu";
-
-interface ResumeData {
- basics: {
- name: string;
- email: string;
- url?: { href: string };
- };
- sections: {
- summary: { name: string; content: string };
- profiles: { name: string; items: { network: string; username: string; url: { href: string } }[] };
- skills: { name: string; items: { id: string; name: string; level: number }[] };
- experience: { name: string; items: { id: string; company: string; position: string; date: string; location: string; summary: string; url?: { href: string } }[] };
- education: { name: string; items: { id: string; institution: string; studyType: string; area: string; date: string; summary: string }[] };
- volunteer: { name: string; items: { id: string; organization: string; position: string; date: string /* No summary here */ }[] };
- };
-}
-
-export const handler: Handlers- Projects -
-
- {projects.map((project) => (
-
-
-
-
- );
- }
-
- const { basics, sections } = data;
- const { summary, profiles, skills, experience, education, volunteer } = sections;
-
- return (
- <>
-
- Error loading resume data.
-Please try refreshing the page.
-
-
-
- );
-}
\ No newline at end of file
diff --git a/islands/NavigationBar.tsx b/src/components/NavigationBar.tsx
similarity index 79%
rename from islands/NavigationBar.tsx
rename to src/components/NavigationBar.tsx
index 9537591..a75cf63 100644
--- a/islands/NavigationBar.tsx
+++ b/src/components/NavigationBar.tsx
@@ -1,12 +1,6 @@
import { useComputed, useSignal } from "@preact/signals";
import { useEffect } from "preact/hooks";
-import {
- LuCodeXml,
- LuHouse,
- LuMessageCircle,
- LuNotebookPen,
- LuFileText,
-} from "@preact-icons/lu";
+import { Home, NotebookPen, FileText, CodeXml } from 'lucide-preact';
interface NavigationBarProps {
currentPath: string;
@@ -27,7 +21,7 @@ export default function NavigationBar({ currentPath }: NavigationBarProps) {
};
useEffect(() => {
- let scrollTimer: number | undefined;
+ let scrollTimer: ReturnType{basics.name}
- - {/* Contact Info */} -
- {basics.email && (
-
-
-
- {/* Download Resume Button */}
-
-
- {/* Summary Card */}
- {summary && (
-
-
- )}
-
- {/* Profiles Card */}
- {profiles && profiles.items && profiles.items.length > 0 && (
-
-
- {summary.name || "Summary"}
- -
-
- )}
-
- {/* Skills Card */}
- {skills && skills.items && skills.items.length > 0 && (
-
-
- {profiles.name || "Profiles"}
-
- {profiles.items.map((profile) => {
- let IconComponent = LuGlobe;
- const networkLower = profile.network.toLowerCase();
- if (networkLower === "github") IconComponent = LuGithub;
- else if (networkLower === "linkedin") IconComponent = LuLinkedin;
- else if (networkLower === "forgejo") IconComponent = LuGitBranch;
-
- return (
-
-
-
-
- )}
-
- {/* Experience Card */}
- {experience && experience.items && experience.items.length > 0 && (
-
-
- {skills.name || "Skills"}
-
- {skills.items.map((skill) => (
-
-
-
-
-
- ))}
-
-
- )}
-
- {/* Education Card */}
- {education && education.items && education.items.length > 0 && (
-
-
- {experience.name || "Experience"}
-
- {experience.items.map((exp, index) => (
-
-
-
-
- ))}
-
- {exp.position} at {exp.company} ({exp.date})
- {exp.location && (
- {exp.location}
- )}
-
-
- {exp.url && exp.url.href && (
- {exp.url.href}
- )}
-
-
-
-
- )}
-
- {/* Volunteering Card */}
- {volunteer && volunteer.items && volunteer.items.length > 0 && (
-
-
- {education.name || "Education"}
-
- {education.items.map((edu, index) => (
-
-
-
- ))}
- {edu.institution}
-{edu.studyType} - {edu.area} ({edu.date})
- {edu.summary && ( - - )} -
-
- )}
-
-
-
- {volunteer.name || "Volunteering"}
-
- {volunteer.items.map((vol, index) => (
-
-
-
- ))}
- {vol.organization}
-{vol.position} ({vol.date})
-
-
-
@@ -81,7 +75,7 @@ export default function NavigationBar({ currentPath }: NavigationBarProps) {
class={currentPath === "/resume" ? "menu-active" : ""}
>
-
@@ -92,18 +86,7 @@ export default function NavigationBar({ currentPath }: NavigationBarProps) {
class={currentPath.startsWith("/projects") ? "menu-active" : ""}
>
-
-
-
-
-
-
+
\ No newline at end of file
diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro
new file mode 100644
index 0000000..31b4eec
--- /dev/null
+++ b/src/components/ProjectCard.astro
@@ -0,0 +1,40 @@
+---
+import { Icon } from 'astro-icon/components';
+
+interface Project {
+ id: string;
+ name: string;
+ description: string;
+ link: string;
+}
+
+export interface Props {
+ project: Project;
+}
+
+const { project } = Astro.props;
+---
+
+
+
++ {title} +
+ ++ {blurb || 'No description available.'} +
+ +
+
+
+ {post.data.tags && post.data.tags.length > 0 && (
+
+ {post.data.tags.map((tag: string) => (
+
+
+ )}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/islands/ScrollUpButton.tsx b/src/components/ScrollUpButton.tsx
similarity index 73%
rename from islands/ScrollUpButton.tsx
rename to src/components/ScrollUpButton.tsx
index 35a4098..2e2dc2c 100644
--- a/islands/ScrollUpButton.tsx
+++ b/src/components/ScrollUpButton.tsx
@@ -1,26 +1,26 @@
import { useSignal } from "@preact/signals";
import { useEffect } from "preact/hooks";
-import { LuArrowUp } from "@preact-icons/lu";
+import { ArrowUp } from 'lucide-preact';
export default function ScrollUpButton() {
const isVisible = useSignal(false);
useEffect(() => {
const checkScroll = () => {
- isVisible.value = globalThis.scrollY > 300;
+ isVisible.value = window.scrollY > 300;
};
checkScroll();
- globalThis.addEventListener("scroll", checkScroll);
+ window.addEventListener("scroll", checkScroll);
return () => {
- globalThis.removeEventListener("scroll", checkScroll);
+ window.removeEventListener("scroll", checkScroll);
};
}, []);
const scrollToTop = () => {
- globalThis.scrollTo({
+ window.scrollTo({
top: 0,
behavior: "smooth",
});
@@ -39,7 +39,7 @@ export default function ScrollUpButton() {
}`}
aria-label="Scroll to top"
>
- 
-
+
+
+
+
+
+
+
+ + {post.data.title} +
+ +
+
+
+ {post.data.tags && post.data.tags.length > 0 && (
+
+
+
+ {/* Back button */}
+
+
+ {post.data.tags.map((tag: string) => (
+
+
+ )}
+
+
+
++ Posts +
+
+ {sortedPosts.map((post: CollectionEntry<"posts">) => (
+
+
+ {sortedPosts.length === 0 && (
+ No posts available yet. Check back soon!
+ )} +
+
++ Projects +
+
+ {projects.map((project) => (
+
+
+ {projects.length === 0 && (
+ No projects available yet. Check back soon!
+ )} +
+
+ Error loading resume data.
+{fetchError || "Please try refreshing the page."}
+
+
+ {data.basics.name}
+ +
+ {data.basics.email && (
+
+
+
+
+
+ {data.sections.summary && (
+
+
+ )}
+
+ {data.sections.profiles && data.sections.profiles.items && data.sections.profiles.items.length > 0 && (
+
+
+ {data.sections.summary.name || "Summary"}
+ +
+
+ )}
+
+ {data.sections.skills && data.sections.skills.items && data.sections.skills.items.length > 0 && (
+
+
+ {data.sections.profiles.name || "Profiles"}
+
+ {data.sections.profiles.items.map((profile) => {
+ let iconName = "mdi:web";
+ const networkLower = profile.network.toLowerCase();
+ if (networkLower === "github") iconName = "simple-icons:github";
+ else if (networkLower === "linkedin") iconName = "simple-icons:linkedin";
+ else if (networkLower === "gitea") iconName = "simple-icons:gitea";
+
+ return (
+
+
+
+
+ )}
+
+ {data.sections.experience && data.sections.experience.items && data.sections.experience.items.length > 0 && (
+
+
+ {data.sections.skills.name || "Skills"}
+
+ {data.sections.skills.items.map((skill) => (
+
+
+
+
+
+ ))}
+
+
+ )}
+
+ {data.sections.education && data.sections.education.items && data.sections.education.items.length > 0 && (
+
+
+ {data.sections.experience.name || "Experience"}
+
+ {data.sections.experience.items.map((exp, index) => (
+
+
+
+ ))}
+ + {exp.position} at {exp.company} ({exp.date}) + {exp.location && ( + {exp.location} + )} +
+
+ {exp.url && exp.url.href && (
+ {exp.url.href}
+ )}
+
+
+
+ -
+ {exp.summary.replace(/<\/?ul>|<\/?p>/g, '')
+ .split('
- ') + .filter(item => item.trim() !== '') + .map(item => ( +
- + {item.replace(' ', '')} + + )) + } +
+
+ )}
+
+ {data.sections.volunteer && data.sections.volunteer.items && data.sections.volunteer.items.length > 0 && (
+
+
+ {data.sections.education.name || "Education"}
+
+ {data.sections.education.items.map((edu, index) => (
+
+
+
+ ))}
+ {edu.institution}
+{edu.studyType} - {edu.area} ({edu.date})
+ {edu.summary && ( + + )} +
+
+ )}
+
+
+ {data.sections.volunteer.name || "Volunteering"}
+
+ {data.sections.volunteer.items.map((vol, index) => (
+
+
+
+ ))}
+ {vol.organization}
+{vol.position} ({vol.date})
+