Browse Source

sv update & bio

master
Cailean Finn 2 months ago
parent
commit
2ed7507026
  1. 7
      build.py
  2. 2
      content/about.md
  3. 2
      content/posts/(o)machine.md
  4. 2
      content/posts/ai-x-body.md
  5. 2
      content/posts/beauty-and-the-beep.md
  6. 2
      content/posts/data.md
  7. 2
      content/posts/dwelling.md
  8. 2
      content/posts/electronic-image.md
  9. 2
      content/posts/latent-mirror.md
  10. 47
      content/posts/stubborn-vectors.md
  11. 2
      content/posts/undefined.md
  12. 5
      public/about.html
  13. 2
      public/articles/(o)machine.html
  14. 2
      public/articles/ai-x-body.html
  15. 2
      public/articles/beauty-and-the-beep.html
  16. 2
      public/articles/data.html
  17. 2
      public/articles/dwelling.html
  18. 2
      public/articles/electronic-image.html
  19. 2
      public/articles/latent-mirror.html
  20. 94
      public/articles/stubborn-vectors.html
  21. 2
      public/articles/undefined.html
  22. 176
      public/gallery.html
  23. BIN
      public/images/stubborn-vectors/IMG_1234.JPG
  24. BIN
      public/images/stubborn-vectors/IMG_1252.JPG
  25. BIN
      public/images/stubborn-vectors/IMG_5333.JPG
  26. BIN
      public/images/stubborn-vectors/NO FEE 12 Beta Festival 2024.jpg
  27. BIN
      public/images/stubborn-vectors/Screenshot from 2024-10-23 12-07-57.png
  28. BIN
      public/images/stubborn-vectors/Screenshot from 2024-10-24 21-19-23.png
  29. BIN
      public/images/stubborn-vectors/cailean-finn-beta-wip-1.jpg
  30. BIN
      public/images/stubborn-vectors/cailean-finn-beta-wip-2.jpg
  31. BIN
      public/images/stubborn-vectors/cailean-finn-beta-wip-3.jpg
  32. BIN
      public/images/stubborn-vectors/cailean-finn-beta-wip-4.jpg
  33. BIN
      public/images/stubborn-vectors/controller-emote.JPG
  34. BIN
      public/images/stubborn-vectors/controller.JPEG
  35. BIN
      public/images/stubborn-vectors/install-sv-2.JPG
  36. BIN
      public/images/stubborn-vectors/install-sv.JPG
  37. BIN
      public/images/stubborn-vectors/some-text.png
  38. BIN
      public/images/stubborn-vectors/wip-sv-1.png
  39. BIN
      public/images/sv-image.webp
  40. 41
      public/json/articles.json
  41. 135
      public/list.html
  42. 2
      server.js
  43. 1
      templates/about.html

7
build.py

@ -6,6 +6,7 @@ from jinja2 import Environment, FileSystemLoader
import yaml
import time
import json
from datetime import datetime
class Website:
def __init__(self, template_dir, public_dir):
@ -20,6 +21,7 @@ class Website:
def build(self):
self.fetch_pages()
self.sort_pages_by_date()
self.process_page()
self.fetch_tags()
self.create_list()
@ -134,7 +136,6 @@ class Website:
image_path = image_path.replace("/images/.", "/images")
self.all_images.append(image_path)
random.shuffle(self.all_images)
print(self.all_images)
html_output = template.render(
images=self.all_images
)
@ -154,6 +155,10 @@ class Website:
with open(json_file, 'w', encoding='utf8') as f:
json.dump(page_info_list, f, ensure_ascii=False, indent=4)
def sort_pages_by_date(self):
# Sort pages by date in descending order (newest first)
self.pages.sort(key=lambda x: x.date, reverse=True)
class Page:
def __init__(self, metadata, md_content, filename, last_updated):

2
content/about.md

@ -4,7 +4,7 @@ git: https://git.fioruil.ie/
---
Cailean Finn is a Media Artist and Creative Technologist from Waterford, Ireland. His practice is centred around investigating computational design, histories, and processes embedded within socio-technological systems.
Cailean holds a BSc in Computer Science (2019), and a MA in Art & Technology (2022) from the University of Limerick.
Cailean holds a BSc in Computer Science (2019), and a MA in Art & Technology (2022) from the University of Limerick, where he is currently pursuing his PhD in AI & Media Art, funded by CRT-AI.
In his work, Cailean explores not only the technical aspects of technology, but also uses it as a tool to highlight the hidden processes and idiosyncratic nature of the human-machine relationship. In doing so, he hopes to reimagine and explore speculative realities that show the potential of emerging technology to be (re)shaped and (re)defined - ranging from Artificial Intelligence, to Creative Coding, and Computer Graphics.

2
content/posts/(o)machine.md

@ -4,7 +4,7 @@ type: Project
year: 2022
image: o-machine.png
tags: [AI, NLP, Simulation]
date: 2024-06-07
date: 2022-06-07
showcase:
- name: Speak It Now Eat It, Revision Performing Arts Festival
year: 2022

2
content/posts/ai-x-body.md

@ -4,7 +4,7 @@ type: Publication
year: 2022
image: aixbody.webp
tags: [HPE, AI]
date: 2024-06-07
date: 2022-12-12
draft: false
---
This publication was created in collaboration with AIxDesign, as part of their AI Playground (S01) which ran from May 2022-February 2023.

2
content/posts/beauty-and-the-beep.md

@ -4,7 +4,7 @@ type: Project
year: 2024
image: beep.png
tags: [RL, AI, Unity, Simulation]
date: 2024-06-07
date: 2024-05-01
showcase:
- name: Exposed Torino Foto Festival
year: 2024

2
content/posts/data.md

@ -4,7 +4,7 @@ year: 2023
image: data.png
type: Project
tags: [Web, ML, p5]
date: 2024-06-07
date: 2023-06-07
credits:
Cailean Finn: Coding & Web Design
Walt Nied: Interview & Script

2
content/posts/dwelling.md

@ -5,7 +5,7 @@ type: Project
image: dwelling.png
tags: [Unity, Performance, VFX]
draft: false
date: 2024-06-07
date: 2023-11-07
showcase:
- name: Beta Festival, Project Arts Center
year: 2023

2
content/posts/electronic-image.md

@ -4,7 +4,7 @@ year: 2021
type: Project
image: electronic-image.png
tags: [Virtualisation, Video-Synthesis, MaxMSP, Jitter]
date: 2024-06-07
date: 2021-09-01
showcase:
- name: The Limerick Show, Ormston House
year: 2022

2
content/posts/latent-mirror.md

@ -4,7 +4,7 @@ year: 2022
type: Project
image: latent-mirror.png
tags: [Performance, AI, DeepFakes, TD]
date: 2024-06-07
date: 2022-10-01
showcase:
- name: Sound & Portraits, Imagine Arts Fesitval, WGOA
year: 2022

47
content/posts/stubborn-vectors.md

@ -0,0 +1,47 @@
---
title: Stubborn Vectors
type: Project
year: 2024
image: sv-image.webp
tags: [Affetcion Mapping, AI, Embedded Computing]
date: 2024-11-04
showcase:
- name: Beta Festival
year: 2024
location: Dublin
references:
- title: some-title
link: https://www.caileanfinn.ie
draft: false
---
Stubborn Vectors is an interactive installation that explores the computational gaze of computer vision systems, which often oversimplify the complexities of our corporeal selves.
Computer vision is deeply entwined with surveillance technologies, accelerating the extraction of information to classify, analyse, and predict human behaviours—often capturing far more than individuals intend to reveal. This work focuses on Affection Mapping, a branch of machine learning dedicated to classifying emotions using computer vision. However, emotions are complex, evolving in response to our families, environments, and personal histories. This inherent complexity exposes the limitations of models attempting to construct a rigid taxonomy of human emotion.
In their pursuit to classify and represent the physical world, these systems inadvertently reveal an unfamiliar umwelt—a new lens through which meaning is extracted and reality is interpreted. By examining this computational gaze, we can observe how these systems function, their inherent biases, and how they influence and bleed into our physical world.
The installation is built as a computational system composed of computer vision and machine learning models. A dataset of archived footage is processed through this system to detect, segment, and extract features from each frame, with each feature represented as a multi-dimensional vector or embedding. This data is then sorted, reduced in dimensionality, and mapped into a two-dimensional space, creating a human-readable representation of the system's latent space. Using custom-built controllers, users can query the system with an emotional state, prompting it to navigate toward its nearest embedding within the space.
![sv-install](/images/stubborn-vectors/install-sv.jpg "sv install")
![sv-install](/images/stubborn-vectors/install-sv-2.jpg "sv install")
![sv-install](/images/stubborn-vectors/controller-emote.jpg "sv install")
![sv-install](/images/stubborn-vectors/wip-sv-1.png "sv install")
![sv-install](/images/stubborn-vectors/cailean-finn-beta-wip-1.jpg "sv install")
![sv-install](/images/stubborn-vectors/cailean-finn-beta-wip-3.jpg "sv install")
![sv-install](/images/stubborn-vectors/IMG_1234.jpg "sv install")
![sv-install](/images/stubborn-vectors/IMG_1252.jpg "sv install")
![sv-install](/images/stubborn-vectors/some-text.png "sv install")

2
content/posts/undefined.md

@ -4,7 +4,7 @@ year: 2022
type: Project
image: undefined-panorama.png
tags: [Web, Creative-Coding]
date: 2024-06-07
date: 2023-01-01
showcase:
- name: Exceptional Times, Uncertain Moves, Seo-Seoul Museum of Art
year: 2022

5
public/about.html

@ -32,10 +32,9 @@
<div id="container">
<div id="project-container">
<div id="project-header">ABOUT</div>
<div id="project-body">
<p>Cailean Finn is a Media Artist and Creative Technologist from Waterford, Ireland. His practice is centred around investigating computational design, histories, and processes embedded within socio-technological systems.</p>
<p>Cailean holds a BSc in Computer Science (2019), and a MA in Art &amp; Technology (2022) from the University of Limerick.</p>
<p>Cailean holds a BSc in Computer Science (2019), and a MA in Art &amp; Technology (2022) from the University of Limerick, where he is currently pursuing his PhD in AI &amp; Media Art, funded by CRT-AI.</p>
<p>In his work, Cailean explores not only the technical aspects of technology, but also uses it as a tool to highlight the hidden processes and idiosyncratic nature of the human-machine relationship. In doing so, he hopes to reimagine and explore speculative realities that show the potential of emerging technology to be (re)shaped and (re)defined - ranging from Artificial Intelligence, to Creative Coding, and Computer Graphics.</p>
<p>Currently, he is exploring emergent behaviours of virtual life through Evolutionary Computation and Reinforcement Learning. Additionally, he is experimenting with simulations as a medium for these investigations into embodied intelligence, and its potential impact on various ecologies, as it slowly becomes more ubiquitous. Cailean is also a member of CONCEPTNULL, a community-based organisation, which runs a bi-monthly newsletter and hosts events with a focus on New Media Art in Ireland.</p>
</div>
@ -54,7 +53,7 @@
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Thu Jun 20 17:36:45 2024</p>
<p> Mon Nov 4 15:31:48 2024</p>
</div>
</div>
</div>

2
public/articles/(o)machine.html

@ -87,7 +87,7 @@
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Mon Jul 15 12:39:18 2024</p>
<p> Mon Nov 4 15:16:04 2024</p>
</div>
</div>

2
public/articles/ai-x-body.html

@ -58,7 +58,7 @@
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Fri Jun 21 10:56:49 2024</p>
<p> Mon Nov 4 15:17:45 2024</p>
</div>
</div>

2
public/articles/beauty-and-the-beep.html

@ -132,7 +132,7 @@
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Thu Jul 4 15:35:45 2024</p>
<p> Mon Nov 4 15:17:50 2024</p>
</div>
</div>

2
public/articles/data.html

@ -96,7 +96,7 @@
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Fri Jun 21 11:57:13 2024</p>
<p> Mon Nov 4 15:17:55 2024</p>
</div>
</div>

2
public/articles/dwelling.html

@ -183,7 +183,7 @@
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Mon Jul 15 12:41:55 2024</p>
<p> Mon Nov 4 15:18:00 2024</p>
</div>
</div>

2
public/articles/electronic-image.html

@ -101,7 +101,7 @@
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Fri Jun 21 15:15:35 2024</p>
<p> Mon Nov 4 15:18:07 2024</p>
</div>
</div>

2
public/articles/latent-mirror.html

@ -97,7 +97,7 @@
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Fri Jun 21 15:02:03 2024</p>
<p> Mon Nov 4 15:19:18 2024</p>
</div>
</div>

94
public/articles/stubborn-vectors.html

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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="Beta Festival 2024" property="og:title"/>
<meta content="Beta Festival 2024" 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>
<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">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Gothic+A1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<div id="main-container">
<div id="nav-container">
<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>
<div id="container">
<div id="project-container">
<div id="project-header">Stubborn Vectors, 2024</div>
<div id="project-tags">
<div class="project-tag">✳ Affetcion Mapping</div>
<div class="project-tag">✳ AI</div>
<div class="project-tag">✳ Embedded Computing</div>
</div>
<div id="project-cover">
<img src="/images/sv-image.webp">
</div>
<div id="project-body">
<p>Stubborn Vectors is an interactive installation that explores the computational gaze of computer vision systems, which often oversimplify the complexities of our corporeal selves.</p>
<p>Computer vision is deeply entwined with surveillance technologies, accelerating the extraction of information to classify, analyse, and predict human behaviours—often capturing far more than individuals intend to reveal. This work focuses on Affection Mapping, a branch of machine learning dedicated to classifying emotions using computer vision. However, emotions are complex, evolving in response to our families, environments, and personal histories. This inherent complexity exposes the limitations of models attempting to construct a rigid taxonomy of human emotion.</p>
<p>In their pursuit to classify and represent the physical world, these systems inadvertently reveal an unfamiliar umwelt—a new lens through which meaning is extracted and reality is interpreted. By examining this computational gaze, we can observe how these systems function, their inherent biases, and how they influence and bleed into our physical world.</p>
<p>The installation is built as a computational system composed of computer vision and machine learning models. A dataset of archived footage is processed through this system to detect, segment, and extract features from each frame, with each feature represented as a multi-dimensional vector or embedding. This data is then sorted, reduced in dimensionality, and mapped into a two-dimensional space, creating a human-readable representation of the system's latent space. Using custom-built controllers, users can query the system with an emotional state, prompting it to navigate toward its nearest embedding within the space.</p>
<p><img alt="sv-install" src="/images/stubborn-vectors/install-sv.jpg" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/install-sv-2.jpg" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/controller-emote.jpg" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/wip-sv-1.png" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/cailean-finn-beta-wip-1.jpg" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/cailean-finn-beta-wip-3.jpg" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/IMG_1234.jpg" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/IMG_1252.jpg" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/some-text.png" title="sv install" /></p>
</div>
<div id="project-showcase">
<div id="pr-header">Exhibited:</div>
<div id="showcase-cont">
<div class="showcase">
<p>(2024)
Beta Festival,
Dublin</p>
</div>
</div>
</div>
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Mon Nov 4 15:06:45 2024</p>
</div>
</div>
</div>
</div>
</body>
</html>

2
public/articles/undefined.html

@ -107,7 +107,7 @@
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Fri Jun 21 15:08:57 2024</p>
<p> Mon Nov 4 15:18:31 2024</p>
</div>
</div>

176
public/gallery.html

@ -34,157 +34,191 @@
<div id="image-gallery">
<div class="image-container"></div>
<img class="gallery-image" src="/images/website/skybox.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/data.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_4.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/data/d_tsne-data.gif" loading="lazy">
<img class="gallery-image" src="/images/website/skybox.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_4.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_02_small.png" 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/electronic-image/d_electronic-image_1.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror.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_9.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/undefined-panorama/d_undefined_2.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_7.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_3.png" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/controller-emote.JPG" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-banana.gif" loading="lazy">
<img class="gallery-image" src="/images/website/lakitu.gif" 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/wip-sv-1.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/stubborn-vectors/cailean-finn-beta-wip-1.jpg" loading="lazy">
<img class="gallery-image" src="/images/o-machine.png" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/walking.gif" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_10.JPEG" 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/d_latent_01.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_8.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_6.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_4.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/d_beep_5.jpg" loading="lazy">
<img class="gallery-image" src="/images/moloch.png" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_5.png" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/stairs.gif" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_monocular.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/beauty-and-the-beep/d_beep_6.jpg" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_6.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_5.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_01.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_8.png" 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_7.jpg" 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/aixbody.webp" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-circle.png" loading="lazy">
<img class="gallery-image" src="/images/beep.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_4.png" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_1.webp" 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_7.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/gif/dm_walker.gif" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_03.png" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_4.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_4.JPG" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-32.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/beauty-and-the-beep/d_beep_4.jpg" loading="lazy">
<img class="gallery-image" src="/images/data/d_tsne-data.gif" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-31.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_5.jpg" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/dm_scrambler.gif" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_03.png" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" loading="lazy">
<img class="gallery-image" src="/images/website/checker.png" loading="lazy">
<img class="gallery-image" src="/images/moloch.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_4.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/dwelling/d_dwelling_10.JPEG" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-getup.gif" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_8.JPEG" 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/dev.png" loading="lazy">
<img class="gallery-image" src="/images/demo.jpg" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_6.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_monocular.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_02_small.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-dancer.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_1.png" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/some-text.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/data/d_data_7.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/electronic-image.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_9.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_1.jpg" loading="lazy">
<img class="gallery-image" src="/images/beep.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/stubborn-vectors/NO FEE 12 Beta Festival 2024.jpg" 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/data/d_data_2.png" loading="lazy">
<img class="gallery-image" src="/images/website/lakitu.gif" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-32.png" 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/beauty-and-the-beep/gif/walking.gif" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/IMG_5333.JPG" loading="lazy">
<img class="gallery-image" src="/images/demo.jpg" 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/website/mario-sleep-up.gif" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/install-sv-2.JPG" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_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/beauty-and-the-beep/gif/intial_experimentation_climbing.gif" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/IMG_1252.JPG" loading="lazy">
<img class="gallery-image" src="/images/website/checker.png" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/IMG_1234.JPG" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_6.jpg" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_8.JPEG" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_2.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/Screenshot from 2024-10-24 21-19-23.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_9.JPEG" 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/d_beep_7.jpg" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_7.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/undefined-panorama/d_undefined_5.png" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_5.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image.png" loading="lazy">
<img class="gallery-image" src="/images/favicon/favicon-cf-192x192.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-circle.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/beauty-and-the-beep/gif/intial_experimentation_walk.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_3.jpg" loading="lazy">
<img class="gallery-image" src="/images/favicon/favicon-cf-32x32.png" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_1.webp" 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.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-31.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/latent-mirror/d_latent_4.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/electronic-image/d_electronic-image_3.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_2.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-dancer.png" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_4.png" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" loading="lazy">
<img class="gallery-image" src="/images/website/mario-sleep-up.gif" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama.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/electronic-image/d_electronic-image_6.png" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_2.png" loading="lazy">
<img class="gallery-image" src="/images/data.png" loading="lazy">
<img class="gallery-image" src="/images/favicon/favicon-cf-32x32.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_1.jpg" loading="lazy">
<img class="gallery-image" src="/images/dwelling.png" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/install-sv.JPG" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_5.png" loading="lazy">
<img class="gallery-image" src="/images/sv-image.webp" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/controller.JPEG" loading="lazy">
<img class="gallery-image" src="/images/aixbody.webp" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_3.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_4.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_3.png" loading="lazy">
<div class="image-container"></div>
</div>

BIN
public/images/stubborn-vectors/IMG_1234.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
public/images/stubborn-vectors/IMG_1252.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
public/images/stubborn-vectors/IMG_5333.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

BIN
public/images/stubborn-vectors/NO FEE 12 Beta Festival 2024.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
public/images/stubborn-vectors/Screenshot from 2024-10-23 12-07-57.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 KiB

BIN
public/images/stubborn-vectors/Screenshot from 2024-10-24 21-19-23.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

BIN
public/images/stubborn-vectors/cailean-finn-beta-wip-1.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 418 KiB

BIN
public/images/stubborn-vectors/cailean-finn-beta-wip-2.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 649 KiB

BIN
public/images/stubborn-vectors/cailean-finn-beta-wip-3.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 368 KiB

BIN
public/images/stubborn-vectors/cailean-finn-beta-wip-4.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

BIN
public/images/stubborn-vectors/controller-emote.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
public/images/stubborn-vectors/controller.JPEG

Binary file not shown.

After

Width:  |  Height:  |  Size: 515 KiB

BIN
public/images/stubborn-vectors/install-sv-2.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
public/images/stubborn-vectors/install-sv.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

BIN
public/images/stubborn-vectors/some-text.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 606 KiB

BIN
public/images/stubborn-vectors/wip-sv-1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

BIN
public/images/sv-image.webp

Binary file not shown.

After

Width:  |  Height:  |  Size: 733 KiB

41
public/json/articles.json

@ -1,33 +1,38 @@
[
{
"name": "(O)MACHINE",
"filename": "/articles/(o)machine.html",
"image": "o-machine.png"
"name": "Stubborn Vectors",
"filename": "/articles/stubborn-vectors.html",
"image": "sv-image.webp"
},
{
"name": "AI x Body",
"filename": "/articles/ai-x-body.html",
"image": "aixbody.webp"
"name": "Moloch",
"filename": "/articles/moloch.html",
"image": "moloch.png"
},
{
"name": "Beauty and The Beep",
"filename": "/articles/beauty-and-the-beep.html",
"image": "beep.png"
},
{
"name": "Dwelling",
"filename": "/articles/dwelling.html",
"image": "dwelling.png"
},
{
"name": "The BIG D.A.T.A Interview",
"filename": "/articles/data.html",
"image": "data.png"
},
{
"name": "Dwelling",
"filename": "/articles/dwelling.html",
"image": "dwelling.png"
"name": "Undefined Panorama",
"filename": "/articles/undefined.html",
"image": "undefined-panorama.png"
},
{
"name": "The Electronic Image, An Object of Time and Energy",
"filename": "/articles/electronic-image.html",
"image": "electronic-image.png"
"name": "AI x Body",
"filename": "/articles/ai-x-body.html",
"image": "aixbody.webp"
},
{
"name": "Latent Mirror",
@ -35,13 +40,13 @@
"image": "latent-mirror.png"
},
{
"name": "Moloch",
"filename": "/articles/moloch.html",
"image": "moloch.png"
"name": "(O)MACHINE",
"filename": "/articles/(o)machine.html",
"image": "o-machine.png"
},
{
"name": "Undefined Panorama",
"filename": "/articles/undefined.html",
"image": "undefined-panorama.png"
"name": "The Electronic Image, An Object of Time and Energy",
"filename": "/articles/electronic-image.html",
"image": "electronic-image.png"
}
]

135
public/list.html

@ -37,17 +37,21 @@
<select id="tag-select" onchange="filterArticles()">
<option value="all">All</option>
<option value="Affetcion Mapping">Affetcion Mapping</option>
<option value="AI">AI</option>
<option value="NLP">NLP</option>
<option value="Embedded Computing">Embedded Computing</option>
<option value="Simulation">Simulation</option>
<option value="Unity">Unity</option>
<option value="HPE">HPE</option>
<option value="Simulation">Simulation</option>
<option value="RL">RL</option>
<option value="Unity">Unity</option>
<option value="Performance">Performance</option>
<option value="VFX">VFX</option>
<option value="Web">Web</option>
@ -55,9 +59,15 @@
<option value="p5">p5</option>
<option value="Performance">Performance</option>
<option value="Creative-Coding">Creative-Coding</option>
<option value="VFX">VFX</option>
<option value="HPE">HPE</option>
<option value="DeepFakes">DeepFakes</option>
<option value="TD">TD</option>
<option value="NLP">NLP</option>
<option value="Virtualisation">Virtualisation</option>
@ -67,50 +77,48 @@
<option value="Jitter">Jitter</option>
<option value="DeepFakes">DeepFakes</option>
<option value="TD">TD</option>
<option value="Creative-Coding">Creative-Coding</option>
</select>
</div>
<div class="articles">
<div class="article" data-tags="AI NLP Simulation">
<div class="article" data-tags="Affetcion Mapping AI Embedded Computing">
<a href= 'articles/(o)machine'><div class="article-image">
<img src="/images/o-machine.png">
<a href= 'articles/stubborn-vectors'><div class="article-image">
<img src="/images/sv-image.webp">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ AI</div>
<div class="project-tag">✳ Affetcion Mapping</div>
<div class="project-tag">NLP</div>
<div class="project-tag">AI</div>
<div class="project-tag">Simulation</div>
<div class="project-tag">Embedded Computing</div>
</div>
<h2>(O)MACHINE</h2>
<h2>Stubborn Vectors</h2>
</div>
<div class="article" data-tags="HPE AI">
<div class="article" data-tags="AI Unity Simulation RL">
<a href= 'articles/ai-x-body'><div class="article-image">
<img src="/images/aixbody.webp">
<a href= 'articles/moloch'><div class="article-image">
<img src="/images/moloch.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ HPE</div>
<div class="project-tag">✳ AI</div>
<div class="project-tag">✳ Unity</div>
<div class="project-tag">✳ Simulation</div>
<div class="project-tag">✳ RL</div>
</div>
<h2>AI x Body</h2>
<h2>Moloch</h2>
</div>
<div class="article" data-tags="RL AI Unity Simulation">
@ -134,6 +142,25 @@
<h2>Beauty and The Beep</h2>
</div>
<div class="article" data-tags="Unity Performance VFX">
<a href= 'articles/dwelling'><div class="article-image">
<img src="/images/dwelling.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ Unity</div>
<div class="project-tag">✳ Performance</div>
<div class="project-tag">✳ VFX</div>
</div>
<h2>Dwelling</h2>
</div>
<div class="article" data-tags="Web ML p5">
<a href= 'articles/data'><div class="article-image">
@ -153,44 +180,38 @@
<h2>The BIG D.A.T.A Interview</h2>
</div>
<div class="article" data-tags="Unity Performance VFX">
<div class="article" data-tags="Web Creative-Coding">
<a href= 'articles/dwelling'><div class="article-image">
<img src="/images/dwelling.png">
<a href= 'articles/undefined'><div class="article-image">
<img src="/images/undefined-panorama.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ Unity</div>
<div class="project-tag">✳ Performance</div>
<div class="project-tag">✳ Web</div>
<div class="project-tag">VFX</div>
<div class="project-tag">✳ Creative-Coding</div>
</div>
<h2>Dwelling</h2>
<h2>Undefined Panorama</h2>
</div>
<div class="article" data-tags="Virtualisation Video-Synthesis MaxMSP Jitter">
<div class="article" data-tags="HPE AI">
<a href= 'articles/electronic-image'><div class="article-image">
<img src="/images/electronic-image.png">
<a href= 'articles/ai-x-body'><div class="article-image">
<img src="/images/aixbody.webp">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ Virtualisation</div>
<div class="project-tag">✳ Video-Synthesis</div>
<div class="project-tag">✳ MaxMSP</div>
<div class="project-tag">✳ HPE</div>
<div class="project-tag">Jitter</div>
<div class="project-tag">✳ AI</div>
</div>
<h2>The Electronic Image, An Object of Time and Energy</h2>
<h2>AI x Body</h2>
</div>
<div class="article" data-tags="Performance AI DeepFakes TD">
@ -214,42 +235,44 @@
<h2>Latent Mirror</h2>
</div>
<div class="article" data-tags="AI Unity Simulation RL">
<div class="article" data-tags="AI NLP Simulation">
<a href= 'articles/moloch'><div class="article-image">
<img src="/images/moloch.png">
<a href= 'articles/(o)machine'><div class="article-image">
<img src="/images/o-machine.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ AI</div>
<div class="project-tag">Unity</div>
<div class="project-tag">NLP</div>
<div class="project-tag">✳ Simulation</div>
<div class="project-tag">✳ RL</div>
</div>
<h2>Moloch</h2>
<h2>(O)MACHINE</h2>
</div>
<div class="article" data-tags="Web Creative-Coding">
<div class="article" data-tags="Virtualisation Video-Synthesis MaxMSP Jitter">
<a href= 'articles/undefined'><div class="article-image">
<img src="/images/undefined-panorama.png">
<a href= 'articles/electronic-image'><div class="article-image">
<img src="/images/electronic-image.png">
</div></a>
<div id="project-tags">
<div class="project-tag">Web</div>
<div class="project-tag">Virtualisation</div>
<div class="project-tag">✳ Creative-Coding</div>
<div class="project-tag">✳ Video-Synthesis</div>
<div class="project-tag">✳ MaxMSP</div>
<div class="project-tag">✳ Jitter</div>
</div>
<h2>Undefined Panorama</h2>
<h2>The Electronic Image, An Object of Time and Energy</h2>
</div>
<div id="clouds">

2
server.js

@ -50,7 +50,7 @@ app.use((req, res, next) => {
// Route to serve the index.html file
app.get('/', (req, res) => {
IncrementCounter()
res.sendFile(path.join(__dirname, 'public', 'index.html'));
res.sendFile(path.join(__dirname, 'public', 'about.html'));
});
// Routes to serve the HTML files without .html extension

1
templates/about.html

@ -3,7 +3,6 @@
{% block content %}
<div id="container">
<div id="project-container">
<div id="project-header">ABOUT</div>
<div id="project-body">
{{ content }}
</div>

Loading…
Cancel
Save