cailean/garden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated urls, and aligned articles center

Browse Source
This commit is contained in:
cailean
2025-12-14 17:11:39 +00:00
parent b7ae99fd94
commit b1355a91f5
19 changed files with 322 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/about.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-left">
<div id="project-container"> <div id="project-container">
<div id="project-body"> <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> <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"> <div id="modified-time">
<h4>Last Modified: </h4> <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> </div>
</div> </div>

16
public/articles/(o)machine.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">(O)MACHINE, 2022</div> <div id="project-header">(O)MACHINE, 2022</div>
<div id="project-tags"> <div id="project-tags">
@@ -87,7 +87,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Mon Nov 4 15:16:04 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/ai-x-body.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">AI x Body, 2022</div> <div id="project-header">AI x Body, 2022</div>
<div id="project-tags"> <div id="project-tags">
@@ -58,7 +58,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Mon Nov 4 15:17:45 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/beauty-and-the-beep.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">Beauty and The Beep, 2024</div> <div id="project-header">Beauty and The Beep, 2024</div>
<div id="project-tags"> <div id="project-tags">
@@ -132,7 +132,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Mon Nov 4 15:17:50 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/data.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">The BIG D.A.T.A Interview, 2023</div> <div id="project-header">The BIG D.A.T.A Interview, 2023</div>
<div id="project-tags"> <div id="project-tags">
@@ -96,7 +96,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Mon Nov 4 15:17:55 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/dwelling.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">Dwelling, 2023</div> <div id="project-header">Dwelling, 2023</div>
<div id="project-tags"> <div id="project-tags">
@@ -183,7 +183,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Mon Nov 4 15:18:00 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/electronic-image.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">The Electronic Image, An Object of Time and Energy, 2021</div> <div id="project-header">The Electronic Image, An Object of Time and Energy, 2021</div>
<div id="project-tags"> <div id="project-tags">
@@ -101,7 +101,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Mon Nov 4 15:18:07 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/emancipating-xr.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">Emancipating XR, 2024</div> <div id="project-header">Emancipating XR, 2024</div>
<div id="project-tags"> <div id="project-tags">
@@ -85,7 +85,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Fri Nov 28 16:12:14 2025</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/latent-mirror.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">Latent Mirror, 2022</div> <div id="project-header">Latent Mirror, 2022</div>
<div id="project-tags"> <div id="project-tags">
@@ -97,7 +97,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Mon Nov 4 15:19:18 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/moloch.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">Moloch, 2024</div> <div id="project-header">Moloch, 2024</div>
<div id="project-tags"> <div id="project-tags">
@@ -93,7 +93,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Thu Jul 4 15:38:22 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/stubborn-vectors.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">Stubborn Vectors, 2024</div> <div id="project-header">Stubborn Vectors, 2024</div>
<div id="project-tags"> <div id="project-tags">
@@ -84,7 +84,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Tue Nov 5 09:55:44 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

16
public/articles/undefined.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,12 +25,12 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">Undefined Panorama, 2022</div> <div id="project-header">Undefined Panorama, 2022</div>
<div id="project-tags"> <div id="project-tags">
@@ -107,7 +107,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Mon Nov 4 15:18:31 2024</p> <p> Sun Dec 14 16:30:49 2025</p>
</div> </div>
</div> </div>

24
public/css/styles.css
View File

@@ -166,6 +166,19 @@ strong {
color: black; color: black;
cursor: crosshair; 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 { .nav-emoji .emoji-flip {
animation: flip 1s steps(1, end) infinite; animation: flip 1s steps(1, end) infinite;
@@ -184,6 +197,14 @@ strong {
flex-direction: column; flex-direction: column;
} }
.container-left {
align-items:flex-start;
}
.container-center {
align-items: center;
}
#project-container { #project-container {
color: black; color: black;
flex-grow: 1; flex-grow: 1;
@@ -354,6 +375,9 @@ strong {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
max-height: 600px; max-height: 600px;
display: block;
margin-left: auto;
margin-right: auto;
} }
#project-cover img{ #project-cover img{

12
public/cv.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,9 +25,9 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container">

364
public/gallery.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,232 +25,232 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="project-container-gallery"> <div id="project-container-gallery">
<div id="image-gallery"> <div id="image-gallery">
<div class="image-container"></div> <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/controller.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/dwelling/dwelling-dancer.png" 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/stubborn-vectors/Screenshot from 2024-10-23 12-07-57.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/data/d_tsne-data.gif" 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/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/aixbody.webp" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/some-text.png" 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/emancipating-xr/close-up-exr.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/stubborn-vectors/Screenshot from 2024-10-24 21-19-23.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/undefined-panorama.png" 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/latent-mirror/d_latent_4.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/beauty-and-the-beep/d_beep_9.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/stubborn-vectors/controller.JPEG" 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/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/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 class="image-container"></div>
</div> </div>

12
public/list.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,9 +25,9 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
<div id="container"> <div id="container">

12
templates/_base.html
View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="og:description" content="Cailean Finn's Garden ​(ง•_•)ง Artist * Creative Technologist" />
<meta name="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:title"/>
<meta content="cailean.finn" property="og:site_name"/> <meta content="Cailean Finn (ง •_•)ง" property="og:site_name"/>
<meta content="website" property="og:type"/> <meta content="website" property="og:type"/>
<meta name="keywords" content="cailean finn, new media, art and technology, digital art" /> <meta name="keywords" content="cailean finn, new media, art and technology, digital art" />
<meta name="robots" content="all" /> <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-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/images/favicon/favicon-cf-192x192.png" sizes="192x192">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -25,9 +25,9 @@
<div class="nav-emoji"> <div class="nav-emoji">
<a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a> <a href="/"><div class="emoji-flip">​(ง•_•)ง</div></a>
</div> </div>
<div class="nav-about"><a href="/about">​cailean.finn</a></div> <div class="nav-about"><a href="/">​cailean.finn</a></div>
<div class="nav-emoji"><a href="/list">projects</a></div> <div class="nav-link" ><a href="/list" style="color: red;">projects</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div> <div class="nav-link"><a href='/gallery' style="color: green;">gallery</a></div>
</div> </div>
{% block content %} {% endblock %} {% block content %} {% endblock %}
</div> </div>

2
templates/about.html
View File

@@ -1,7 +1,7 @@
{% extends "_base.html" %} {% extends "_base.html" %}
{% block content %} {% block content %}
<div id="container"> <div id="container" class="container-left">
<div id="project-container"> <div id="project-container">
<div id="project-body"> <div id="project-body">
{{ content }} {{ content }}

2
templates/article.html
View File

@@ -1,7 +1,7 @@
{% extends "_base.html" %} {% extends "_base.html" %}
{% block content %} {% block content %}
<div id="container"> <div id="container" class="container-center">
<div id="project-container"> <div id="project-container">
<div id="project-header">{{ title }}, {{ year }}</div> <div id="project-header">{{ title }}, {{ year }}</div>
<div id="project-tags"> <div id="project-tags">