updated mouseover of menu indicator, and added dirtc content

_content/audio/dirtc.md

@@ -0,0 +1,22 @@
+---
+title: dirtc
+layout: page.njk
+imgFeat: 
+gallery: 
+---
+
+<div style="padding:56.25% 0 0 0;position:relative;">
+  <iframe src="https://player.vimeo.com/video/349757835?color=ffffff&amp;byline=0&amp;portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0"></iframe>
+</div>
+<script src="https://player.vimeo.com/api/player.js"></script>
+
+
+# dirtc
+
+Workshop experimenting with mobile phones and live real time conferencing protocol. Individual's phones joined voice, performed and environmental noises in a dirty feedback. 
+
+Texts collated by [Amy Pickles](http://amypickles.co.uk/) discussing the first recording of a human voice, an unknown female, and texts that considered how we record, what is lost, edited, removed and forgotten were the source.
+
+The acoustic output was being performed more by digital noise cancelling, and network interference, curated via a custom performance software instrument through looping and time manngling.
+
+Thank you to participants Alana Apfel, Gentian Rosa, Laurie Lax, Stacy Brafield, and Amy Pickles. To Sound Theorist Marie Thompson for [Beyond Unwanted Sound: Noise, Affect and Aesthetic Moralism](https://www.bloomsbury.com/uk/beyond-unwanted-sound-9781501313301/) and the [recording of an unknown woman in 1860](https://www.youtube.com/watch?v=q7Gi6j4w3DY), the first ever recording of a human voice.

_includes/nav.njk

@@ -21,10 +21,8 @@
   {% endfor %}
 </nav>
 
-<section style="position: fixed; bottom: 0; left: 0; margin: 0; padding: 0; width: 100vw; height: 50vh; z-index: 100;mix-blend-mode: difference;">
-  <div style="position: relative; width: 100%; height: 100%;mix-blend-mode: difference;">
+<section style="position: fixed; bottom: 0; left: 0; margin: 0; padding: 0; width: 100vw; height: 0px; overflow: visible; z-index: 100;mix-blend-mode: difference;">
     <h1 id="menuItem" class=""></h1>
-  </div>
 </section>
 
 <nav id="toTop">

assets/css/master.css

@@ -162,7 +162,7 @@ nav#toTop.active > span:hover {
 h1#menuItem {
   position: absolute;
   line-height: inherit;
-  bottom: 0;
+  bottom: -200px;
   margin: 0;
   padding: 0;
   font-size: 33vw;
@@ -176,7 +176,7 @@ h1#menuItem {
 h1#menuItem.active {
   mix-blend-mode: difference;
   opacity: 1 !important;
-  transform: translateY(-100px) !important;
+  transform: translateY(-300px) !important;
 }
 
 /* --> AUDIO TOGGLE <-- */

assets/js/interaction.js

@@ -103,6 +103,8 @@ for (let n of primaryNav) {
     menuItem.className = 'inactive'
     menuVoices[n.dataset.link].noteOff()
   })
+
+
 }
 
 // SCROLL TO TOP NAVIGATION

package.json

@@ -1,6 +1,6 @@
 {
   "name": "work.suroh.tk",
-  "version": "1.0.6",
+  "version": "1.1.0",
   "description": "",
   "main": "index.js",
   "dependencies": {},

test/_content/work/images/autonomousArchive/thumb-buildingLightbox.png

@@ -0,0 +1 @@
+autonomousArchive/thumb-buildingLightbox.jpg

test/_content/work/images/chagrin/thumb-chagrin1.png

@@ -0,0 +1 @@
+chagrin/thumb-chagrin1

test/_content/work/images/chagrin/thumb-chagrin2.png

@@ -0,0 +1 @@
+chagrin/thumb-chagrin2

test/_content/work/images/chagrin/thumb-chagrin3.png

@@ -0,0 +1 @@
+chagrin/thumb-chagrin

test/_content/work/images/fragileMastery/thumb-POD_Cover.png

@@ -0,0 +1 @@
+fragileMastery/thumb-POD_Cover

test/_content/work/images/fragileMastery/thumb-gradInstallation.png

@@ -0,0 +1 @@
+fragileMastery/thumb-gradInstallation

test/_content/work/images/tetra/euclid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 616.67 179" style="stroke: #FFCC00; fill: none; stroke-width: 2;"><title>Artboard 4 copy</title><polyline class="a" points="112 130 28 130 70 83 28 36 112 36"/><polyline class="a" points="373.11 130 289.11 130 373.11 36"/><line class="a" x1="487.78" y1="36" x2="487.78" y2="129.98"/><line class="a" x1="435.56" y1="36" x2="435.56" y2="129.98"/><line class="a" x1="127.44" y1="83" x2="221.44" y2="83"/><line class="a" x1="278.89" y1="36" x2="278.89" y2="130"/><circle class="a" cx="122.22" cy="83" r="47"/><circle class="a" cx="226.67" cy="83" r="47"/><circle class="a" cx="383.33" cy="83" r="47"/><circle class="a" cx="540" cy="83" r="47"/></svg>

test/_content/work/images/tetra/thumb-euclidianGenerator_mk2.png

@@ -0,0 +1 @@
+tetra/thumb-euclidianGenerator_mk2

test/_content/work/images/tetra/thumb-playingTetra.png

@@ -0,0 +1 @@
+tetra/thumb-playingTetra

test/_content/work/images/tetra/thumb-resized-6.png

@@ -0,0 +1 @@
+tetra/thumb-resized-6