Browse Source

image update

master
Cailean Finn 6 months ago
parent
commit
d9185c7f89
  1. 13
      content/posts/beauty-and-the-beep.md
  2. 29
      public/articles/beauty-and-the-beep.html
  3. 3
      public/css/styles.css

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

@ -37,22 +37,27 @@ For this work, I collaborated with Simone C Niquille as a Creative Technologist.
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/939037482?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;"><iframe src="https://player.vimeo.com/video/939037482?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>
__Early Experiments__
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif "Beauty and the Beep - Training")
&#x2197; training!
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif "Beauty and the Beep - Training")
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/intial_experimentation_error.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/intial_experimentation_error.gif "Beauty and the Beep - Training")
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif "Beauty and the Beep - Training")
__Depth Sensor__
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/depth_sensor.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/depth_sensor.gif "Beauty and the Beep - Training")
__Struggling Chair__
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/mid-struggle.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/mid-struggle.gif "Beauty and the Beep - Training")
__Final Training__
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/dm_scrambler.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/dm_scrambler.gif "Beauty and the Beep - Training")
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/dm_walker.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/dm_walker.gif "Beauty and the Beep - Training")
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/stairs.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/stairs.gif "Beauty and the Beep - Training")
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/treadmill_flip.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/treadmill_flip.gif "Beauty and the Beep - Training")
![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/walking.gif "Beauty and the Beep - Training") ![Beauty and the Beep - Training](/images/beauty-and-the-beep/gif/walking.gif "Beauty and the Beep - Training")

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

@ -49,21 +49,18 @@
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/939037482?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> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/939037482?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> <script src="https://player.vimeo.com/api/player.js"></script>
<p><strong>Early Experiments</strong> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif" title="Beauty and the Beep - Training" /></p>
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif" title="Beauty and the Beep - Training" /> <p>&#x2197; training!</p>
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif" title="Beauty and the Beep - Training" /> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif" title="Beauty and the Beep - Training" /></p>
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_error.gif" title="Beauty and the Beep - Training" /> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_error.gif" title="Beauty and the Beep - Training" /></p>
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif" title="Beauty and the Beep - Training" /></p> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif" title="Beauty and the Beep - Training" /></p>
<p><strong>Depth Sensor</strong> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/depth_sensor.gif" title="Beauty and the Beep - Training" /></p>
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/depth_sensor.gif" title="Beauty and the Beep - Training" /></p> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" title="Beauty and the Beep - Training" /></p>
<p><strong>Struggling Chair</strong> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/dm_scrambler.gif" title="Beauty and the Beep - Training" /></p>
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" title="Beauty and the Beep - Training" /></p> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/dm_walker.gif" title="Beauty and the Beep - Training" /></p>
<p><strong>Final Training</strong> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/stairs.gif" title="Beauty and the Beep - Training" /></p>
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/dm_scrambler.gif" title="Beauty and the Beep - Training" /> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/treadmill_flip.gif" title="Beauty and the Beep - Training" /></p>
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/dm_walker.gif" title="Beauty and the Beep - Training" /> <p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/walking.gif" title="Beauty and the Beep - Training" /></p>
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/stairs.gif" title="Beauty and the Beep - Training" />
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/treadmill_flip.gif" title="Beauty and the Beep - Training" />
<img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/walking.gif" title="Beauty and the Beep - Training" /></p>
</div> </div>
@ -125,7 +122,7 @@
<div id="modified-time"> <div id="modified-time">
<h4>Last Modified: </h4> <h4>Last Modified: </h4>
<p> Fri Jun 21 11:32:37 2024</p> <p> Fri Jun 21 15:57:26 2024</p>
</div> </div>
</div> </div>

3
public/css/styles.css

@ -337,8 +337,9 @@ body {
} }
p img { p img {
width: 100%; max-width: 100%;
height: auto; height: auto;
max-height: 600px;
} }
#project-cover img{ #project-cover img{

Loading…
Cancel
Save