starting portfolio

3 files changed, 15 insertions, 16 deletions

diff --git a/docs/assets/js/site.js b/docs/assets/js/site.js
index b3e9e39..6549405 100644
--- a/docs/assets/js/site.js
+++ b/docs/assets/js/site.js
@@ -28,6 +28,10 @@ const site = (function(){
   }, 0)
   toArray(document.querySelectorAll('.menu a')).forEach(a => {
     a.addEventListener("click", e => {
+      if (e.target.getAttribute('href').indexOf('#') === -1) {
+        sounds.play('click')
+        return
+      }
       e.preventDefault()
       sounds.play('click')
       console.log(e.target)
diff --git a/docs/index.html b/docs/index.html
index 1b34907..caa026e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -17,6 +17,7 @@
       <a href="#bio"><span class='d'>Biography</span><span class='m'>Bio</span></a>
       <!-- <a href="#discography"><span class='d'>Discography</span><span class='m'>Albums</span></a> -->
       <a href="#hardware">Equipment</a>
+      <a href="/portfolio/">Portfolio</a>
       <a href="#contact">Contact</a>
     </div>
     <div class="player paused">
@@ -36,7 +37,7 @@
     Xena Vectra is the alter ego of synth goddess Bethany Barrett. Born in the mountains of the Black Forest, raised in sunny California, she now resides in Berlin.  Her unique style is inspired by synth-heavy film soundtracks and italo disco, driven by her love of analog electronics.
   </p>
   <p>
-  As Xena Vectra, she performs live using an all hardware setup, no laptop. She is always looking for new projects involving sound design, including film and game soundtracks, and is available for live bookings throughout Europe. She also appears as one half of synth duo Magisphere. Her soundtrack work includes scoring indie film <i>Figaros W&ouml;lfe</i> (2017) and creating <a href="https://asdf.us/sonifications/">data sonifications</a> for German artist Hito Steyerl's <i>Drill</i> (2019), <i>This is the Future</i> (2019) and <i>Power Plants</i> (2019).
+  As Xena Vectra, she performs live using an all hardware setup, no laptop. She is always looking for new projects involving sound design, including film and game soundtracks, and is available for live bookings throughout Europe. She also appears as one half of synth duo Magisphere. Her soundtrack work includes scoring indie film <i>Figaros W&ouml;lfe</i> (2017) and creating <a href="https://asdf.us/sonifications/">data sonifications</a> for artist Hito Steyerl's <i>Drill</i> (2019), <i>This is the Future / Power Plants</i> (2019), and <i>SocialSim</i> (2020).
   </p>
 </section>
 <section id="discography">
diff --git a/docs/portfolio/index.html b/docs/portfolio/index.html
index e5ea486..35dc417 100644
--- a/docs/portfolio/index.html
+++ b/docs/portfolio/index.html
@@ -71,14 +71,6 @@
         <div class='icon audio'></div>
         Yale Marching Band - Mass Shootings (1999-2018)
       </span>
-      <span class='link' href="media/04 Bethany Barrett - Flowers of Inequality.mp3">
-        <div class='icon audio'></div>
-        Flowers of Inequality
-      </span>
-      <span class='link' href="media/05 Bethany Barrett - Six Days.mp3">
-        <div class='icon audio'></div>
-        Six Days
-      </span>
     </div>
 
     <p>
@@ -88,23 +80,25 @@
       every week.  I scored the film using data sonifications of mass shooting data, performed
       using the Deepmind 12 synthesizer and JX-8P.  These were later arranged and
       performed by the Yale University Precision Marching Band in the Drill Hall at the Armory.
-      Finally, I composed two long drones using income inequality data.
     </p>
 
     <h3>This is the Future / Power Plants</h3>
     <small>2019</small>
 
     <div class='links'>
-      <span class='link' href="media/">
+      <span class='link' href="media/04 Bethany Barrett - Flowers of Inequality.mp3">
         <div class='icon audio'></div>
-        (drone)
+        Flowers of Inequality
+      </span>
+      <span class='link' href="media/05 Bethany Barrett - Six Days.mp3">
+        <div class='icon audio'></div>
+        Six Days
       </span>
-
     </div>
 
     <p>
-      Hito Steyerl's <i>This is the Future / Power Plants</i> used one of my drones to illustrate a garden of
-      imaginary flowers.  It showed in 2019 at the Venice Biennale.
+      Hito Steyerl's <i>This is the Future / Power Plants</i> used my drones to illustrate a garden of
+      flowers with the power to cure social media addiction.  It was presented in 2019 at the Venice Biennale.
     </p>
 
     <h3>Figaros Wölfe</h3>
@@ -152,7 +146,7 @@
   s.setAttribute('src', window.location.href.match('asdf') ? './index.js' : './index.js?' + Date.now());
   document.body.appendChild(s);
   (function(){
-    var e = atob('eGVuYXZlY3RyYUBnbWFpbC5jb20=')
+    var e = atob('eGVuYXZlY3RyYTkwOUBnbWFpbC5jb20=')
     address.setAttribute("href", 'mailto:' + e)
     address.innerHTML = e
   })()