diff --git a/src/components/Projects.astro b/src/components/Projects.astro
new file mode 100644
index 0000000..207c529
--- /dev/null
+++ b/src/components/Projects.astro
@@ -0,0 +1,76 @@
+---
+interface Props {
+ projects: {
+ name: string,
+ description: string,
+ date: Date,
+ dateVisual?: string,
+ links: string[]
+ }[]
+}
+
+const { projects } = Astro.props;
+
+let lastYear = 0;
+---
+
+
+ {projects.sort((a, b) => b.date.getTime() - a.date.getTime()).map((project) => {
+ const isNewYear = project.date.getFullYear() !== lastYear;
+ lastYear = project.date.getFullYear();
+
+ return <>
+ {isNewYear &&
{project.date.getFullYear()}
}
+
+
+ {project.name}
+ {project.dateVisual || project.date.toLocaleString("default", { month: "long" })}
+
+
+
{project.description}
+
+ {project.links.map((link) => {
+ return
{link};
+ })}
+
+
+
+ >;
+ })}
+
+
\ No newline at end of file
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index c9eb24f..066b2f2 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -2,11 +2,26 @@
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
+/* funny import/export conflict if we don't do this :( */
+import ProjectsList from "../components/Projects.astro";
---
unfortunately, at the moment, i don't have too much interesting things for you to see. eventually when i get my shit together, you'll see more and more things appear on here
as always, my socials and contacts are on the left or top side of the screen for you to access if you wanna poke around in my git repositories
+
\ No newline at end of file
diff --git a/src/styles/main.css b/src/styles/main.css
index 2ad0fcc..19565d0 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -77,4 +77,14 @@ a {
}
a:hover {
color: #005ae0;
+}
+
+summary::before {
+ font-family: monospace;
+ content: "\25ba";
+ margin-right: 0.5em;
+ color: #888888;
+}
+details[open] summary::before {
+ transform: rotate(90deg);
}
\ No newline at end of file