Browse Source

all content added

master
Cailean Finn 6 months ago
parent
commit
e3e8d80743
  1. 37
      content/posts/demo.md
  2. 28
      content/posts/electronic-image.md
  3. 15
      content/posts/latent-mirror.md
  4. 19
      content/posts/undefined.md
  5. 4
      public/articles/data.html
  6. 101
      public/articles/demo.html
  7. 2
      public/articles/dwelling.html
  8. 15
      public/articles/electronic-image.html
  9. 15
      public/articles/latent-mirror.html
  10. 26
      public/articles/undefined.html
  11. 34
      public/gallery.html
  12. BIN
      public/images/electronic-image/d_electronic-image_1.png
  13. BIN
      public/images/electronic-image/d_electronic-image_2.png
  14. BIN
      public/images/electronic-image/d_electronic-image_3.png
  15. BIN
      public/images/electronic-image/d_electronic-image_4.JPG
  16. BIN
      public/images/electronic-image/d_electronic-image_6.png
  17. BIN
      public/images/electronic-image/d_electronic-image_7.png
  18. BIN
      public/images/electronic-image/d_electronic-image_8.png
  19. BIN
      public/images/electronic-image/d_electronic-image_9.png
  20. BIN
      public/images/latent-mirror/d_latent_01.png
  21. BIN
      public/images/latent-mirror/d_latent_02_small.png
  22. BIN
      public/images/latent-mirror/d_latent_03.png
  23. BIN
      public/images/latent-mirror/d_latent_4.png
  24. BIN
      public/images/latent-mirror/d_latent_5.png
  25. BIN
      public/images/latent-mirror/d_latent_6.png
  26. BIN
      public/images/undefined-panorama/d_undefined_2.png
  27. BIN
      public/images/undefined-panorama/d_undefined_4.png
  28. BIN
      public/images/undefined-panorama/d_undefined_5.png
  29. 2
      public/js/main.js
  30. 5
      public/json/articles.json
  31. 19
      public/list.html

37
content/posts/demo.md

@ -1,37 +0,0 @@
---
title: DEMO
type: Project
year: 2024
image: demo.jpg
tags: [AI, NLP, Simulation]
date: 2024-06-07
showcase:
- name: Speak It Now Eat It, Revision Performing Arts Festival
year: 202777
location: Belfast
credits:
Eoin O'Sullivan: Sound design
references:
- title: some-title
link: https://www.caileanfinn.ie
draft: true
---
(O)MACHINE is a real-time generative performance that employs contemporary machine learning algorithms to explore how we humanise technologies.The architecture of this system was designed to emulate our stream of consciousness, where the machine is trapped in this perpetual cycle through processes of reflection and feedback. As questions begin to arise around the sentience or ‘intelligence’ of these thinking machines, it has become even more important to explore our relationship with machines, and how it continues to evolve. By engaging with its output, it positions artificial intelligence as both a subject and tool. Through this approach, we may begin to expand the dynamics of this connection through new methods of collaboration. From this interaction, we can continue to learn more about how these systems function, how they think, if they even think at all, or can it help us think?
Sound design by (Eoin O'Sullivan)[https://eoin-osullivan.bandcamp.com/]
* One
* Two
* Three
__HELLO__
## WORLD ##
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/952371869?h=fabc477b89&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<div style="padding:56.25% 0 0 0;position:relative; margin-top:20px;"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/g-10hW3Sly0?si=zUqzDQXnSPHBAGSq&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
![alt text](/images/demo.jpg "Title")
_WHAT_

28
content/posts/electronic-image.md

@ -19,3 +19,31 @@ The three studies have been shaped by the experimental processes, techniques, an
(PDF &#x2197;)[./assets/pdfs/thesis.pdf] (PDF &#x2197;)[./assets/pdfs/thesis.pdf]
<div style="padding:56.25% 0 0 0;position:relative; margin-top:20px;"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/Dr69viT21Oo?si=lLBPApBhBZuIrsqk&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
<div style="padding:56.25% 0 0 0;position:relative; margin-top:20px;"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/myXqCsXgbXw?si=5Xac8V1MsKgBYvDt&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
![Electronic Image](/images/electronic-image/d_electronic-image_1.png "Electronic Image")
![Electronic Image](/images/electronic-image/d_electronic-image_3.png "Electronic Image")
![Electronic Image](/images/electronic-image/d_electronic-image_4.JPG "Electronic Image")
![Electronic Image](/images/electronic-image/d_electronic-image_2.png "Electronic Image")
![Electronic Image](/images/electronic-image/d_electronic-image_1.png "Electronic Image")
![Electronic Image](/images/electronic-image/d_electronic-image_6.png "Electronic Image")
![Electronic Image](/images/electronic-image/d_electronic-image_7.png "Electronic Image")
![Electronic Image](/images/electronic-image/d_electronic-image_8.png "Electronic Image")
![Electronic Image](/images/electronic-image/d_electronic-image_9.png "Electronic Image")

15
content/posts/latent-mirror.md

@ -10,15 +10,18 @@ showcase:
year: 2022 year: 2022
location: Wateford location: Wateford
credits: credits:
Cailean: CT Cailean Finn: Visuals
Leon: Camera Evan Miles: Sound
references:
- title: some-title
link: https://www.caileanfinn.ie
draft: false draft: false
--- ---
This audio-visual performance was created in response to the 'Portraits: People & Place' exhibition at the WGOA (Waterford Gallery of Art). The performance explored the role portraits hold in the digital age, and how our perception of the 'subject' or 'sitter' has in some ways changed to facilitate virtual interactions. For this performance, I collaborated with local sound artist and producer (Evan Miles)[https://www.instagram.com/theevanmiles/], to produce visuals in response to his music. Our aim was to understand what meaning has been lost or gained during this digital conversion, and in what ways can we re-imagine our digital identity through sound, and video. This audio-visual performance was created in response to the 'Portraits: People & Place' exhibition at the WGOA (Waterford Gallery of Art). The performance explored the role portraits hold in the digital age, and how our perception of the 'subject' or 'sitter' has in some ways changed to facilitate virtual interactions. For this performance, I collaborated with local sound artist and producer (Evan Miles)[https://www.instagram.com/theevanmiles/], to produce visuals in response to his music. Our aim was to understand what meaning has been lost or gained during this digital conversion, and in what ways can we re-imagine our digital identity through sound, and video.
The visual element of the performance was real-time and audio reactive, which captured the facial structure of the performing sound artist. By utilising Machine Learning Models, the captured face was manipulated and distorted further to animate another portrait, in an attempt to deconstruct and isolate key compositional elements of the 'subject'. Through this work, we hoped to reflect on our digital identity, and highlight the disconnection between our physical and virtual presence. The visual element of the performance was real-time and audio reactive, which captured the facial structure of the performing sound artist. By utilising Machine Learning Models, the captured face was manipulated and distorted further to animate another portrait, in an attempt to deconstruct and isolate key compositional elements of the 'subject'. Through this work, we hoped to reflect on our digital identity, and highlight the disconnection between our physical and virtual presence.
Created in TouchDesigner. *Performed live with TouchDesigner & Custom Deepfake Model.*
![Latent Mirror](/images/latent-mirror/d_latent_03.png "Latent Mirror")
![Latent Mirror](/images/latent-mirror/d_latent_5.png "Latent Mirror")
![Latent Mirror](/images/latent-mirror/d_latent_6.png "Latent Mirror")

19
content/posts/undefined.md

@ -10,11 +10,10 @@ showcase:
year: 2022 year: 2022
location: Seoul location: Seoul
credits: credits:
Cailean: CT Yang Ah Ham: Artist
Leon: Camera The Laboratory of Manuel Burger: Graphic/Web Design
references: Nora O Murchu: Curator & Reseracher
- title: some-title Cailean Finn: Web Developer
link: https://www.caileanfinn.ie
draft: false draft: false
--- ---
Undefined Panorama is a project by Yang Ah Ham in collaboration with, (The Laboratory of Manuel Bürger)[https://manuelbuerger.com/], Cailean Finn, and (Nora O Murchú)[http://www.noraomurchu.com/]. The work was made with the support of curator SungMin LJ, assistant researcher Parr Geng, coordinator Yena Ku. Undefined Panorama is a project by Yang Ah Ham in collaboration with, (The Laboratory of Manuel Bürger)[https://manuelbuerger.com/], Cailean Finn, and (Nora O Murchú)[http://www.noraomurchu.com/]. The work was made with the support of curator SungMin LJ, assistant researcher Parr Geng, coordinator Yena Ku.
@ -24,3 +23,13 @@ Undefined Panorama (2018–present) explores socio-political infrastructures and
The online version of Undefined Panorama allows people to move between micro and macro perspectives of global, national and local events. In moving between these scales, Yang Ah Ham aims to open up questions about our relations to these events, and to generate new meanings by altering the scale of observation. The online version of Undefined Panorama allows people to move between micro and macro perspectives of global, national and local events. In moving between these scales, Yang Ah Ham aims to open up questions about our relations to these events, and to generate new meanings by altering the scale of observation.
This website was commissioned by 2022 Seo-Seoul Museum of Art Pre-opening Public Program Exceptional Times, Uncertain Moves, and created with support from the Arts Council Korea. This website was commissioned by 2022 Seo-Seoul Museum of Art Pre-opening Public Program Exceptional Times, Uncertain Moves, and created with support from the Arts Council Korea.
(Website &#x2197;)[http://undefinedpanorama.net/]
![UP](/images/undefined-panorama/d_undefined_4.png "UP")
![UP](/images/undefined-panorama/d_undefined_2.png "UP")
![UP](/images/undefined-panorama/d_undefined_5.png "UP")

4
public/articles/data.html

@ -56,7 +56,7 @@
<div class="credit"> <div class="credit">
<p>&#8594;</p> <p>&#8594;</p>
<p>Cailean, </p> <p>Cailean Finn, </p>
<p>Coding & Web Design</p> <p>Coding & Web Design</p>
</div> </div>
@ -87,7 +87,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Fri Jun 21 11:36:20 2024</p> <p> Fri Jun 21 11:57:13 2024</p>
</div> </div>
</div> </div>

101
public/articles/demo.html

@ -1,101 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cailean.finn</title>
<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">list</a></div>
<div class="nav-emoji"><a href='/gallery'>gallery</a></div>
</div>
<div id="container">
<div id="project-container">
<div id="project-header">DEMO, 2024</div>
<div id="project-tags">
<div class="project-tag">✳ AI</div>
<div class="project-tag">✳ NLP</div>
<div class="project-tag">✳ Simulation</div>
</div>
<div id="project-cover">
<img src="/images/demo.jpg">
</div>
<div id="project-body">
<p>(O)MACHINE is a real-time generative performance that employs contemporary machine learning algorithms to explore how we humanise technologies.The architecture of this system was designed to emulate our stream of consciousness, where the machine is trapped in this perpetual cycle through processes of reflection and feedback. As questions begin to arise around the sentience or ‘intelligence’ of these thinking machines, it has become even more important to explore our relationship with machines, and how it continues to evolve. By engaging with its output, it positions artificial intelligence as both a subject and tool. Through this approach, we may begin to expand the dynamics of this connection through new methods of collaboration. From this interaction, we can continue to learn more about how these systems function, how they think, if they even think at all, or can it help us think?</p>
<p>Sound design by <a href="https://eoin-osullivan.bandcamp.com/">Eoin O'Sullivan</a></p>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
<p><strong>HELLO</strong></p>
<h2>WORLD</h2>
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/952371869?h=fabc477b89&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div>
<script src="https://player.vimeo.com/api/player.js"></script>
<div style="padding:56.25% 0 0 0;position:relative; margin-top:20px;"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/g-10hW3Sly0?si=zUqzDQXnSPHBAGSq&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
<p><img alt="alt text" src="/images/demo.jpg" title="Title" /></p>
<p><em>WHAT</em></p>
</div>
<div id="project-showcase">
<div id="pr-header">Exhibited:</div>
<div id="showcase-cont">
<div class="showcase">
<p>(202777)</p>
<p>Speak It Now Eat It, Revision Performing Arts Festival,</p>
<p>Belfast</p>
</div>
</div>
</div>
<div id="project-credits">
<div id="pr-header">Credits:</div>
<div id="credit-cont">
<div class="credit">
<p>&#8594;</p>
<p>Eoin O'Sullivan, </p>
<p>Sound design</p>
</div>
</div>
</div>
<div id="modified-time">
<h4>Last Modified: </h4>
<p> Fri Jun 21 11:04:11 2024</p>
</div>
</div>
</div>
</div>
</body>
</html>

2
public/articles/dwelling.html

@ -166,7 +166,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Fri Jun 21 11:53:28 2024</p> <p> Fri Jun 21 14:37:29 2024</p>
</div> </div>
</div> </div>

15
public/articles/electronic-image.html

@ -42,6 +42,19 @@
<p>This video series comprises of three individual studies, namely Embedded Energy, Electronic Phase, and Omnidirectional Objects, with each video study exploring an inherent characteristic of the video signal that reflects the key phases of the development in the evolution of the medium’s structural, temporal and spatial capabilities. Created as part of my Thesis “The Electronic Image: An Object of Time and Energy” in Art and Technology MA, University of Limerick, Ireland.</p> <p>This video series comprises of three individual studies, namely Embedded Energy, Electronic Phase, and Omnidirectional Objects, with each video study exploring an inherent characteristic of the video signal that reflects the key phases of the development in the evolution of the medium’s structural, temporal and spatial capabilities. Created as part of my Thesis “The Electronic Image: An Object of Time and Energy” in Art and Technology MA, University of Limerick, Ireland.</p>
<p>The three studies have been shaped by the experimental processes, techniques, and philosophies of the pioneering artists working with video. The artists in question, specifically the works of Steina and Woody Vasulka, who were driven by their yearning to understand the electronic signal and to formulate an electronic lexicon. The work, in its entirety, is an investigation of the unique set of “codes” embedded within the language of the video signal, consequently, recognising the electronic image as an object of time, energy, and it's programmable building element – the waveform.</p> <p>The three studies have been shaped by the experimental processes, techniques, and philosophies of the pioneering artists working with video. The artists in question, specifically the works of Steina and Woody Vasulka, who were driven by their yearning to understand the electronic signal and to formulate an electronic lexicon. The work, in its entirety, is an investigation of the unique set of “codes” embedded within the language of the video signal, consequently, recognising the electronic image as an object of time, energy, and it's programmable building element – the waveform.</p>
<p><a href="./assets/pdfs/thesis.pdf">PDF &#x2197;</a> </p> <p><a href="./assets/pdfs/thesis.pdf">PDF &#x2197;</a> </p>
<div style="padding:56.25% 0 0 0;position:relative; margin-top:20px;"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/Dr69viT21Oo?si=lLBPApBhBZuIrsqk&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
<div style="padding:56.25% 0 0 0;position:relative; margin-top:20px;"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/myXqCsXgbXw?si=5Xac8V1MsKgBYvDt&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_1.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_3.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_4.JPG" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_2.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_1.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_6.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_7.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_8.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_9.png" title="Electronic Image" /></p>
</div> </div>
@ -79,7 +92,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Fri Jun 21 11:55:05 2024</p> <p> Fri Jun 21 14:56:30 2024</p>
</div> </div>
</div> </div>

15
public/articles/latent-mirror.html

@ -41,7 +41,10 @@
<div id="project-body"> <div id="project-body">
<p>This audio-visual performance was created in response to the 'Portraits: People &amp; Place' exhibition at the WGOA (Waterford Gallery of Art). The performance explored the role portraits hold in the digital age, and how our perception of the 'subject' or 'sitter' has in some ways changed to facilitate virtual interactions. For this performance, I collaborated with local sound artist and producer <a href="https://www.instagram.com/theevanmiles/">Evan Miles</a>, to produce visuals in response to his music. Our aim was to understand what meaning has been lost or gained during this digital conversion, and in what ways can we re-imagine our digital identity through sound, and video.</p> <p>This audio-visual performance was created in response to the 'Portraits: People &amp; Place' exhibition at the WGOA (Waterford Gallery of Art). The performance explored the role portraits hold in the digital age, and how our perception of the 'subject' or 'sitter' has in some ways changed to facilitate virtual interactions. For this performance, I collaborated with local sound artist and producer <a href="https://www.instagram.com/theevanmiles/">Evan Miles</a>, to produce visuals in response to his music. Our aim was to understand what meaning has been lost or gained during this digital conversion, and in what ways can we re-imagine our digital identity through sound, and video.</p>
<p>The visual element of the performance was real-time and audio reactive, which captured the facial structure of the performing sound artist. By utilising Machine Learning Models, the captured face was manipulated and distorted further to animate another portrait, in an attempt to deconstruct and isolate key compositional elements of the 'subject'. Through this work, we hoped to reflect on our digital identity, and highlight the disconnection between our physical and virtual presence.</p> <p>The visual element of the performance was real-time and audio reactive, which captured the facial structure of the performing sound artist. By utilising Machine Learning Models, the captured face was manipulated and distorted further to animate another portrait, in an attempt to deconstruct and isolate key compositional elements of the 'subject'. Through this work, we hoped to reflect on our digital identity, and highlight the disconnection between our physical and virtual presence.</p>
<p>Created in TouchDesigner.</p> <p><em>Performed live with TouchDesigner &amp; Custom Deepfake Model.</em></p>
<p><img alt="Latent Mirror" src="/images/latent-mirror/d_latent_03.png" title="Latent Mirror" /></p>
<p><img alt="Latent Mirror" src="/images/latent-mirror/d_latent_5.png" title="Latent Mirror" /></p>
<p><img alt="Latent Mirror" src="/images/latent-mirror/d_latent_6.png" title="Latent Mirror" /></p>
</div> </div>
@ -66,14 +69,14 @@
<div class="credit"> <div class="credit">
<p>&#8594;</p> <p>&#8594;</p>
<p>Cailean, </p> <p>Cailean Finn, </p>
<p>CT</p> <p>Visuals</p>
</div> </div>
<div class="credit"> <div class="credit">
<p>&#8594;</p> <p>&#8594;</p>
<p>Leon, </p> <p>Evan Miles, </p>
<p>Camera</p> <p>Sound</p>
</div> </div>
</div> </div>
@ -85,7 +88,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Sat Jun 8 23:39:31 2024</p> <p> Fri Jun 21 15:02:03 2024</p>
</div> </div>
</div> </div>

26
public/articles/undefined.html

@ -39,6 +39,10 @@
<p>Undefined Panorama (2018–present) explores socio-political infrastructures and systems, and the relations embedded within them. This continuously evolving project is based on research collected by the artist Yang Ah Ham as she observes how people deal with hardship generated by the impact of globalisation, societal crisis, inequality, economics, and politics in their lives. The aim of the project is to observe how society is organised and aims to ask: What possibilities are there for social structures based on care and solidarity?</p> <p>Undefined Panorama (2018–present) explores socio-political infrastructures and systems, and the relations embedded within them. This continuously evolving project is based on research collected by the artist Yang Ah Ham as she observes how people deal with hardship generated by the impact of globalisation, societal crisis, inequality, economics, and politics in their lives. The aim of the project is to observe how society is organised and aims to ask: What possibilities are there for social structures based on care and solidarity?</p>
<p>The online version of Undefined Panorama allows people to move between micro and macro perspectives of global, national and local events. In moving between these scales, Yang Ah Ham aims to open up questions about our relations to these events, and to generate new meanings by altering the scale of observation.</p> <p>The online version of Undefined Panorama allows people to move between micro and macro perspectives of global, national and local events. In moving between these scales, Yang Ah Ham aims to open up questions about our relations to these events, and to generate new meanings by altering the scale of observation.</p>
<p>This website was commissioned by 2022 Seo-Seoul Museum of Art Pre-opening Public Program Exceptional Times, Uncertain Moves, and created with support from the Arts Council Korea.</p> <p>This website was commissioned by 2022 Seo-Seoul Museum of Art Pre-opening Public Program Exceptional Times, Uncertain Moves, and created with support from the Arts Council Korea.</p>
<p><a href="http://undefinedpanorama.net/">Website &#x2197;</a> </p>
<p><img alt="UP" src="/images/undefined-panorama/d_undefined_4.png" title="UP" /></p>
<p><img alt="UP" src="/images/undefined-panorama/d_undefined_2.png" title="UP" /></p>
<p><img alt="UP" src="/images/undefined-panorama/d_undefined_5.png" title="UP" /></p>
</div> </div>
@ -63,14 +67,26 @@
<div class="credit"> <div class="credit">
<p>&#8594;</p> <p>&#8594;</p>
<p>Cailean, </p> <p>Yang Ah Ham, </p>
<p>CT</p> <p>Artist</p>
</div> </div>
<div class="credit"> <div class="credit">
<p>&#8594;</p> <p>&#8594;</p>
<p>Leon, </p> <p>The Laboratory of Manuel Burger, </p>
<p>Camera</p> <p>Graphic/Web Design</p>
</div>
<div class="credit">
<p>&#8594;</p>
<p>Nora O Murchu, </p>
<p>Curator & Reseracher</p>
</div>
<div class="credit">
<p>&#8594;</p>
<p>Cailean Finn, </p>
<p>Web Developer</p>
</div> </div>
</div> </div>
@ -82,7 +98,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Sat Jun 8 23:41:06 2024</p> <p> Fri Jun 21 15:08:57 2024</p>
</div> </div>
</div> </div>

34
public/gallery.html

@ -113,6 +113,40 @@
<img class="gallery-image" src="/images/dwelling/d_monocular.png"> <img class="gallery-image" src="/images/dwelling/d_monocular.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_1.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_2.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_3.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_4.JPG">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_6.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_7.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_8.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_9.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_01.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_02_small.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_03.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_4.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_5.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_6.png">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_2.png">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_4.png">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_5.png">
<img class="gallery-image" src="/images/website/checker.png"> <img class="gallery-image" src="/images/website/checker.png">
<img class="gallery-image" src="/images/website/lakitu.gif"> <img class="gallery-image" src="/images/website/lakitu.gif">

BIN
public/images/electronic-image/d_electronic-image_1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/images/electronic-image/d_electronic-image_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
public/images/electronic-image/d_electronic-image_3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 476 KiB

BIN
public/images/electronic-image/d_electronic-image_4.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 KiB

BIN
public/images/electronic-image/d_electronic-image_6.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 626 KiB

BIN
public/images/electronic-image/d_electronic-image_7.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 459 KiB

BIN
public/images/electronic-image/d_electronic-image_8.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 KiB

BIN
public/images/electronic-image/d_electronic-image_9.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 437 KiB

BIN
public/images/latent-mirror/d_latent_01.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 370 KiB

BIN
public/images/latent-mirror/d_latent_02_small.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 501 KiB

BIN
public/images/latent-mirror/d_latent_03.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 339 KiB

BIN
public/images/latent-mirror/d_latent_4.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

BIN
public/images/latent-mirror/d_latent_5.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 293 KiB

BIN
public/images/latent-mirror/d_latent_6.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 330 KiB

BIN
public/images/undefined-panorama/d_undefined_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 281 KiB

BIN
public/images/undefined-panorama/d_undefined_4.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 258 KiB

BIN
public/images/undefined-panorama/d_undefined_5.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 352 KiB

2
public/js/main.js

@ -185,7 +185,7 @@ function init() {
temp_txt.minFilter = THREE.NearestFilter; temp_txt.minFilter = THREE.NearestFilter;
let title = jsonData[i]['name'] let title = jsonData[i]['name']
let filename = jsonData[i]['filename'] let filename = jsonData[i]['filename']
let article = new Article(temp_txt, title, filename, i); let article = new Article(temp_txt, title, filename.replace(/\.[^/.]+$/, ""), i);
article.AddToScene(scene, aspect); article.AddToScene(scene, aspect);
object_list.push(article); object_list.push(article);
} }

5
public/json/articles.json

@ -19,11 +19,6 @@
"filename": "/articles/data.html", "filename": "/articles/data.html",
"image": "data.png" "image": "data.png"
}, },
{
"name": "DEMO",
"filename": "/articles/demo.html",
"image": "demo.jpg"
},
{ {
"name": "Dwelling", "name": "Dwelling",
"filename": "/articles/dwelling.html", "filename": "/articles/dwelling.html",

19
public/list.html

@ -144,25 +144,6 @@
<h2>The BIG D.A.T.A Interview</h2> <h2>The BIG D.A.T.A Interview</h2>
</div> </div>
<div class="article" data-tags="AI NLP Simulation">
<a href= 'articles/demo'><div class="article-image">
<img src="/images/demo.jpg">
</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>DEMO</h2>
</div>
<div class="article" data-tags="Unity Performance VFX"> <div class="article" data-tags="Unity Performance VFX">
<a href= 'articles/dwelling'><div class="article-image"> <a href= 'articles/dwelling'><div class="article-image">

Loading…
Cancel
Save