Add projects section to home page

src/data/contributions.json

@@ -0,0 +1,8 @@
+[
+    {
+        "href": "https://iceshrimp.dev/iceshrimp/Iceshrimp.NET",
+        "name": "Iceshrimp.NET",
+        "description": "The .NET rewrite of the Iceshrimp server software for the Fediverse.",
+        "activity": "https://iceshrimp.dev/iceshrimp/Iceshrimp.NET/commits/branch/dev/search?q=author%3Apancakes&all="
+    }
+]

src/data/projects.json

@@ -0,0 +1,17 @@
+[
+    {
+        "href": "https://git.meow.company/pancakes/fedifeeds",
+        "name": "fedifeeds",
+        "description": "RSS feeds to Mastodon API. Supports multiple feeds per account, Markdown, and automatic threading (split into multiple notes to fit character limit)."
+    },
+    {
+        "href": "https://shrimp.meow.company/@iceshrimp_updates",
+        "name": "Iceshrimp Updates Bot",
+        "description": "This bot automatically checks for Iceshrimp-js and Iceshrimp.NET releases and posts them. Based on fedifeeds."
+    },
+    {
+        "href": "https://shrimp.meow.company/@scp_pages",
+        "name": "SCP Wiki Pages Bot",
+        "description": "Posts random pages from the SCP Foundation wiki on the Fediverse."
+    }
+]

src/routes/+page.svelte

@@ -1,7 +1,9 @@
 <script>
     import DateTime from "$lib/components/DateTime.svelte";
     import { getPages } from "$lib/pages";
+    import contributions from "../data/contributions.json"
     import links from "../data/links.json";
+    import projects from "../data/projects.json";
 
     const pages = getPages();
 
@@ -73,6 +75,47 @@
         </div>
     {/each}
 
+    <h2 id="projects">Projects</h2>
+
+    <p>Projects made by me</p>
+
+    <ul class="page-links">
+        {#each projects as project}
+            <li>
+                <h3>
+                    <a href={project.href} target="_blank">
+                        {project.name}
+                    </a>
+                </h3>
+                <p>{project.description}</p>
+            </li>
+        {/each}
+    </ul>
+
+    <h2 id="contributions">Contributions</h2>
+
+    <p>Projects not made by me that I have contributed to</p>
+
+    <ul class="page-links">
+        {#each contributions as contribution}
+            <li>
+                <h3>
+                    <a href={contribution.href} target="_blank">
+                        {contribution.name}
+                    </a>
+                </h3>
+                <p>{contribution.description}</p>
+                {#if contribution.activity}
+                    <p>
+                        <small>
+                            <a href={contribution.activity} target="_blank">View activity</a>
+                        </small>
+                    </p>
+                {/if}
+            </li>
+        {/each}
+    </ul>
+
     <h2 id="pages">Pages</h2>
 
     <p>Things I've written</p>
@@ -415,27 +458,27 @@
 </main>
 
 <style>
-    ol.page-links {
+    .page-links {
         padding-left: 0.5rem;
         list-style: none;
     }
 
-    ol.page-links li {
+    .page-links li {
         padding: 0.5rem;
 
         background-color: var(--background-2);
         border-left: 2px solid var(--accent);
     }
 
-    ol.page-links li {
+    .page-links li {
         margin-top: 1rem;
     }
 
-    ol.page-links li > *:first-child {
+    .page-links li > *:first-child {
         margin-top: 0;
     }
 
-    ol.page-links li > *:last-child {
+    .page-links li > *:last-child {
         margin-bottom: 0;
     }