From 2332a70d0b503fc2f7b3dc3c5911c97244df2fe7 Mon Sep 17 00:00:00 2001
From: Juan Carlos Ponce Campuzano <37394697+jcponce@users.noreply.github.com>
Date: Tue, 9 Apr 2024 13:41:29 +1000
Subject: [PATCH] Update index.html

---
 fourier-epicycles/index.html | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/fourier-epicycles/index.html b/fourier-epicycles/index.html
index 52f317aa..4b7883a6 100755
--- a/fourier-epicycles/index.html
+++ b/fourier-epicycles/index.html
@@ -238,20 +238,18 @@ <h3>More applets</h3>
 
       <div class="box alt">
         <div class="row gtr-50 gtr-uniform">
-          <div class="col-4"><span class="image fit"><a href="sketches/coding-train/" target="_blank"><img src="images/epicy-1.jpg" alt="Coding train"></a></span></div>
-          <div class="col-4"><span class="image fit"><a href="sketches/cat/" target="_blank"><img src="images/epicy-5.jpg" alt="Cat"></a></span></div>
-          <div class="col-4"><span class="image fit"><a href="sketches/homer/" target="_blank"><img src="images/epicy-2.jpg" alt="Homer Simpson"></a></span></div>
+          <div class="col-3"><span class="image fit"><a href="sketches/coding-train/" target="_blank"><img src="images/epicy-1.jpg" alt="Coding train" style="border: 1px solid black;"></a></span></div>
+          <div class="col-3"><span class="image fit"><a href="sketches/cat/" target="_blank"><img src="images/epicy-5.jpg" alt="Cat" style="border: 1px solid black;"></a></span></div>
+          <div class="col-3"><span class="image fit"><a href="sketches/homer/" target="_blank"><img src="images/epicy-2.jpg" alt="Homer Simpson"></a></span></div>
+          <div class="col-3"><span class="image fit"><a href="sketches/pi/" target="_blank"><img src="images/epicy-7.jpg" alt="Pi" style="border: 1px solid black;"></a></span></div>
           
-
-          <div class="col-4"><span class="image fit"><a href="sketches/pi/" target="_blank"><img src="images/epicy-7.jpg" alt="Pi"></a></span></div>
-          <div class="col-4"><span class="image fit"><a href="sketches/noether-cat/" target="_blank"><img src="images/epicy-3.jpg" alt="Mike's cat"></a></span></div>
-          <div class="col-4"><span class="image fit"><a href="https://editor.p5js.org/jcponce/full/JvJNxAiku" target="_blank"><img src="images/epicy-4.jpg" alt="Phoenix"></a></span></div>
-
-          
-          <div class="col-4"><span class="image fit"><a href="https://editor.p5js.org/jcponce/full/cCLBL0itZ" target="_blank"><img src="images/epicy-6.jpg" alt="Fraktal kitty"></a></span></div>
-          <div class="col-4"><span class="image fit"><a href="https://editor.p5js.org/jcponce/full/2SE-RZ9H7" target="_blank"><img src="images/epicy-8.jpg" alt="MAA logo"></a></span></div>
-          <div class="col-4"><span class="image fit"><a href="https://editor.p5js.org/jcponce/full/xl1cKHjzt" target="_blank"><img src="images/epicy-9.jpg" alt="GeoGebra logo"></a></span></div>
+          <div class="col-3"><span class="image fit"><a href="sketches/noether-cat/" target="_blank"><img src="images/epicy-3.jpg" alt="Mike's cat" style="border: 1px solid black;"></a></span></div>
+          <div class="col-3"><span class="image fit"><a href="https://editor.p5js.org/jcponce/full/JvJNxAiku" target="_blank"><img src="images/epicy-4.jpg" alt="Phoenix" style="border: 1px solid black;"></a></span></div>
+          <div class="col-3"><span class="image fit"><a href="https://editor.p5js.org/jcponce/full/cCLBL0itZ" target="_blank"><img src="images/epicy-6.jpg" alt="Fraktal kitty" style="border: 1px solid black;"></a></span></div>
+          <div class="col-3"><span class="image fit"><a href="https://editor.p5js.org/jcponce/full/2SE-RZ9H7" target="_blank"><img src="images/epicy-8.jpg" alt="MAA logo" style="border: 1px solid black;"></a></span></div>
           
+          <div class="col-3"><span class="image fit"><a href="https://editor.p5js.org/jcponce/full/xl1cKHjzt" target="_blank"><img src="images/epicy-9.jpg" alt="GeoGebra logo" style="border: 1px solid black;"></a></span></div>
+          <div class="col-3"><span class="image fit"><a href="sketches/processing-20th/" target="_blank"><img src="images/epicy-10.jpg" alt="MAA logo" style="border: 1px solid black;"></a></span></div>
           
         </div>
       </div>