From b1355a91f5e18113d8046726227a2f8c9a5c999d Mon Sep 17 00:00:00 2001
From: cailean <caileannn@gmail.com>
Date: Sun, 14 Dec 2025 17:11:39 +0000
Subject: [PATCH] updated urls, and aligned articles center

---
 public/about.html                        |  16 +-
 public/articles/(o)machine.html          |  16 +-
 public/articles/ai-x-body.html           |  16 +-
 public/articles/beauty-and-the-beep.html |  16 +-
 public/articles/data.html                |  16 +-
 public/articles/dwelling.html            |  16 +-
 public/articles/electronic-image.html    |  16 +-
 public/articles/emancipating-xr.html     |  16 +-
 public/articles/latent-mirror.html       |  16 +-
 public/articles/moloch.html              |  16 +-
 public/articles/stubborn-vectors.html    |  16 +-
 public/articles/undefined.html           |  16 +-
 public/css/styles.css                    |  24 ++
 public/cv.html                           |  12 +-
 public/gallery.html                      | 364 +++++++++++------------
 public/list.html                         |  12 +-
 templates/_base.html                     |  12 +-
 templates/about.html                     |   2 +-
 templates/article.html                   |   2 +-
 19 files changed, 322 insertions(+), 298 deletions(-)

diff --git a/public/about.html b/public/about.html
index 28da544..fd38e6f 100644
--- a/public/about.html
+++ b/public/about.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-left">
 	<div id="project-container">
 		<div id="project-body">
 			<p>Cailean Finn (b. 1997) is a media artist, creative technologist, and researcher from Waterford, Ireland. His practice investigates the idiosyncratic nature of human–machine relationships, drawing from computational histories, digital cultures, and engaging with technologies and practices such as creative coding, artificial intelligence/life, game/web design, and electronics.</p>
@@ -56,7 +56,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Fri Nov 14 13:06:33 2025</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 	</div>
 </div>
diff --git a/public/articles/(o)machine.html b/public/articles/(o)machine.html
index 2f1870d..4502e5a 100644
--- a/public/articles/(o)machine.html
+++ b/public/articles/(o)machine.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">(O)MACHINE, 2022</div>
 		<div id="project-tags">
@@ -87,7 +87,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Mon Nov  4 15:16:04 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/ai-x-body.html b/public/articles/ai-x-body.html
index a327468..df98ba0 100644
--- a/public/articles/ai-x-body.html
+++ b/public/articles/ai-x-body.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">AI x Body, 2022</div>
 		<div id="project-tags">
@@ -58,7 +58,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Mon Nov  4 15:17:45 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/beauty-and-the-beep.html b/public/articles/beauty-and-the-beep.html
index 9155707..f1ca323 100644
--- a/public/articles/beauty-and-the-beep.html
+++ b/public/articles/beauty-and-the-beep.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">Beauty and The Beep, 2024</div>
 		<div id="project-tags">
@@ -132,7 +132,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Mon Nov  4 15:17:50 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/data.html b/public/articles/data.html
index 2087b67..305cdae 100644
--- a/public/articles/data.html
+++ b/public/articles/data.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">The BIG D.A.T.A Interview, 2023</div>
 		<div id="project-tags">
@@ -96,7 +96,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Mon Nov  4 15:17:55 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/dwelling.html b/public/articles/dwelling.html
index da661a5..97766d1 100644
--- a/public/articles/dwelling.html
+++ b/public/articles/dwelling.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">Dwelling, 2023</div>
 		<div id="project-tags">
@@ -183,7 +183,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Mon Nov  4 15:18:00 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/electronic-image.html b/public/articles/electronic-image.html
index 43669ec..f3b4ac9 100644
--- a/public/articles/electronic-image.html
+++ b/public/articles/electronic-image.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">The Electronic Image, An Object of Time and Energy, 2021</div>
 		<div id="project-tags">
@@ -101,7 +101,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Mon Nov  4 15:18:07 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/emancipating-xr.html b/public/articles/emancipating-xr.html
index 45e26c2..d7e82e2 100644
--- a/public/articles/emancipating-xr.html
+++ b/public/articles/emancipating-xr.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">Emancipating XR, 2024</div>
 		<div id="project-tags">
@@ -85,7 +85,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Fri Nov 28 16:12:14 2025</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/latent-mirror.html b/public/articles/latent-mirror.html
index 66eab17..0b96ceb 100644
--- a/public/articles/latent-mirror.html
+++ b/public/articles/latent-mirror.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">Latent Mirror, 2022</div>
 		<div id="project-tags">
@@ -97,7 +97,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Mon Nov  4 15:19:18 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/moloch.html b/public/articles/moloch.html
index 2d13d56..eba18a7 100644
--- a/public/articles/moloch.html
+++ b/public/articles/moloch.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">Moloch, 2024</div>
 		<div id="project-tags">
@@ -93,7 +93,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Thu Jul  4 15:38:22 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/stubborn-vectors.html b/public/articles/stubborn-vectors.html
index 44b54cc..c5f99aa 100644
--- a/public/articles/stubborn-vectors.html
+++ b/public/articles/stubborn-vectors.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">Stubborn Vectors, 2024</div>
 		<div id="project-tags">
@@ -84,7 +84,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Tue Nov  5 09:55:44 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/articles/undefined.html b/public/articles/undefined.html
index 5f6d2da..4042973 100644
--- a/public/articles/undefined.html
+++ b/public/articles/undefined.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">Undefined Panorama, 2022</div>
 		<div id="project-tags">
@@ -107,7 +107,7 @@
 		
 	<div id="modified-time">
 		<h4>Last Modified: </h4>
-		<p> Mon Nov  4 15:18:31 2024</p>
+		<p> Sun Dec 14 16:30:49 2025</p>
 	</div>
 
 	</div>
diff --git a/public/css/styles.css b/public/css/styles.css
index 976e216..361be00 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -166,6 +166,19 @@ strong {
 	color: black;
 	cursor: crosshair;
   }
+
+  .nav-link {
+	font-style: italic;
+	cursor: pointer;
+	display: flex;
+	flex-direction: row;
+  }
+
+  .nav-link a {
+	text-decoration: underline;
+	color: black;
+	cursor: crosshair;
+  }
   
   .nav-emoji .emoji-flip {
 	animation: flip 1s steps(1, end) infinite;
@@ -184,6 +197,14 @@ strong {
     flex-direction: column;
   }
 
+  .container-left {
+	align-items:flex-start;
+  }
+
+  .container-center {
+	align-items: center;
+  }
+
   #project-container {
 	color: black;
 	flex-grow: 1;
@@ -354,6 +375,9 @@ strong {
 	max-width: 100%;
     height: auto;
     max-height: 600px;
+	display: block;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   #project-cover img{
diff --git a/public/cv.html b/public/cv.html
index 4d52494..5039e2d 100644
--- a/public/cv.html
+++ b/public/cv.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,9 +25,9 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
 <div id="container">
diff --git a/public/gallery.html b/public/gallery.html
index e682497..4bcac78 100644
--- a/public/gallery.html
+++ b/public/gallery.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,232 +25,232 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
 <div id="project-container-gallery">
 	<div id="image-gallery">
 		<div class="image-container"></div>
 		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/depth_sensor.gif" loading="lazy">
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-getup.gif" loading="lazy">
 		
-			<img class="gallery-image" src="/images/moloch.png" loading="lazy">
+			<img class="gallery-image" src="/images/emancipating-xr/EXR_World.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/stubborn-vectors/install-1.webp" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/install-2.webp" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_error.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/controller-emote.webp" loading="lazy">
-		
-			<img class="gallery-image" src="/images/dwelling/d_dwelling_10.JPEG" loading="lazy">
-		
-			<img class="gallery-image" src="/images/data/d_data_7.png" loading="lazy">
+			<img class="gallery-image" src="/images/stubborn-vectors/controller.webp" loading="lazy">
 		
 			<img class="gallery-image" src="/images/dwelling/dwelling-dancer.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-getup.gif" loading="lazy">
+			<img class="gallery-image" src="/images/sv-image.webp" loading="lazy">
 		
-			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_6.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/data.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_7.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/dwelling.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_9.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/item-text.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/dwelling/dwelling-circle.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/grafitti.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/cailean-finn-beta-wip-1.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/treadmill_flip.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/favicon/favicon-cf-32x32.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_3.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/beep_multiple_agents.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/item-image.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/graf.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/close-up-exr.png" loading="lazy">
+			<img class="gallery-image" src="/images/stubborn-vectors/Screenshot from 2024-10-23 12-07-57.png" loading="lazy">
 		
 			<img class="gallery-image" src="/images/data/d_tsne-data.gif" loading="lazy">
 		
+			<img class="gallery-image" src="/images/latent-mirror.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/graf-dither.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/moloch/moloch_4.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/favicon/favicon-cf-32x32.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/sorted-objs.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/dwelling/dwelling-31.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/cailean-finn-beta-wip-3.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/dwelling/d_dwelling_6.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beep.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/moloch/moloch_1.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/demo.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/website/lakitu.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_8.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/latent-mirror/d_latent_01.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/depth_sensor.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_7.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/install-1.webp" loading="lazy">
+		
+			<img class="gallery-image" src="/images/dwelling/d_dwelling_9.JPEG" loading="lazy">
+		
+			<img class="gallery-image" src="/images/dwelling/dwelling-32.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/data/d_data_2.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_6.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/cailean-finn-beta-wip-1.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/moloch.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/controller-stand.webp" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/blender-ortho.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/dm_walker.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/dwelling/dwelling-circle.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/website/checker.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/latent-mirror/d_latent_03.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/controller-emote.webp" loading="lazy">
+		
+			<img class="gallery-image" src="/images/data/d_data_7.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/favicon/favicon-cf-192x192.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_3.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_9.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/item-text.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/stairs.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/data.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/hello-world-ig.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_3.png" loading="lazy">
+		
 			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/dm_scrambler.gif" loading="lazy">
 		
-			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_7.png" loading="lazy">
+			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_5.jpg" loading="lazy">
 		
-			<img class="gallery-image" src="/images/exr-title.gif" loading="lazy">
+			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_4.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/pcb.webp" loading="lazy">
+		
+			<img class="gallery-image" src="/images/data/d_data_1.webp" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/blender-map.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/website/skybox.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/dwelling.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_8.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/cailean-finn-beta-wip-4.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/electronic-image.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/exr-title.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/cailean-finn-beta-wip-2.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/data/d_data_5.png" loading="lazy">
 		
 			<img class="gallery-image" src="/images/aixbody.webp" loading="lazy">
 		
 			<img class="gallery-image" src="/images/stubborn-vectors/some-text.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/emancipating-xr/exr-title.gif" loading="lazy">
+			<img class="gallery-image" src="/images/dwelling/d_dwelling_4.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-banana.gif" loading="lazy">
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_error.gif" loading="lazy">
 		
-			<img class="gallery-image" src="/images/favicon/favicon-cf-192x192.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/cailean-finn-beta-wip-2.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/dwelling/d_dwelling_9.JPEG" loading="lazy">
-		
-			<img class="gallery-image" src="/images/o-machine.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_1.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/latent-mirror.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/blender-map.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/latent-mirror/d_latent_5.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/dwelling/dwelling-32.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_4.JPG" loading="lazy">
-		
-			<img class="gallery-image" src="/images/website/mario-sleep-up.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/latent-mirror/d_latent_02_small.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/EXR_World.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/latent-mirror/d_latent_6.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/cailean-finn-beta-wip-4.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/dm_walker.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/wip-sv-1.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_2.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/dwelling/d_monocular.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/latent-mirror/d_latent_01.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/dwelling/d_dwelling_8.JPEG" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/face.webp" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/undefined-panorama.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/sv-image.webp" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_5.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/zucc.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/data/d_data_1.webp" loading="lazy">
-		
-			<img class="gallery-image" src="/images/data/d_data_5.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/moloch/moloch_4.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/moloch/moloch_3.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/hello-world-ig.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_4.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/blender-ortho.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/latent-mirror/d_latent_03.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/NO FEE 12 Beta Festival 2024.jpg" loading="lazy">
+			<img class="gallery-image" src="/images/emancipating-xr/close-up-exr.png" loading="lazy">
 		
 			<img class="gallery-image" src="/images/stubborn-vectors/Screenshot from 2024-10-24 21-19-23.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/stubborn-vectors/pcb.webp" loading="lazy">
-		
-			<img class="gallery-image" src="/images/dwelling/d_dwelling_6.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/sorted-objs.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_8.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/walking.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/website/checker.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/blender-boys.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/emancipating-xr/graf-dither.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_6.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_2.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/undefined-panorama/d_undefined_2.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/website/skybox.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/data/d_data_2.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/demo.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/dwelling/dwelling-31.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_3.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/website/lakitu.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/Screenshot from 2024-10-23 12-07-57.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/moloch/moloch_1.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/stubborn-vectors/controller-stand.webp" loading="lazy">
+			<img class="gallery-image" src="/images/undefined-panorama.png" loading="lazy">
 		
 			<img class="gallery-image" src="/images/latent-mirror/d_latent_4.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/undefined-panorama/d_undefined_5.png" loading="lazy">
+			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_6.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/stubborn-vectors/cailean-finn-beta-wip-3.jpg" loading="lazy">
-		
-			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_1.png" loading="lazy">
-		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/stairs.gif" loading="lazy">
-		
-			<img class="gallery-image" src="/images/electronic-image.png" loading="lazy">
+			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_9.jpg" loading="lazy">
 		
 			<img class="gallery-image" src="/images/stubborn-vectors/controller.JPEG" loading="lazy">
 		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" loading="lazy">
+			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_2.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif" loading="lazy">
+			<img class="gallery-image" src="/images/undefined-panorama/d_undefined_5.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/dwelling/d_dwelling_4.png" loading="lazy">
+			<img class="gallery-image" src="/images/stubborn-vectors/wip-sv-1.png" loading="lazy">
 		
 			<img class="gallery-image" src="/images/beauty-and-the-beep/dev.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/beep.png" loading="lazy">
+			<img class="gallery-image" src="/images/dwelling/d_monocular.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif" loading="lazy">
+			<img class="gallery-image" src="/images/latent-mirror/d_latent_6.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_9.png" loading="lazy">
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/walking.gif" loading="lazy">
 		
-			<img class="gallery-image" src="/images/undefined-panorama/d_undefined_4.png" loading="lazy">
+			<img class="gallery-image" src="/images/o-machine.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_8.png" loading="lazy">
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/treadmill_flip.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/undefined-panorama/d_undefined_2.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_1.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/website/mario-sleep-up.gif" loading="lazy">
 		
 			<img class="gallery-image" src="/images/moloch/moloch_2.png" loading="lazy">
 		
-			<img class="gallery-image" src="/images/stubborn-vectors/controller.webp" loading="lazy">
+			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_2.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/beep_multiple_agents.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/exr-title.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/dwelling/d_dwelling_10.JPEG" loading="lazy">
+		
+			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_4.JPG" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/blender-boys.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/face.webp" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-banana.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/item-image.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/NO FEE 12 Beta Festival 2024.jpg" loading="lazy">
+		
+			<img class="gallery-image" src="/images/dwelling/d_dwelling_8.JPEG" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/graf.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/latent-mirror/d_latent_5.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_1.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/latent-mirror/d_latent_02_small.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/stubborn-vectors/install-2.webp" loading="lazy">
+		
+			<img class="gallery-image" src="/images/moloch/moloch_3.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/zucc.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/emancipating-xr/grafitti.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif" loading="lazy">
+		
+			<img class="gallery-image" src="/images/electronic-image/d_electronic-image_7.png" loading="lazy">
+		
+			<img class="gallery-image" src="/images/undefined-panorama/d_undefined_4.png" loading="lazy">
 		
 		<div class="image-container"></div>
 	</div>
diff --git a/public/list.html b/public/list.html
index 953bbb5..3f0f0c2 100644
--- a/public/list.html
+++ b/public/list.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,9 +25,9 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	
 <div id="container">
diff --git a/templates/_base.html b/templates/_base.html
index 0b4049e..c9dfcf0 100644
--- a/templates/_base.html
+++ b/templates/_base.html
@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
   <meta name="description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
-  <meta content="cailean.finn" property="og:title"/>
-  <meta content="cailean.finn" property="og:site_name"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:title"/>
+  <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
   <meta content="website" property="og:type"/>
   <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
   <meta name="robots" content="all" />
-  <title>cailean.finn</title>
+  <title>Cailean Finn (ง •_•)ง</title>
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,9 +25,9 @@
 		<div class="nav-emoji">
 			<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
 		</div>
-		<div class="nav-about"><a href="/about">​cailean.finn</a></div>
-		<div class="nav-emoji"><a href="/list">projects</a></div>
-		<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
+		<div class="nav-about"><a href="/">​cailean.finn</a></div>
+		<div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
+		<div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
 	</div>
 	{% block content %} {% endblock %}
   </div>
diff --git a/templates/about.html b/templates/about.html
index 90c850e..65679cc 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -1,7 +1,7 @@
 {% extends "_base.html" %}
 
 {% block content %}
-<div id="container">
+<div id="container" class="container-left">
 	<div id="project-container">
 		<div id="project-body">
 			{{ content }}
diff --git a/templates/article.html b/templates/article.html
index 8f82595..4473746 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -1,7 +1,7 @@
 {% extends "_base.html" %}
 
 {% block content %}
-<div id="container">
+<div id="container" class="container-center">
 	<div id="project-container">
 		<div id="project-header">{{ title }}, {{ year }}</div>
 		<div id="project-tags">