From c2d51d274235b88b0e0be25afbec09f94a3bf409 Mon Sep 17 00:00:00 2001
From: Gabriel Dunne <gdunne@quilime.com>
Date: Wed, 14 Jun 2023 22:07:31 -0700
Subject: [PATCH] Bio

---
 _includes/nav.html                     | 10 +++++-----
 _posts/works/2023-02-05-subspectral.md | 23 ++++++++++-------------
 about.md                               |  2 +-
 css/main.css                           | 22 ++++++++++++----------
 4 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/_includes/nav.html b/_includes/nav.html
index a80011e..5cb1811 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,29 +1,29 @@
 <div class="nav" id="nav">
   <ul>
-    <li><h3 class="header"><a href="{{site.url}}/">{{site.name}}</a></h3></li>
+    <li><h4 style="margin-top:0;" class="header"><a href="{{site.url}}/">{{site.name}}</a></h4></li>
     <li><a href="{{ site.url }}/about/">about</a></li>
     <li><a href="{{ site.url }}/posts/">all posts</a></li>
 
     <li>&nbsp;</li>
-    <li><h3 class="header"><a href="/featured/">featured</a></h3></li>
+    <li><h4 class="header"><a href="/featured/">featured</a></h4></li>
     {% for post in site.categories.featured %}
       <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
     {% endfor %}
 
     <li>&nbsp;</li>
-    <li><h3 class="header"><a href="/works/">works</a></h3></li>
+    <li><h4 class="header"><a href="/works/">works</a></h4></li>
     {% for post in site.categories.works %}
       <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
     {% endfor %}
 
     <li>&nbsp;</li>
-    <li><h3 class="header"><a href="/performance/">performance</a></h3></li>
+    <li><h4 class="header"><a href="/performance/">performance</a></h4></li>
     {% for post in site.categories.performance %}
       <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
     {% endfor %}
 
     <li>&nbsp;</li>
-    <li><h3 class="header"><a href="/projects/">projects</a></h3></li>
+    <li><h4 class="header"><a href="/projects/">projects</a></h4></li>
     {% for post in site.categories.projects %}
       <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
     {% endfor %}
diff --git a/_posts/works/2023-02-05-subspectral.md b/_posts/works/2023-02-05-subspectral.md
index 55cbdbd..ecf1813 100644
--- a/_posts/works/2023-02-05-subspectral.md
+++ b/_posts/works/2023-02-05-subspectral.md
@@ -7,15 +7,13 @@ categories: works featured
 
 [![Subspectral]({{site.url}}/m/subspectral/cover.png)](https://album.link/subspectral)
 
-Stripe of Mirrors - Subspectral
-
-Full Length Album
+Full Length Album released under my musical alias [Stripe of Mirrors](https://stripeofmirrors.com)
 
 14 tracks -- 1 hour, 14 minutes
 
-[album.link/subspectral](https://album.link/subspectral)
+Listen: [album.link/subspectral](https://album.link/subspectral)
 
-Subspectral is an introspective, internal journey through landscapes and architectures of temporal ruminations and emotions pertaining to the Other world. A labyrinthine of time, textures, and spaces, that resonate between the finite experience of life and infinite experience of death, settling and leaning deep into the void that one leaves when they move into the next plane, only to find acceptance, familiarity, and hope.
+Subspectral is an introspective, internal journey through landscapes and architectures of temporal ruminations and emotions pertaining to the Other world. A labyrinthine of time, textures, and spaces, that resonate between the finite experience of life and infinite experience of death, settling and leaning deep into the void that one leaves when they move into the next plane, only to find acceptance, familiarity, and hope. 
 
 01. Title A
 02. Heartbeats
@@ -32,7 +30,7 @@ Subspectral is an introspective, internal journey through landscapes and archite
 13. Births
 14. Title C
 
-Available on
+<!-- Available on
 
 - [Spotify](https://open.spotify.com/album/58SCdurU9mc6gPJQ0Wwvc1)
 - [Bandcamp](https://stripeofmirrors.bandcamp.com/album/subspectral)
@@ -45,18 +43,17 @@ Available on
 - [Boomplay](https://www.boomplay.com/albums/62800235)
 - [Anghami](https://play.anghami.com/album/1035536429)
 - [iHeartRadio](https://www.iheart.com/artist/stripe-of-mirrors-39535675/albums/subspectral-200424009/)
-- [Discogs](https://www.discogs.com/release/26008744-Stripe-Of-Mirrors-Subspectral-)
+- [Discogs](https://www.discogs.com/release/26008744-Stripe-Of-Mirrors-Subspectral-) -->
 
 More tracks and live streams on [Stripe of Mirrors](https://stripeofmirrors.com)
 
 
 ## Music Videos
 
-
+### Shimmers
 
 <iframe width="560" height="315" src="https://www.youtube.com/embed/EE_GrevFDFI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
 
-### Shimmers
 
 Featuring Adam Roth’s world of “Astramid”, hyperreal time/space astronauts appear to be created from an amalgamation of elements from ancient Earth history and a far, imagined future. His hand drawn character illustrations were used to generate what appears to be a hyper-realistic future-past fashion look-book. To complete this process, we collaborated on custom animation tools built upon Stable Diffusion, an open-source AI image model, to develop a stop-animation look that contributed to a filmic presence and realism, giving the characters even more form and life to compliment the ethereal and transient percussive sounds in the track. Throughout this creative process we would generate thousands of image "gens" exploring the results and selecting our picks, sometimes running them through the model again and again as way to achieving a certain (im)materiality through image, coaxing and pulling out what we wanted to see in the final characters.
 
@@ -76,10 +73,10 @@ Adam Roth's world of "Astramid" continues to be developed in the realm of print,
 
 
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/nOc6E8JCF0w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
-
 ### Peliculated
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/nOc6E8JCF0w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
 The video for "Pelicuated" is a personal homage -- a collaboration with my dad post-mortem. This video is created from footage of his color 16mm short film of the same name, and the audio track was original composed with this footage in mind, as it was always a goal of ours to do audio/visual collaborations. The original 12 minute short was part of his graduate thesis at SFAI in the late 70's, depicting slice-of-life scenes from San Francisco, incorporated many of his original transfer and exposure inventions. The film won the 1978 New York Independent Film Festival. Since then, the original print has been lost. This video is my way of incorporating some of my favorite of his film visuals with my sounds, hopefully elevating both in the process. The entire piece was remastered and upscaled to 2k -- far more clear than the original NTSC/VGA footage telecine -- offering a glimpse of details in the footage that is chromatic, vivid, and painterly.
 
 Some of my earliest memories are of the creative chaos of my dads studio, exploring snippets of 8 and 16mm celluloid frame strips strewn on the floor edits or playing with the splicers, eventually learning how to clean film reels and learn the telecine for film to video transfer. Never one to be a medium purist, he would always dive head-first into new creative processes. He introduced me very early on to using computers as creative tool via an Amiga 1000 with Deluxe Paint, and later the Video Toaster. While computing can be conceived of as just an other tool in the toolbox, even since those early moments I contextualized computing as a creative method, a form of literacy, and a way of processing and thinking, which I continuing to embody to this day.
@@ -93,10 +90,10 @@ Some of my earliest memories are of the creative chaos of my dads studio, explor
 
 <br />
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/R-uWxH40T-k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
-
 ###     Taps
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/R-uWxH40T-k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
 "Taps" is one of the longer, internal and contemplative tracks on Subspectral featuring many rhythmic ringing overtones and layers. The animation for this piece was created by traveling within the latent space of the Stable Diffusion image model, but I never allow the model to resolve a specific image or recognizable object, nor use any color, so the result is an aimlessly transient spectral exploration that never arrives at a conclusion. Just as the brain thinks it recognizes an object or form, the image has moved on. In my process I generated thousands of images, and then explored the results and curated moments that to me resembled flora, ink blots, Rorschach tests, clouds, moods, spaces, and strange forms that seem uncomfortably inhuman but evocative. The piece is a metaphor for the undulating discomfort of growth and infinite introspection between spaces. It's a subliminal and subtle hallucination, like a synthetic dream that can't be shared with words but still resonates a feeling upon waking. I found glimpses of beauty in this strange uncomfortable unknown. I would ask myself what would happen if I were to intentionally steer directly into these strange areas, could I ever be comfortable within them? Perhaps the recognition of various generative procedures resolves in my mind as a type of process as I am exploring a new visual literacy with these new image models. After a while, the aesthetic artifacts and tendencies of the sampling method do became familiar, but still remain entirely synthetic, alien, and mysterious. 
 
 - Video link: [https://youtu.be/R-uWxH40T-k](https://youtu.be/R-uWxH40T-k)
diff --git a/about.md b/about.md
index f054519..2eacced 100644
--- a/about.md
+++ b/about.md
@@ -5,7 +5,7 @@ title: about
 
 <br />
 
-Personal website of Gabriel Dunne, an American interdisciplinary artist, designer, and software developer based in the California Bay Area. With decades of experience spanning diverse mediums including parametric and computational design, software engineering, creative tooling, sound/spatial audio, installation, and fabrication, he has maintained a diverse artistic and innovative studio practice and holistic systems-thinking methodologies, resulting in work that represents his continuous exploration and interconnection of visual and audible, digital and material.
+Personal website of Gabriel Dunne, an American interdisciplinary artist, designer, and software developer based in the California Bay Area. With decades of experience spanning diverse mediums including parametric and computational design, software, creative tooling, sound/spatial audio, installation, and fabrication, he has maintained a diverse artistic and studio practice of holistic systems-thinking methodologies and explorations, resulting in work that represents a continuous interconnection of visual and audible, digital and material.
 
 
 ## email
diff --git a/css/main.css b/css/main.css
index 1fb8da8..b71f973 100755
--- a/css/main.css
+++ b/css/main.css
@@ -15,7 +15,7 @@ body {
   line-height:1.5em;
   letter-spacing: 0.015em;
 }
-h1, h2, h3 {
+h1, h2, h3, h4 {
   text-transform: uppercase;
 }
 h1, h2, h3, h4, h5, h6 {
@@ -31,10 +31,10 @@ h1, h2 {
   font-size:1.5em;
   color: #aaa;
 }
-h3 {
-  margin: 2em 0 0.5em 0;
+h3, h4 {
+  margin: 2em 0 1em 0;
 }
-h1 a, h2 a, h3 a {
+h1 a, h2 a, h3 a, h4 a {
   font-weight: normal;
   text-decoration: none;
 }
@@ -47,13 +47,15 @@ h3:first-child,
 h2:first-child {
   margin-top:0;
 }
-h3 {
-  font-size:1em;
-  margin-bottom:0em;
+h3, h4 {
+  font-size:1.3em;
+/*  margin-bottom:0em;*/
   color:#999;
   font-weight:normal;
 }
-
+h4 {
+  font-size:1em;
+}
 p { margin: 1em 0; }
 
 a {
@@ -265,10 +267,10 @@ ul.index li {
 .nav h2 {
   margin-bottom:0.1em;
 }
-.nav h3.header {
+.nav h4.header {
   margin-bottom:0.25em;
 }
-.nav h3.header a, .nav-index h3.header a {
+.nav h4.header a, .nav-index h4.header a {
   color:#bbb;
 /*  border-bottom:4px solid #999;*/
 }
-- 
2.34.1