sv update & bio

This commit is contained in:
2024-11-04 15:32:32 +00:00
parent 31987549a3
commit 2ed7507026
43 changed files with 523 additions and 317 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -34,157 +34,191 @@
<div id="image-gallery">
<div class="image-container"></div>
<img class="gallery-image" src="/images/data.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/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/moloch/moloch_4.png" loading="lazy">
<img class="gallery-image" src="/images/data/d_tsne-data.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/intial_experimentation_error.gif" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_9.png" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_2.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_3.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/d_beep_9.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/o-machine.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_10.JPEG" 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_6.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/moloch.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_6.jpg" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_5.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/d_beep_7.jpg" loading="lazy">
<img class="gallery-image" src="/images/aixbody.webp" loading="lazy">
<img class="gallery-image" src="/images/beep.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_7.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/undefined-panorama/d_undefined_4.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-32.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/dwelling/dwelling-31.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/latent-mirror/d_latent_03.png" loading="lazy">
<img class="gallery-image" src="/images/website/checker.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/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/beauty-and-the-beep/dev.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_6.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_02_small.png" 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/beep_multiple_agents.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/gif/intial_experimentation_crawling.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-banana.gif" loading="lazy">
<img class="gallery-image" src="/images/dwelling.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_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/data/d_data_2.png" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/controller-emote.JPG" loading="lazy">
<img class="gallery-image" src="/images/website/lakitu.gif" loading="lazy">
<img class="gallery-image" src="/images/favicon/favicon-cf-192x192.png" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/wip-sv-1.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/walking.gif" loading="lazy">
<img class="gallery-image" src="/images/demo.jpg" loading="lazy">
<img class="gallery-image" src="/images/website/mario-sleep-up.gif" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_5.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/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/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/data/d_data_7.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.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/gif/intial_experimentation_walk.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_2.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/electronic-image/d_electronic-image_8.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_4.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/d_beep_5.jpg" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-dancer.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/beauty-and-the-beep/d_beep_2.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_01.png" loading="lazy">
<img class="gallery-image" src="/images/o-machine.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/dwelling/dwelling-circle.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_4.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_6.png" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/dev.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_03.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/gif/dm_walker.gif" loading="lazy">
<img class="gallery-image" src="/images/data/d_tsne-data.gif" 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/gif/dm_scrambler.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama.png" loading="lazy">
<img class="gallery-image" src="/images/moloch.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/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/stubborn-vectors/cailean-finn-beta-wip-4.jpg" loading="lazy">
<img class="gallery-image" src="/images/demo.jpg" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_monocular.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-dancer.png" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/some-text.png" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_7.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_9.png" loading="lazy">
<img class="gallery-image" src="/images/beep.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/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/dwelling/dwelling-32.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/stubborn-vectors/IMG_5333.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/stubborn-vectors/install-sv-2.JPG" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_6.png" loading="lazy">
<img class="gallery-image" src="/images/data.png" loading="lazy">
<img class="gallery-image" src="/images/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/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_7.jpg" loading="lazy">
<img class="gallery-image" src="/images/stubborn-vectors/Screenshot from 2024-10-23 12-07-57.png" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_5.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/beep_multiple_agents.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/data/d_data_1.webp" 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/beauty-and-the-beep/d_beep_4.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_4.png" loading="lazy">
<img class="gallery-image" src="/images/website/mario-sleep-up.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_8.jpg" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_2.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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 418 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 649 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 368 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 515 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 606 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

BIN
public/images/sv-image.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 733 KiB

View File

@@ -1,47 +1,52 @@
[
{
"name": "(O)MACHINE",
"filename": "/articles/(o)machine.html",
"image": "o-machine.png"
},
{
"name": "AI x Body",
"filename": "/articles/ai-x-body.html",
"image": "aixbody.webp"
},
{
"name": "Beauty and The Beep",
"filename": "/articles/beauty-and-the-beep.html",
"image": "beep.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": "The Electronic Image, An Object of Time and Energy",
"filename": "/articles/electronic-image.html",
"image": "electronic-image.png"
},
{
"name": "Latent Mirror",
"filename": "/articles/latent-mirror.html",
"image": "latent-mirror.png"
"name": "Stubborn Vectors",
"filename": "/articles/stubborn-vectors.html",
"image": "sv-image.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": "Undefined Panorama",
"filename": "/articles/undefined.html",
"image": "undefined-panorama.png"
},
{
"name": "AI x Body",
"filename": "/articles/ai-x-body.html",
"image": "aixbody.webp"
},
{
"name": "Latent Mirror",
"filename": "/articles/latent-mirror.html",
"image": "latent-mirror.png"
},
{
"name": "(O)MACHINE",
"filename": "/articles/(o)machine.html",
"image": "o-machine.png"
},
{
"name": "The Electronic Image, An Object of Time and Energy",
"filename": "/articles/electronic-image.html",
"image": "electronic-image.png"
}
]

View File

@@ -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="Unity">Unity</option>
<option value="Simulation">Simulation</option>
<option value="HPE">HPE</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,151 +77,27 @@
<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">✳ Affetcion Mapping</div>
<div class="project-tag">✳ AI</div>
<div class="project-tag">NLP</div>
<div class="project-tag">✳ Simulation</div>
<div class="project-tag">Embedded Computing</div>
</div>
<h2>(O)MACHINE</h2>
</div>
<div class="article" data-tags="HPE AI">
<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">✳ HPE</div>
<div class="project-tag">✳ AI</div>
</div>
<h2>AI x Body</h2>
</div>
<div class="article" data-tags="RL AI Unity Simulation">
<a href= 'articles/beauty-and-the-beep'><div class="article-image">
<img src="/images/beep.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ RL</div>
<div class="project-tag">✳ AI</div>
<div class="project-tag">✳ Unity</div>
<div class="project-tag">✳ Simulation</div>
</div>
<h2>Beauty and The Beep</h2>
</div>
<div class="article" data-tags="Web ML p5">
<a href= 'articles/data'><div class="article-image">
<img src="/images/data.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ Web</div>
<div class="project-tag">✳ ML</div>
<div class="project-tag">✳ p5</div>
</div>
<h2>The BIG D.A.T.A Interview</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="Virtualisation Video-Synthesis MaxMSP Jitter">
<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">✳ Virtualisation</div>
<div class="project-tag">✳ Video-Synthesis</div>
<div class="project-tag">✳ MaxMSP</div>
<div class="project-tag">✳ Jitter</div>
</div>
<h2>The Electronic Image, An Object of Time and Energy</h2>
</div>
<div class="article" data-tags="Performance AI DeepFakes TD">
<a href= 'articles/latent-mirror'><div class="article-image">
<img src="/images/latent-mirror.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ Performance</div>
<div class="project-tag">✳ AI</div>
<div class="project-tag">✳ DeepFakes</div>
<div class="project-tag">✳ TD</div>
</div>
<h2>Latent Mirror</h2>
<h2>Stubborn Vectors</h2>
</div>
<div class="article" data-tags="AI Unity Simulation RL">
@@ -235,6 +121,65 @@
<h2>Moloch</h2>
</div>
<div class="article" data-tags="RL AI Unity Simulation">
<a href= 'articles/beauty-and-the-beep'><div class="article-image">
<img src="/images/beep.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ RL</div>
<div class="project-tag">✳ AI</div>
<div class="project-tag">✳ Unity</div>
<div class="project-tag">✳ Simulation</div>
</div>
<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">
<img src="/images/data.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ Web</div>
<div class="project-tag">✳ ML</div>
<div class="project-tag">✳ p5</div>
</div>
<h2>The BIG D.A.T.A Interview</h2>
</div>
<div class="article" data-tags="Web Creative-Coding">
<a href= 'articles/undefined'><div class="article-image">
@@ -252,6 +197,84 @@
<h2>Undefined Panorama</h2>
</div>
<div class="article" data-tags="HPE AI">
<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">✳ HPE</div>
<div class="project-tag">✳ AI</div>
</div>
<h2>AI x Body</h2>
</div>
<div class="article" data-tags="Performance AI DeepFakes TD">
<a href= 'articles/latent-mirror'><div class="article-image">
<img src="/images/latent-mirror.png">
</div></a>
<div id="project-tags">
<div class="project-tag">✳ Performance</div>
<div class="project-tag">✳ AI</div>
<div class="project-tag">✳ DeepFakes</div>
<div class="project-tag">✳ TD</div>
</div>
<h2>Latent Mirror</h2>
</div>
<div class="article" data-tags="AI NLP Simulation">
<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">✳ NLP</div>
<div class="project-tag">✳ Simulation</div>
</div>
<h2>(O)MACHINE</h2>
</div>
<div class="article" data-tags="Virtualisation Video-Synthesis MaxMSP Jitter">
<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">✳ Virtualisation</div>
<div class="project-tag">✳ Video-Synthesis</div>
<div class="project-tag">✳ MaxMSP</div>
<div class="project-tag">✳ Jitter</div>
</div>
<h2>The Electronic Image, An Object of Time and Energy</h2>
</div>
<div id="clouds">
<div class="cloud">
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⣶⣶⣶⣶⣶⣶⣤⣤⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀