Update projects

11 files changed, 62 insertions, 31 deletions

diff --git a/README.md b/README.md
index 98e3057..be51d48 100644
--- a/README.md
+++ b/README.md
@@ -8,3 +8,8 @@ Live [here](https://guyonvarch.me).
 cd public
 python -m http.server
 ```
+
+## Captures
+
+- Take screenshots with Chrome developer tool for web views, with 1280×800 resolution.
+- Convert screenchots to WEBP with imagemagick: `magick input.png output.webp`.
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">
diff --git a/public/projects/books.webp b/public/projects/books.webp
new file mode 100644
index 0000000..d0b00a5
--- /dev/null
+++ b/public/projects/books.webp
diff --git a/public/projects/catchvoid.webp b/public/projects/catchvoid.webp
index 20fd601..5a55ff8 100644
--- a/public/projects/catchvoid.webp
+++ b/public/projects/catchvoid.webp
diff --git a/public/projects/chords.webp b/public/projects/chords.webp
index 46f2f06..184b769 100644
--- a/public/projects/chords.webp
+++ b/public/projects/chords.webp
diff --git a/public/projects/cooking.webp b/public/projects/cooking.webp
index 77c0e7f..4e9d7c1 100644
--- a/public/projects/cooking.webp
+++ b/public/projects/cooking.webp
diff --git a/public/projects/files.webp b/public/projects/files.webp
new file mode 100644
index 0000000..ddc395e
--- /dev/null
+++ b/public/projects/files.webp
diff --git a/public/projects/flashcards.webp b/public/projects/flashcards.webp
index 44645ae..eee949e 100644
--- a/public/projects/flashcards.webp
+++ b/public/projects/flashcards.webp
diff --git a/public/projects/map.webp b/public/projects/map.webp
index 9521964..b5109fe 100644
--- a/public/projects/map.webp
+++ b/public/projects/map.webp
diff --git a/public/projects/music.webp b/public/projects/music.webp
new file mode 100644
index 0000000..b114820
--- /dev/null
+++ b/public/projects/music.webp
diff --git a/public/projects/tabata.webp b/public/projects/tabata.webp
index 72d09f7..463d8ed 100644
--- a/public/projects/tabata.webp
+++ b/public/projects/tabata.webp