diff --git a/sketches/imgs/hexagonal-curves.jpg b/sketches/imgs/hexagonal-curves.jpg
new file mode 100644
index 00000000..21a0243e
Binary files /dev/null and b/sketches/imgs/hexagonal-curves.jpg differ
diff --git a/sketches/imgs/lenia-particles.jpg b/sketches/imgs/lenia-particles.jpg
new file mode 100644
index 00000000..2ff71d5e
Binary files /dev/null and b/sketches/imgs/lenia-particles.jpg differ
diff --git a/sketches/imgs/my-pond.jpg b/sketches/imgs/my-pond.jpg
new file mode 100644
index 00000000..82a6ad2b
Binary files /dev/null and b/sketches/imgs/my-pond.jpg differ
diff --git a/sketches/index.html b/sketches/index.html
index 6f0e21ea..c16dcd86 100644
--- a/sketches/index.html
+++ b/sketches/index.html
@@ -103,84 +103,81 @@ <h3>Introduction</h3>
             </p>
 
             <p>
-              Here, you can explore a selection of my p5.js sketches created since 2018. Click on any image to view it!
+              Many of my sketches are showcased on the 
+              <a href="https://openprocessing.org/user/91533" target="_blank">Open Processing</a> website. 
+              On this site, you'll find a curated selection of my favorites. 
+              Click on any image to explore the full sketch!"
             </p>
 
-            <hr>
 
             <div class="box alt">
               <div class="row gtr-50 gtr-uniform">
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/ZRjZKeqb7"
-                      target="_blank"><img src="imgs/math-w.jpg" alt></a></span></div>
+                      target="_blank"><img src="imgs/math-w.jpg" alt="Women in mathematics" title="Women in mathematics"></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="mystery-curves-table" target="_blank"><img
-                        src="imgs/mystery-curves.jpg" alt></a></span></div>
+                        src="imgs/mystery-curves.jpg" alt="Mystery curves" title="Mystery curves"></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/BDXUV_CmF"
-                      target="_blank"><img src="imgs/noise-letters.jpg" alt></a></span></div>
+                      target="_blank"><img src="imgs/noise-letters.jpg" alt="Noise field with letters" title="Noise field with letters"></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/Vm2b8TPyG"
-                      target="_blank"><img src="imgs/recama.jpg" alt></a></span></div>
+                      target="_blank"><img src="imgs/recama.jpg" alt="Recama sequence visualization" title="Recama sequence visualization"></a></span></div>
 
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/F8uXM3MAY"
-                      target="_blank"><img src="imgs/tantrix.jpg" alt style="border: 1px solid black;"></a></span></div>
+                      target="_blank"><img src="imgs/tantrix.jpg" alt="Tantrix music" title="Tantrix music" style="border: 1px solid black;"></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/vqhwg6lex"
-                      target="_blank"><img src="imgs/sunf-sphere.jpg" alt></a></span></div>
+                      target="_blank"><img src="imgs/sunf-sphere.jpg" alt="Points distributed on sphere" title="Points distributed on sphere"></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/00sGC2VyW"
-                      target="_blank"><img src="imgs/rep-att.jpg" alt></a></span></div>
+                      target="_blank"><img src="imgs/rep-att.jpg" alt="Repeller - Attractor" title="Repeller - Attractor"></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/bhknzK_j_"
-                      target="_blank"><img src="imgs/cflower.jpg" alt></a></span></div>
+                      target="_blank"><img src="imgs/cflower.jpg" alt="Parametric flower" title="Parametric flower"></a></span></div>
 
                 <div class="col-3"><span class="image fit"><a href="collatz" target="_blank"><img src="imgs/collatz.jpg"
-                        alt></a></span></div>
+                        alt="Collatz conjecture visualization" title="Collatz conjecture visualization"></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/e1lijazsL"
-                      target="_blank"><img src="imgs/benham-disk.jpg" alt=""
+                      target="_blank"><img src="imgs/benham-disk.jpg" alt="Benham disk" title="Benham disk"
                         style="border: 1px solid black;" /></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/wnJNYntbl"
-                      target="_blank"><img src="imgs/throcoid.jpg" alt="" /></a></span></div>
+                      target="_blank"><img src="imgs/throcoid.jpg" alt="Hypo/Epi-trochoid" title="Hypo/Epi-trochoid"/></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/zDklnrWxv"
-                      target="_blank"><img src="imgs/pine-tree.jpg" alt=""
+                      target="_blank"><img src="imgs/pine-tree.jpg" alt="Pine tree" title="Pine tree"
                         style="border: 1px solid black;" /></a></span></div>
 
-
                 <div class="col-3"><span class="image fit"><a href="matrixrain/" target="_blank"><img
-                        src="imgs/matrix.jpg" alt="" /></a></span></div>
-
+                        src="imgs/matrix.jpg" alt="Matrix" title="Matrix"/></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="moebius" target="_blank"><img src="imgs/moebius.jpg"
-                        alt="" /></a></span></div>
-
+                        alt="Moebius strip"  title="Moebius strip"/></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="mystery-curves-sknow/" target="_blank"><img
-                        src="imgs/mystery-sknow.jpg" alt="" style="border: 1px solid black;" /></a></span></div>
-
-
+                        src="imgs/mystery-sknow.jpg" alt="Mystery curves sknow" title="Mystery curves sknow" style="border: 1px solid black;" /></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="../math2400/sketches/fft/" target="_blank"><img
-                        src="imgs/fft.jpg" alt="" /></a></span></div>
+                        src="imgs/fft.jpg" alt="FFT music visualization" title="FFT music visualization"/></a></span></div>
 
                 <div class="col-3"><span class="image fit"><a href="flow-field-noise/" target="_blank"><img
-                        src="imgs/noise-filed-col.jpg" alt="" /></a></span></div>
+                        src="imgs/noise-filed-col.jpg" alt="Vector field noise" title="Vector field noise"/></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="cubes-drop/" target="_blank"><img
-                        src="imgs/cubes-drop.jpg" alt="" /></a></span></div>
-
-
-
+                        src="imgs/cubes-drop.jpg" alt="Cubes forming a water drop" title="Cubes forming a water drop"/></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="tesseract/" target="_blank"><img
-                        src="imgs/tesseract.jpg" alt="" /></a></span></div>
+                        src="imgs/tesseract.jpg" alt="Teseeract" title="Tesseract"/></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="infinite-monkey/" target="_blank"><img
-                        src="imgs/monkey.jpg" alt="" /></a></span></div>
+                        src="imgs/monkey.jpg" alt="Infinite monkey typing the complete works of Shakespeare" title="Infinite monkey typing the complete works of Shakespeare"/></a></span></div>
 
 
 
                 <div class="col-3"><span class="image fit"><a href="zeros-ones-matrix/" target="_blank"><img
-                        src="imgs/binary-matrix.jpg" alt="" /></a></span></div>
-
+                        src="imgs/binary-matrix.jpg" alt="Matrix in binary" title="Matrix in binary" /></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="monkey-pi-digits/" target="_blank"><img
-                        src="imgs/monkey-pi.jpg" alt="" /></a></span></div>
-
-
+                        src="imgs/monkey-pi.jpg" alt="Infinite monkey typing all digits of 1 million digitis of π" title="Infinite monkey typing all digits of 1 million digitis of π" /></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="apollonian-interactive/" target="_blank"><img
-                        src="imgs/apollonian-pi.jpg" alt="" style="border: 1px solid black;" /></a></span></div>
+                        src="imgs/apollonian-pi.jpg" alt="Apollonian gasket" title="Apollonian gasket" style="border: 1px solid black;" /></a></span></div>
                 <div class="col-3"><span class="image fit"><a href="timetravelling/" target="_blank"><img
-                        src="imgs/timetravelling.jpg" alt="" /></a></span></div>
+                        src="imgs/timetravelling.jpg" alt="Time travelling" title="Time travelling"/></a></span></div>
 
                 <div class="col-3"><span class="image fit"><a href="torus-moire/" target="_blank"><img
-                        src="imgs/torus-moire.jpg" alt="" /></a></span></div>
+                        src="imgs/torus-moire.jpg" alt="Moire patter - Torus" title="Moire patter - Torus" /></a></span></div>
+                <div class="col-3"><span class="image fit"><a href="lenia-particle/" target="_blank"><img
+                        src="imgs/lenia-particles.jpg" alt="Lenia partices" title="Lenia particles" /></a></span></div>
+                <div class="col-3"><span class="image fit"><a href="my-pond/" target="_blank"><img
+                        src="imgs/my-pond.jpg" alt="My Pond" title="My Pond" /></a></span></div>
+                <div class="col-3"><span class="image fit"><a href="https://openprocessing.org/sketch/2293626" target="_blank"><img
+                        src="imgs/hexagonal-curves.jpg" alt="Hexagonal curves with Perlin noise" title="Hexagonal curves with Perlin noise" /></a></span></div>
               </div>
             </div>
 
diff --git a/sketches/lenia-particle/index.html b/sketches/lenia-particle/index.html
index 791ebd16..379e0f1a 100644
--- a/sketches/lenia-particle/index.html
+++ b/sketches/lenia-particle/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Lenia Particle - B/W</title>
+    <title>Lenia Particle</title>
 
     <link rel="stylesheet" type="text/css" href="style.css">