feat: update projects

src/routes/projects/index.svelte

@@ -13,9 +13,9 @@
     </PageHeader>
     <main class="container mx-auto main">
         <p>
-            I build applications in my spare time, but currently only some are
+            This is a list of projects that I maintain and publicly available on my GitHub.
-            published / live right now
         </p>
+        <h2>Active Projects</h2>
         <div class="card-list">
             <ProjectItem
                 name="nanao.moe"
@@ -35,7 +35,21 @@
             <ProjectItem
                 name="Altessimo"
                 codename="altessimo"
-                description="Web database of Idolmaster composers"
+                description="Work-in-progress database of composers and lyricists of THE iDOLM@STER"
+            />
+            <ProjectItem
+                name="Shioriko"
+                codename="shioriko"
+                description="Booru-like imageboard software written in Go and Svelte"
+            />
+        </div>
+        <h2>Inactive Projects</h2>
+        
+        <div class="card-list">
+            <ProjectItem
+                name="nanao.moe (legacy)"
+                codename="miracle"
+                description="Former codebase of nanao.moe"
             />
         </div>
     </main>

src/routes/projects/rinze.svelte

@@ -30,7 +30,7 @@
         <h2>Technologies</h2>
         <ul>
             <li>Svelte</li>
-            <li>Sapper</li>
+            <li>SvelteKit</li>
             <li>SASS</li>
         </ul>
         <h2>Screenshots</h2>

src/routes/projects/shioriko.svelte

@@ -0,0 +1,35 @@
+<script>
+	import PageHeader from '$lib/components/PageHeader.svelte';
+	import GalleryImage from '$lib/components/GalleryImage.svelte';
+</script>
+
+<svelte:head>
+	<title>Damillora: nanao.moe</title>
+</svelte:head>
+
+<div class="page">
+	<PageHeader>
+		<h1 class="page-header__heading">Shioriko</h1>
+		<p class="page-header__text">
+			<a class="post-header__social" href="https://github.com/Damillora/Shioriko">source code</a>
+		</p>
+	</PageHeader>
+	<main class="container main">
+		<h2>Description</h2>
+		<p>
+			Shioriko is a booru-like image board software written in Go and Svelte. Features currently
+			includes automatic tag resolution, searching by tag, infinite-scrolling post browsing, and
+			similarity search based on perceptual hashing.
+		</p>
+		<h2>Technologies</h2>
+		<ul>
+			<li>Svelte</li>
+			<li>Bulma</li>
+			<li>Go</li>
+		</ul>
+		<h2>Screenshots</h2>
+		<div class="gallery">
+			<GalleryImage src="/images/projects/shioriko/1.png" />
+		</div>
+	</main>
+</div>