Update projects

1 files changed, 57 insertions, 31 deletions

diff --git a/public/index.html b/public/index.html
index 61ec887..0277da4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -181,75 +181,76 @@
 
   <section>
     <h2>
-      Todo
-      <p class="subtitle">Organize todos.</p>
+      Calendar
+      <p class="subtitle">Organize events.</p>
     </h2>
 
-    <img src="projects/todo.webp" alt="Todo">
+    <img src="projects/calendar.webp" alt="Calendar">
 
     <div class="project-footer">
       <ul class="technos">
-        <li>Python
-        <li>Qt
+        <li>Rust
+        <li>Gtk 4
         <li>SQLite
       </ul>
-      <a href="https://git.guyonvarch.me/todo" target="_blank">code</a>
+      <a href="https://git.guyonvarch.me/calendar" target="_blank">code</a>
     </div>
   </section>
 
   <section>
     <h2>
-      Calendar
-      <p class="subtitle">Organize events.</p>
+      Flashcards
+      <p class="subtitle">Learn with space repetition.</p>
     </h2>
 
-    <img src="projects/calendar.webp" alt="Calendar">
+    <img src="projects/flashcards.webp" alt="Flashcards">
 
     <div class="project-footer">
       <ul class="technos">
         <li>Rust
-        <li>Gtk 4
         <li>SQLite
       </ul>
-      <a href="https://git.guyonvarch.me/calendar" target="_blank">code</a>
+      <a href="https://git.guyonvarch.me/flashcards" target="_blank">code</a>
     </div>
   </section>
 
   <section>
     <h2>
-      Flashcards
-      <p class="subtitle">Learn with space repetition.</p>
+      Books
+      <p class="subtitle">Present book library from metadata files, with faceted search.</p>
     </h2>
 
-    <img src="projects/flashcards.webp" alt="Flashcards">
+    <img src="projects/books.webp" alt="Books">
 
     <div class="project-footer">
       <ul class="technos">
-        <li>Rust
-        <li>SQLite
+        <li>TypeScript
+        <li>Rx
+        <li>Python
       </ul>
-      <a href="https://git.guyonvarch.me/flashcards" target="_blank">code</a>
+      <div>
+        <a href="https://git.guyonvarch.me/books" target="_blank">code</a>
+      </div>
     </div>
   </section>
 
   <section>
     <h2>
-      Cooking
-      <p class="subtitle">Show recipes with adjustable ingredient portions.</p>
+      Music
+      <p class="subtitle">Show structured chords and lyrics.</p>
     </h2>
 
-    <img src="projects/cooking.webp" alt="Cooking">
+    <img src="projects/music.webp" alt="Music">
 
     <div class="project-footer">
       <ul class="technos">
-        <li>Markdown
-        <li>HTML
-        <li>CSS
+        <li>Common Lisp
         <li>JavaScript
+        <li>CSS
       </ul>
       <div>
-        <a href="https://cooking.guyonvarch.me" target="_blank">website</a>,
-        <a href="https://git.guyonvarch.me/cooking" target="_blank">code</a>
+        <a href="https://music.guyonvarch.me" target="_blank">website</a>,
+        <a href="https://git.guyonvarch.me/music" target="_blank">code</a>
       </div>
     </div>
   </section>
@@ -276,19 +277,22 @@
 
   <section>
     <h2>
-      Reading
-      <p class="subtitle">Guide middle school students to find a book with faceted search.</p>
+      Cooking
+      <p class="subtitle">Show recipes with adjustable ingredient portions.</p>
     </h2>
 
-    <img src="projects/reading.webp" alt="Reading">
+    <img src="projects/cooking.webp" alt="Cooking">
 
     <div class="project-footer">
       <ul class="technos">
-        <li>Scala.js
+        <li>Markdown
+        <li>HTML
+        <li>CSS
+        <li>JavaScript
       </ul>
       <div>
-        <a href="https://reading.guyonvarch.me" target="_blank">app</a>,
-        <a href="https://git.guyonvarch.me/reading" target="_blank">code</a>
+        <a href="https://cooking.guyonvarch.me" target="_blank">website</a>,
+        <a href="https://git.guyonvarch.me/cooking" target="_blank">code</a>
       </div>
     </div>
   </section>
@@ -352,6 +356,28 @@
     </div>
   </section>
 
+
+  <section>
+    <h2>
+      Files
+      <p class="subtitle">Share files and automatically delete after expiration.</p>
+    </h2>
+
+    <img src="projects/files.webp" alt="Files">
+
+    <div class="project-footer">
+      <ul class="technos">
+        <li>Rust
+        <li>SQLite
+        <li>JavaScript
+        <li>CSS
+      </ul>
+      <div>
+        <a href="http://tabata.guyonvarch.me" target="_blank">app</a>,
+        <a href="https://git.guyonvarch.me/tabata" target="_blank">code</a>
+      </div>
+    </div>
+  </section>
   <h1>Contact</h1>
 
   <section class="contact">