- {/* Header */}
-
- );
-}
diff --git a/islands/ScrollUpButton.tsx b/islands/ScrollUpButton.tsx
deleted file mode 100644
index 35a4098..0000000
--- a/islands/ScrollUpButton.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { useSignal } from "@preact/signals";
-import { useEffect } from "preact/hooks";
-import { LuArrowUp } from "@preact-icons/lu";
-
-export default function ScrollUpButton() {
- const isVisible = useSignal(false);
-
- useEffect(() => {
- const checkScroll = () => {
- isVisible.value = globalThis.scrollY > 300;
- };
-
- checkScroll();
-
- globalThis.addEventListener("scroll", checkScroll);
-
- return () => {
- globalThis.removeEventListener("scroll", checkScroll);
- };
- }, []);
-
- const scrollToTop = () => {
- globalThis.scrollTo({
- top: 0,
- behavior: "smooth",
- });
- };
-
- return (
-
- );
-}
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 88%
rename from islands/NavigationBar.tsx
rename to src/components/NavigationBar.tsx
index 9537591..7c69dc2 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, MessageCircle } 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,7 +86,7 @@ export default function NavigationBar({ currentPath }: NavigationBarProps) {
class={currentPath.startsWith("/projects") ? "menu-active" : ""}
>
-
@@ -103,7 +97,7 @@ export default function NavigationBar({ currentPath }: NavigationBarProps) {
class={currentPath.startsWith("/chat") ? "menu-active" : ""}
>
-
diff --git a/src/components/SocialLinks.astro b/src/components/SocialLinks.astro
new file mode 100644
index 0000000..61e2742
--- /dev/null
+++ b/src/components/SocialLinks.astro
@@ -0,0 +1,41 @@
+---
+import { Icon } from 'astro-icon/components';
+---
+
+
diff --git a/src/components/TechLinks.astro b/src/components/TechLinks.astro
new file mode 100644
index 0000000..82d68db
--- /dev/null
+++ b/src/components/TechLinks.astro
@@ -0,0 +1,74 @@
+---
+import { Icon } from 'astro-icon/components';
+---
+
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
new file mode 100644
index 0000000..b4e5483
--- /dev/null
+++ b/src/layouts/Layout.astro
@@ -0,0 +1,26 @@
+---
+import NavigationBar from "../components/NavigationBar";
+const currentPath = Astro.url.pathname;
+---
+
+
+
+
+
+
+
+
+ 
- I am a full-stack web developer and researcher with a background maintaining and developing for large-scale enterprise software systems. I am in the process of completing my Master of Science in Computer Science under the supervision of Dr. Nathaniel Osgood at the University of Saskatchewan. I have completed my course work and am now moving into writing my thesis which can be done asynchronously.
", - "visible": true, - "separateLinks": true - }, - "profiles": { - "id": "profiles", - "name": "Profiles", - "items": [ - { - "id": "zuto1s9atwo6tdx9qfa9ggug", - "url": { - "href": "https://github.com/atridadl", - "label": "" - }, - "icon": "github", - "network": "GitHub", - "visible": true, - "username": "atridadl" - }, - { - "id": "satbehrw5da07dmi8y8j70kl", - "url": { - "href": "https://www.linkedin.com/in/atridadl/", - "label": "" - }, - "icon": "linkedin", - "network": "linkedin", - "visible": true, - "username": "atridadl" - }, - { - "id": "yorfn8ku98u5o0jzvumo9q2v", - "url": { - "href": "https://git.atri.dad/atridad", - "label": "" - }, - "icon": "forgejo", - "network": "Forgejo", - "visible": true, - "username": "atridad" - } - ], - "columns": 1, - "visible": true, - "separateLinks": true - }, - "projects": { - "id": "projects", - "name": "Projects", - "items": [], - "columns": 1, - "visible": true, - "separateLinks": true - }, - "education": { - "id": "education", - "name": "Education", - "items": [ - { - "id": "xtkfnu2zq3myh09pumehphx9", - "url": { - "href": "", - "label": "" - }, - "area": "Computer Science", - "date": "2024 β Present", - "score": "", - "summary": "Supervisor: Dr. Nathaniel Osgood
CMPT 838: Computer Security
CMPT 815: Computer Systems and Performance Evaluation
Builds mobile and web applications for small-medium sized businesses
Provides consulting on as application development, system architecture, DevOps, etc
Hosting websites for small-medium sized businesses
Developing mobile and web applications
Coordinating with other grant researchers to deliver a minimum viable product
Gathering requirements from stakeholders to craft a product timeline
Acting as a technical lead and supervisor to a developer intern
Developed and maintained internal enterprise-level business applications leveraging Amazon Web Services (AWS)
Used React and Create React App (CRA) for standalone applications and micro-front-ends
Developed an in-house payment gateway for all AMA services that integrates with Stripe
Provided tier 3 support support for internal service
Participated in a bi-monthly 24/7 on-call rotation
Mentored students in the organizationβs Developer in Training program
Front-end development of web applications using Vue.js
Leveraged Amazon Web Services to adopt a serverless architecture
Maintained a secure exam application developed in-house
Monitored and maintained an exam scheduling system hosted on-premises
Provided support for our Moodle installation to students, faculty, and staff
Front-end development of web applications using Vue.js