diff --git a/_content/audio/dirtc.md b/_content/audio/dirtc.md
new file mode 100644
index 0000000..eb1bf6b
--- /dev/null
+++ b/_content/audio/dirtc.md
@@ -0,0 +1,22 @@
+---
+title: dirtc
+layout: page.njk
+imgFeat:
+gallery:
+---
+
+
+
+
+
+
+
+# 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.
diff --git a/_includes/nav.njk b/_includes/nav.njk
index 3f49774..48411d5 100644
--- a/_includes/nav.njk
+++ b/_includes/nav.njk
@@ -21,10 +21,8 @@
{% endfor %}
-
diff --git a/assets/css/master.css b/assets/css/master.css
index a8f4d7e..c38e35a 100644
--- a/assets/css/master.css
+++ b/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 <-- */
diff --git a/assets/js/interaction.js b/assets/js/interaction.js
index 3e71298..f3d95c3 100644
--- a/assets/js/interaction.js
+++ b/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
diff --git a/package.json b/package.json
index 257178c..343acf5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "work.suroh.tk",
- "version": "1.0.6",
+ "version": "1.1.0",
"description": "",
"main": "index.js",
"dependencies": {},
diff --git a/test/_content/audio/images/anomolous/_DSC5654.jpg b/test/_content/audio/images/anomolous/_DSC5654.jpg
new file mode 100755
index 0000000..8a43fc4
Binary files /dev/null and b/test/_content/audio/images/anomolous/_DSC5654.jpg differ
diff --git a/test/_content/audio/images/anomolous/_DSC5695.jpg b/test/_content/audio/images/anomolous/_DSC5695.jpg
new file mode 100755
index 0000000..b843cdd
Binary files /dev/null and b/test/_content/audio/images/anomolous/_DSC5695.jpg differ
diff --git a/test/_content/audio/images/anomolous/_DSC5696.jpg b/test/_content/audio/images/anomolous/_DSC5696.jpg
new file mode 100755
index 0000000..bf5881b
Binary files /dev/null and b/test/_content/audio/images/anomolous/_DSC5696.jpg differ
diff --git a/test/_content/audio/images/anomolous/low-thumb-_DSC5654.jpg b/test/_content/audio/images/anomolous/low-thumb-_DSC5654.jpg
new file mode 100755
index 0000000..977314a
Binary files /dev/null and b/test/_content/audio/images/anomolous/low-thumb-_DSC5654.jpg differ
diff --git a/test/_content/audio/images/anomolous/low-thumb-_DSC5695.jpg b/test/_content/audio/images/anomolous/low-thumb-_DSC5695.jpg
new file mode 100755
index 0000000..81bcac1
Binary files /dev/null and b/test/_content/audio/images/anomolous/low-thumb-_DSC5695.jpg differ
diff --git a/test/_content/audio/images/anomolous/low-thumb-_DSC5696.jpg b/test/_content/audio/images/anomolous/low-thumb-_DSC5696.jpg
new file mode 100755
index 0000000..f05f930
Binary files /dev/null and b/test/_content/audio/images/anomolous/low-thumb-_DSC5696.jpg differ
diff --git a/test/_content/audio/images/anomolous/patch.png b/test/_content/audio/images/anomolous/patch.png
new file mode 100755
index 0000000..d1ee9c2
Binary files /dev/null and b/test/_content/audio/images/anomolous/patch.png differ
diff --git a/test/_content/audio/images/anomolous/thumb-_DSC5654.jpg b/test/_content/audio/images/anomolous/thumb-_DSC5654.jpg
new file mode 100755
index 0000000..d753532
Binary files /dev/null and b/test/_content/audio/images/anomolous/thumb-_DSC5654.jpg differ
diff --git a/test/_content/audio/images/anomolous/thumb-_DSC5654.png b/test/_content/audio/images/anomolous/thumb-_DSC5654.png
new file mode 100755
index 0000000..da0648d
Binary files /dev/null and b/test/_content/audio/images/anomolous/thumb-_DSC5654.png differ
diff --git a/test/_content/audio/images/anomolous/thumb-_DSC5695.jpg b/test/_content/audio/images/anomolous/thumb-_DSC5695.jpg
new file mode 100755
index 0000000..d9b6625
Binary files /dev/null and b/test/_content/audio/images/anomolous/thumb-_DSC5695.jpg differ
diff --git a/test/_content/audio/images/anomolous/thumb-_DSC5695.png b/test/_content/audio/images/anomolous/thumb-_DSC5695.png
new file mode 100755
index 0000000..23ba021
Binary files /dev/null and b/test/_content/audio/images/anomolous/thumb-_DSC5695.png differ
diff --git a/test/_content/audio/images/anomolous/thumb-_DSC5696.jpg b/test/_content/audio/images/anomolous/thumb-_DSC5696.jpg
new file mode 100755
index 0000000..00ceb83
Binary files /dev/null and b/test/_content/audio/images/anomolous/thumb-_DSC5696.jpg differ
diff --git a/test/_content/audio/images/anomolous/thumb-_DSC5696.png b/test/_content/audio/images/anomolous/thumb-_DSC5696.png
new file mode 100755
index 0000000..8403db9
Binary files /dev/null and b/test/_content/audio/images/anomolous/thumb-_DSC5696.png differ
diff --git a/test/_content/audio/images/postoast/FOMORADIO_PostToast.jpg b/test/_content/audio/images/postoast/FOMORADIO_PostToast.jpg
new file mode 100755
index 0000000..9762a29
Binary files /dev/null and b/test/_content/audio/images/postoast/FOMORADIO_PostToast.jpg differ
diff --git a/test/_content/audio/images/postoast/low-thumb-FOMORADIO_PostToast.jpg b/test/_content/audio/images/postoast/low-thumb-FOMORADIO_PostToast.jpg
new file mode 100755
index 0000000..9f28f58
Binary files /dev/null and b/test/_content/audio/images/postoast/low-thumb-FOMORADIO_PostToast.jpg differ
diff --git a/test/_content/audio/images/postoast/low-thumb-pgxpublaunch.jpg b/test/_content/audio/images/postoast/low-thumb-pgxpublaunch.jpg
new file mode 100755
index 0000000..276d980
Binary files /dev/null and b/test/_content/audio/images/postoast/low-thumb-pgxpublaunch.jpg differ
diff --git a/test/_content/audio/images/postoast/low-thumb-redlightradio.png.jpg b/test/_content/audio/images/postoast/low-thumb-redlightradio.png.jpg
new file mode 100755
index 0000000..25b7159
Binary files /dev/null and b/test/_content/audio/images/postoast/low-thumb-redlightradio.png.jpg differ
diff --git a/test/_content/audio/images/postoast/pgxpublaunch.jpg b/test/_content/audio/images/postoast/pgxpublaunch.jpg
new file mode 100755
index 0000000..28568b5
Binary files /dev/null and b/test/_content/audio/images/postoast/pgxpublaunch.jpg differ
diff --git a/test/_content/audio/images/postoast/redlightradio.jpg b/test/_content/audio/images/postoast/redlightradio.jpg
new file mode 100755
index 0000000..1d4a6a8
Binary files /dev/null and b/test/_content/audio/images/postoast/redlightradio.jpg differ
diff --git a/test/_content/audio/images/postoast/thumb-FOMORADIO_PostToast.png b/test/_content/audio/images/postoast/thumb-FOMORADIO_PostToast.png
new file mode 100755
index 0000000..b100ff4
Binary files /dev/null and b/test/_content/audio/images/postoast/thumb-FOMORADIO_PostToast.png differ
diff --git a/test/_content/audio/images/postoast/thumb-pgxpublaunch.jpg b/test/_content/audio/images/postoast/thumb-pgxpublaunch.jpg
new file mode 100755
index 0000000..a29f3cb
Binary files /dev/null and b/test/_content/audio/images/postoast/thumb-pgxpublaunch.jpg differ
diff --git a/test/_content/audio/images/postoast/thumb-pgxpublaunch.png b/test/_content/audio/images/postoast/thumb-pgxpublaunch.png
new file mode 100755
index 0000000..165a659
Binary files /dev/null and b/test/_content/audio/images/postoast/thumb-pgxpublaunch.png differ
diff --git a/test/_content/audio/images/postoast/thumb-redlightradio.jpg b/test/_content/audio/images/postoast/thumb-redlightradio.jpg
new file mode 100755
index 0000000..dc1a78d
Binary files /dev/null and b/test/_content/audio/images/postoast/thumb-redlightradio.jpg differ
diff --git a/test/_content/audio/images/postoast/thumb-redlightradio.png b/test/_content/audio/images/postoast/thumb-redlightradio.png
new file mode 100755
index 0000000..d405268
Binary files /dev/null and b/test/_content/audio/images/postoast/thumb-redlightradio.png differ
diff --git a/test/_content/audio/images/postoast/ww_topDown.jpg b/test/_content/audio/images/postoast/ww_topDown.jpg
new file mode 100644
index 0000000..099bc0a
Binary files /dev/null and b/test/_content/audio/images/postoast/ww_topDown.jpg differ
diff --git a/test/_content/audio/images/read-my-lips/djuna.jpg b/test/_content/audio/images/read-my-lips/djuna.jpg
new file mode 100644
index 0000000..6a1b489
Binary files /dev/null and b/test/_content/audio/images/read-my-lips/djuna.jpg differ
diff --git a/test/_content/audio/images/read-my-lips/poster.jpg b/test/_content/audio/images/read-my-lips/poster.jpg
new file mode 100644
index 0000000..5b82ec3
Binary files /dev/null and b/test/_content/audio/images/read-my-lips/poster.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/20170906_141918.jpg b/test/_content/work/images/autonomousArchive/20170906_141918.jpg
new file mode 100755
index 0000000..e8440dd
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/20170906_141918.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/20171110_0057.jpg b/test/_content/work/images/autonomousArchive/20171110_0057.jpg
new file mode 100755
index 0000000..24650ec
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/20171110_0057.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/20171110_0059.jpg b/test/_content/work/images/autonomousArchive/20171110_0059.jpg
new file mode 100755
index 0000000..30b204d
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/20171110_0059.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/20171110_0061.jpg b/test/_content/work/images/autonomousArchive/20171110_0061.jpg
new file mode 100755
index 0000000..31bf6e5
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/20171110_0061.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/Files-terminal.png b/test/_content/work/images/autonomousArchive/Files-terminal.png
new file mode 100755
index 0000000..0826ccf
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/Files-terminal.png differ
diff --git a/test/_content/work/images/autonomousArchive/Print1.jpg b/test/_content/work/images/autonomousArchive/Print1.jpg
new file mode 100755
index 0000000..e65907e
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/Print1.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa1-web.jpg b/test/_content/work/images/autonomousArchive/aa1-web.jpg
new file mode 100755
index 0000000..301b3cd
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa1-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa10-web.jpg b/test/_content/work/images/autonomousArchive/aa10-web.jpg
new file mode 100755
index 0000000..ee647ca
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa10-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa11-web.jpg b/test/_content/work/images/autonomousArchive/aa11-web.jpg
new file mode 100755
index 0000000..925fbb4
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa11-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa12-web.jpg b/test/_content/work/images/autonomousArchive/aa12-web.jpg
new file mode 100755
index 0000000..fce900c
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa12-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa13-web.jpg b/test/_content/work/images/autonomousArchive/aa13-web.jpg
new file mode 100755
index 0000000..cd127f9
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa13-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa14-web.jpg b/test/_content/work/images/autonomousArchive/aa14-web.jpg
new file mode 100755
index 0000000..dcba008
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa14-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa15-web.jpg b/test/_content/work/images/autonomousArchive/aa15-web.jpg
new file mode 100755
index 0000000..0ae91ab
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa15-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa16-web.jpg b/test/_content/work/images/autonomousArchive/aa16-web.jpg
new file mode 100755
index 0000000..73b73d4
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa16-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa17-web.jpg b/test/_content/work/images/autonomousArchive/aa17-web.jpg
new file mode 100755
index 0000000..0f79617
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa17-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa19-web.jpg b/test/_content/work/images/autonomousArchive/aa19-web.jpg
new file mode 100755
index 0000000..e4cab86
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa19-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa2-web.jpg b/test/_content/work/images/autonomousArchive/aa2-web.jpg
new file mode 100755
index 0000000..243c063
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa2-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa20-web.jpg b/test/_content/work/images/autonomousArchive/aa20-web.jpg
new file mode 100755
index 0000000..8f46fec
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa20-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa3-web.jpg b/test/_content/work/images/autonomousArchive/aa3-web.jpg
new file mode 100755
index 0000000..12fa8c3
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa3-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa4-web.jpg b/test/_content/work/images/autonomousArchive/aa4-web.jpg
new file mode 100755
index 0000000..5a20bf2
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa4-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa6-web.jpg b/test/_content/work/images/autonomousArchive/aa6-web.jpg
new file mode 100755
index 0000000..be271a8
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa6-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa7-web.jpg b/test/_content/work/images/autonomousArchive/aa7-web.jpg
new file mode 100755
index 0000000..b600fed
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa7-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa8-web.jpg b/test/_content/work/images/autonomousArchive/aa8-web.jpg
new file mode 100755
index 0000000..a34140f
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa8-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/aa9-web.jpg b/test/_content/work/images/autonomousArchive/aa9-web.jpg
new file mode 100755
index 0000000..5134e56
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/aa9-web.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/buildingLightbox.jpg b/test/_content/work/images/autonomousArchive/buildingLightbox.jpg
new file mode 100755
index 0000000..3b84926
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/buildingLightbox.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/pgbwstreet.jpg b/test/_content/work/images/autonomousArchive/pgbwstreet.jpg
new file mode 100755
index 0000000..e20d7c4
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/pgbwstreet.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/thumb-buildingLightbox.png b/test/_content/work/images/autonomousArchive/thumb-buildingLightbox.png
new file mode 100755
index 0000000..36a468f
--- /dev/null
+++ b/test/_content/work/images/autonomousArchive/thumb-buildingLightbox.png
@@ -0,0 +1 @@
+autonomousArchive/thumb-buildingLightbox.jpg
diff --git a/test/_content/work/images/autonomousArchive/web-0.jpg b/test/_content/work/images/autonomousArchive/web-0.jpg
new file mode 100755
index 0000000..13aa761
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-0.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/web-1.jpg b/test/_content/work/images/autonomousArchive/web-1.jpg
new file mode 100755
index 0000000..b32f052
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-1.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/web-10.jpg b/test/_content/work/images/autonomousArchive/web-10.jpg
new file mode 100755
index 0000000..24f140c
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-10.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/web-13.jpg b/test/_content/work/images/autonomousArchive/web-13.jpg
new file mode 100755
index 0000000..eb2f44b
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-13.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/web-14.jpg b/test/_content/work/images/autonomousArchive/web-14.jpg
new file mode 100755
index 0000000..d4b61be
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-14.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/web-15.jpg b/test/_content/work/images/autonomousArchive/web-15.jpg
new file mode 100755
index 0000000..33e721b
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-15.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/web-2.jpg b/test/_content/work/images/autonomousArchive/web-2.jpg
new file mode 100755
index 0000000..3acfcc4
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-2.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/web-3.jpg b/test/_content/work/images/autonomousArchive/web-3.jpg
new file mode 100755
index 0000000..dc4dff2
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-3.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/web-4.jpg b/test/_content/work/images/autonomousArchive/web-4.jpg
new file mode 100755
index 0000000..2a50a39
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-4.jpg differ
diff --git a/test/_content/work/images/autonomousArchive/web-8.jpg b/test/_content/work/images/autonomousArchive/web-8.jpg
new file mode 100755
index 0000000..979fe5b
Binary files /dev/null and b/test/_content/work/images/autonomousArchive/web-8.jpg differ
diff --git a/test/_content/work/images/chagrin/chagrin1.png b/test/_content/work/images/chagrin/chagrin1.png
new file mode 100755
index 0000000..0d11687
Binary files /dev/null and b/test/_content/work/images/chagrin/chagrin1.png differ
diff --git a/test/_content/work/images/chagrin/chagrin2.png b/test/_content/work/images/chagrin/chagrin2.png
new file mode 100755
index 0000000..0194788
Binary files /dev/null and b/test/_content/work/images/chagrin/chagrin2.png differ
diff --git a/test/_content/work/images/chagrin/chagrin3.png b/test/_content/work/images/chagrin/chagrin3.png
new file mode 100755
index 0000000..79fef58
Binary files /dev/null and b/test/_content/work/images/chagrin/chagrin3.png differ
diff --git a/test/_content/work/images/chagrin/thumb-chagrin1.jpg b/test/_content/work/images/chagrin/thumb-chagrin1.jpg
new file mode 100755
index 0000000..90f3695
Binary files /dev/null and b/test/_content/work/images/chagrin/thumb-chagrin1.jpg differ
diff --git a/test/_content/work/images/chagrin/thumb-chagrin1.png b/test/_content/work/images/chagrin/thumb-chagrin1.png
new file mode 100755
index 0000000..b6f2846
--- /dev/null
+++ b/test/_content/work/images/chagrin/thumb-chagrin1.png
@@ -0,0 +1 @@
+chagrin/thumb-chagrin1
diff --git a/test/_content/work/images/chagrin/thumb-chagrin2.jpg b/test/_content/work/images/chagrin/thumb-chagrin2.jpg
new file mode 100755
index 0000000..19503f3
Binary files /dev/null and b/test/_content/work/images/chagrin/thumb-chagrin2.jpg differ
diff --git a/test/_content/work/images/chagrin/thumb-chagrin2.png b/test/_content/work/images/chagrin/thumb-chagrin2.png
new file mode 100755
index 0000000..5101f8f
--- /dev/null
+++ b/test/_content/work/images/chagrin/thumb-chagrin2.png
@@ -0,0 +1 @@
+chagrin/thumb-chagrin2
diff --git a/test/_content/work/images/chagrin/thumb-chagrin3.png b/test/_content/work/images/chagrin/thumb-chagrin3.png
new file mode 100755
index 0000000..9454636
--- /dev/null
+++ b/test/_content/work/images/chagrin/thumb-chagrin3.png
@@ -0,0 +1 @@
+chagrin/thumb-chagrin
diff --git a/test/_content/work/images/fragileMastery/POD_Cover.sm.png b/test/_content/work/images/fragileMastery/POD_Cover.sm.png
new file mode 100755
index 0000000..07d5982
Binary files /dev/null and b/test/_content/work/images/fragileMastery/POD_Cover.sm.png differ
diff --git a/test/_content/work/images/fragileMastery/gradInstallation.jpg b/test/_content/work/images/fragileMastery/gradInstallation.jpg
new file mode 100755
index 0000000..c73d829
Binary files /dev/null and b/test/_content/work/images/fragileMastery/gradInstallation.jpg differ
diff --git a/test/_content/work/images/fragileMastery/thumb-POD_Cover.jpg b/test/_content/work/images/fragileMastery/thumb-POD_Cover.jpg
new file mode 100755
index 0000000..e88bd5c
Binary files /dev/null and b/test/_content/work/images/fragileMastery/thumb-POD_Cover.jpg differ
diff --git a/test/_content/work/images/fragileMastery/thumb-POD_Cover.png b/test/_content/work/images/fragileMastery/thumb-POD_Cover.png
new file mode 100755
index 0000000..ab3c5eb
--- /dev/null
+++ b/test/_content/work/images/fragileMastery/thumb-POD_Cover.png
@@ -0,0 +1 @@
+fragileMastery/thumb-POD_Cover
diff --git a/test/_content/work/images/fragileMastery/thumb-gradInstallation.jpg b/test/_content/work/images/fragileMastery/thumb-gradInstallation.jpg
new file mode 100755
index 0000000..09c415d
Binary files /dev/null and b/test/_content/work/images/fragileMastery/thumb-gradInstallation.jpg differ
diff --git a/test/_content/work/images/fragileMastery/thumb-gradInstallation.png b/test/_content/work/images/fragileMastery/thumb-gradInstallation.png
new file mode 100755
index 0000000..926a934
--- /dev/null
+++ b/test/_content/work/images/fragileMastery/thumb-gradInstallation.png
@@ -0,0 +1 @@
+fragileMastery/thumb-gradInstallation
diff --git a/test/_content/work/images/memphis/memphis1.png b/test/_content/work/images/memphis/memphis1.png
new file mode 100755
index 0000000..7f4ec22
Binary files /dev/null and b/test/_content/work/images/memphis/memphis1.png differ
diff --git a/test/_content/work/images/memphis/memphis2.png b/test/_content/work/images/memphis/memphis2.png
new file mode 100755
index 0000000..3c5dbf4
Binary files /dev/null and b/test/_content/work/images/memphis/memphis2.png differ
diff --git a/test/_content/work/images/memphis/memphis3.png b/test/_content/work/images/memphis/memphis3.png
new file mode 100755
index 0000000..0e0129b
Binary files /dev/null and b/test/_content/work/images/memphis/memphis3.png differ
diff --git a/test/_content/work/images/tetra/euclid.svg b/test/_content/work/images/tetra/euclid.svg
new file mode 100755
index 0000000..685d752
--- /dev/null
+++ b/test/_content/work/images/tetra/euclid.svg
@@ -0,0 +1 @@
+Artboard 4 copy
\ No newline at end of file
diff --git a/test/_content/work/images/tetra/euclidLogo.png b/test/_content/work/images/tetra/euclidLogo.png
new file mode 100755
index 0000000..34cf5cd
Binary files /dev/null and b/test/_content/work/images/tetra/euclidLogo.png differ
diff --git a/test/_content/work/images/tetra/euclidianGenerator_mk2.png b/test/_content/work/images/tetra/euclidianGenerator_mk2.png
new file mode 100755
index 0000000..64211ea
Binary files /dev/null and b/test/_content/work/images/tetra/euclidianGenerator_mk2.png differ
diff --git a/test/_content/work/images/tetra/playingTetra.jpg b/test/_content/work/images/tetra/playingTetra.jpg
new file mode 100755
index 0000000..c0f9c02
Binary files /dev/null and b/test/_content/work/images/tetra/playingTetra.jpg differ
diff --git a/test/_content/work/images/tetra/resized-6.jpg b/test/_content/work/images/tetra/resized-6.jpg
new file mode 100755
index 0000000..64fe28c
Binary files /dev/null and b/test/_content/work/images/tetra/resized-6.jpg differ
diff --git a/test/_content/work/images/tetra/tetra.jpg b/test/_content/work/images/tetra/tetra.jpg
new file mode 100755
index 0000000..f9cd04f
Binary files /dev/null and b/test/_content/work/images/tetra/tetra.jpg differ
diff --git a/test/_content/work/images/tetra/tetra2.jpg b/test/_content/work/images/tetra/tetra2.jpg
new file mode 100755
index 0000000..ad177a9
Binary files /dev/null and b/test/_content/work/images/tetra/tetra2.jpg differ
diff --git a/test/_content/work/images/tetra/thumb-euclidianGenerator_mk2.jpg b/test/_content/work/images/tetra/thumb-euclidianGenerator_mk2.jpg
new file mode 100755
index 0000000..9bb1fb9
Binary files /dev/null and b/test/_content/work/images/tetra/thumb-euclidianGenerator_mk2.jpg differ
diff --git a/test/_content/work/images/tetra/thumb-euclidianGenerator_mk2.png b/test/_content/work/images/tetra/thumb-euclidianGenerator_mk2.png
new file mode 100755
index 0000000..967fadb
--- /dev/null
+++ b/test/_content/work/images/tetra/thumb-euclidianGenerator_mk2.png
@@ -0,0 +1 @@
+tetra/thumb-euclidianGenerator_mk2
diff --git a/test/_content/work/images/tetra/thumb-playingTetra.jpg b/test/_content/work/images/tetra/thumb-playingTetra.jpg
new file mode 100755
index 0000000..78483a2
Binary files /dev/null and b/test/_content/work/images/tetra/thumb-playingTetra.jpg differ
diff --git a/test/_content/work/images/tetra/thumb-playingTetra.png b/test/_content/work/images/tetra/thumb-playingTetra.png
new file mode 100755
index 0000000..082b71e
--- /dev/null
+++ b/test/_content/work/images/tetra/thumb-playingTetra.png
@@ -0,0 +1 @@
+tetra/thumb-playingTetra
diff --git a/test/_content/work/images/tetra/thumb-resized-6.jpg b/test/_content/work/images/tetra/thumb-resized-6.jpg
new file mode 100755
index 0000000..a8f1292
Binary files /dev/null and b/test/_content/work/images/tetra/thumb-resized-6.jpg differ
diff --git a/test/_content/work/images/tetra/thumb-resized-6.png b/test/_content/work/images/tetra/thumb-resized-6.png
new file mode 100755
index 0000000..c94f88e
--- /dev/null
+++ b/test/_content/work/images/tetra/thumb-resized-6.png
@@ -0,0 +1 @@
+tetra/thumb-resized-6
diff --git a/test/_content/work/images/tetra/thumb-tetra.jpg b/test/_content/work/images/tetra/thumb-tetra.jpg
new file mode 100755
index 0000000..0c14d13
Binary files /dev/null and b/test/_content/work/images/tetra/thumb-tetra.jpg differ
diff --git a/test/_content/work/images/tetra/thumb-tetra.png b/test/_content/work/images/tetra/thumb-tetra.png
new file mode 100755
index 0000000..798358e
--- /dev/null
+++ b/test/_content/work/images/tetra/thumb-tetra.png
@@ -0,0 +1 @@
+tetra/thumb-tetra
diff --git a/test/_content/work/images/tetra/thumb-tetra2.jpg b/test/_content/work/images/tetra/thumb-tetra2.jpg
new file mode 100755
index 0000000..9b2fd9c
Binary files /dev/null and b/test/_content/work/images/tetra/thumb-tetra2.jpg differ
diff --git a/test/_content/work/images/tetra/thumb-tetra2.png b/test/_content/work/images/tetra/thumb-tetra2.png
new file mode 100755
index 0000000..ee85ebf
--- /dev/null
+++ b/test/_content/work/images/tetra/thumb-tetra2.png
@@ -0,0 +1 @@
+tetra/thumb-tetra2
diff --git a/test/assets/css/master.css b/test/assets/css/master.css
new file mode 100644
index 0000000..a8f4d7e
--- /dev/null
+++ b/test/assets/css/master.css
@@ -0,0 +1,428 @@
+/* PAGE STYLES */
+@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.206/distr/fira_code.css);
+
+* {
+ scroll-behavior: smooth;
+}
+
+/* --> BASE STYLES <-- */
+body {
+ font-family: 'fira code', monospace;
+ color: #1e1e3cff;
+}
+
+em {
+ font-family: serif;
+}
+
+a, a:visited {
+ color: #1e1e3cff;
+ padding-bottom: 2px;
+ text-decoration: none;
+ border-bottom: 1px #1e1e3c50 dashed;
+ transition: color ease 0.5s, border ease 0.2s;
+}
+
+a:hover {
+ border-bottom: 1px #1e1e3cff solid;
+ transition: color ease 0.5s, border ease 0.2s;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+hr {
+ border-bottom: thin dotted grey;
+ border-top: none;
+ border-left: none;
+ border-right: none;
+}
+
+section {
+ isolation: auto;
+}
+
+/* --> LISTS <-- */
+ul {
+ list-style: none;
+ margin-left: 16px;
+ padding-left: 0;
+}
+
+li {
+ padding: 0.2em 0 0.2em 1em;
+ text-indent: -0.5em;
+}
+
+li:before {
+ content: "▸";
+ padding-right: 16px;
+}
+
+/* --> NAVIGATION <-- */
+nav#primary>span {
+ display: inline-block;
+ color: #1e1e3c33;
+ transition: color ease 0.5s;
+}
+
+nav#primary>span:hover {
+ color: #1e1e3cff;
+ transition: color ease 0.1s;
+ cursor: pointer;
+}
+
+nav#primary>span.active {
+ color: #1e1e3cff;
+ transition: color 1s ease;
+}
+
+nav#primary>span::after {
+ display: inline-block;
+ content: attr(data-link);
+ max-width: 0px;
+ overflow: hidden;
+ color: #1e1e3cff;
+ transition: max-width 0.5s ease;
+}
+
+nav#primary>span.active::after {
+ max-width: 10em;
+}
+
+nav#sub {
+ max-height: 0px;
+ margin-left: 1.5em;
+ padding-bottom: 0.5em;
+ overflow: hidden;
+ transition: max-height 0.5s ease;
+}
+
+nav#sub.active {
+ max-height: 50vh;
+}
+
+nav#sub > ul {
+ padding: 0px;
+ margin: 0px;
+ max-height: 0px;
+ overflow: hidden;
+ opacity: 0;
+ transition: opacity 0.5s ease, max-height 0.025s ease;
+}
+
+nav#sub > ul.active {
+ max-height: 50vh;
+ opacity: 1;
+}
+
+nav#toTop {
+ position: fixed;
+ display: inline-block;
+ visibility: hidden;
+ top: calc(95vh - 2em);
+ right: 3em;
+ overflow: hidden;
+ padding: 0 0em 0.25em;
+ z-index: 100;
+}
+
+nav#toTop.active {
+ visibility: visible;
+}
+
+nav#toTop > span {
+ display: block;
+ opacity: 0.0;
+ transform: translateY(-2em);
+ background-color: rgba(255,255,255,0.0);
+ padding: 0.3em 0.5em 0.5em;
+ border-radius: 1em;
+ transition: transform ease 0.5s, opacity ease 1s, background-color ease 0.5s 0.5s;
+}
+
+nav#toTop > span::after {
+ font-size: 1.25em;
+ content: '△'
+}
+
+nav#toTop.active > span {
+ opacity: 0.5;
+ background-color: rgba(255,255,255,0.9);
+ transform: translateY(0em);
+}
+
+nav#toTop.active > span:hover {
+ opacity: 1;
+ cursor: pointer;
+}
+
+h1#menuItem {
+ position: absolute;
+ line-height: inherit;
+ bottom: 0;
+ margin: 0;
+ padding: 0;
+ font-size: 33vw;
+ opacity: 0;
+ transform: translateY(100px);
+ transform-origin: bottom left;
+ mix-blend-mode: difference;
+ transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s;
+}
+
+h1#menuItem.active {
+ mix-blend-mode: difference;
+ opacity: 1 !important;
+ transform: translateY(-100px) !important;
+}
+
+/* --> AUDIO TOGGLE <-- */
+span#audioToggle {
+ position: absolute;
+ top: 16px;
+ right: 16px;
+ transition: color ease-in-out 0.1s;
+}
+
+span#audioToggle:hover {
+ color: #CECECE;
+ cursor: pointer;
+ transition: color ease-in-out 0.1s;
+}
+
+span#audioToggle::after {
+ content: '🔇'
+}
+
+span#audioToggle.active::after {
+ content: '🔉'
+}
+
+/* --> MAINPAGE CONSTRUCTION <-- */
+div#wrapper {
+ max-width: 95vw;
+ margin: 0 auto;
+}
+
+nav#sub > ul {
+ margin: 0;
+ padding: 0;
+ list-style: none !important;
+}
+
+nav#sub > ul > li {
+ border-left: thin solid #d2d2d8;
+ text-decoration: none;
+ padding: 5px 10px;
+}
+
+nav#sub > ul > li:before {
+ content: "";
+ padding-right: 16px;
+}
+
+nav#sub > ul > li:hover {
+ background: #d2d2d8;
+ cursor: pointer;
+}
+
+nav#sub > ul > li > a {
+ border: none;
+}
+
+/* --> SUBCONTENT CONSTRUCTION <-- */
+section.page {
+ display: grid;
+ animation: fadeIn 1s ease;
+}
+
+section.page h1 {
+ margin: 0px;
+ padding: 0px;
+}
+
+@media screen and (min-width: 1360px) {
+ body {
+ font-size: 19px;
+ line-height: 24px;
+ margin: 0;
+ padding: 0;
+ }
+
+ /* --> NAVIGATION <-- */
+ nav {
+ margin: 23px 0px 8px;
+ font-size: 1.5em;
+ }
+
+ nav>span {
+ margin-right: 8px;
+ }
+
+ nav>span.active::after {
+ margin-left: 8px;
+ }
+
+ /* --> MAINPAGE CONSTRUCTION <-- */
+ section ul.subMenu {
+ font-size: 1.5em;
+ }
+
+ /* --> SUBCONTENT CONSTRUCTION <-- */
+ section.page {
+ max-width: 1960px;
+ grid-template-columns: repeat(5, 1fr);
+ gap: 24px;
+ }
+
+ section.page h1 {
+ margin-top: 0.25em;
+ margin-bottom: 0.4em;
+ font-size: 6em;
+ line-height: 0.95em;
+ }
+
+ section.page div.imgFeat {
+ grid-column: span 4;
+ }
+
+ section.page section.imgs {
+ grid-column: 4 / span 2;
+ grid-row: 2;
+ }
+
+ section.page section.imgs>img {
+ max-width: 100%;
+ margin-bottom: 24px;
+ height: auto;
+ }
+
+ section.page section.text {
+ grid-column: 1 / span 3;
+ grid-row: 2;
+ }
+}
+
+@media screen and (max-width: 1359px) {
+ body {
+ font-size: 19px;
+ line-height: 24px;
+ margin: 0;
+ padding: 0;
+ }
+
+ /* --> NAVIGATION <-- */
+ nav {
+ margin: 23px 0px 8px;
+ font-size: 1.5em;
+ }
+
+ nav>span {
+ margin-right: 8px;
+ }
+
+ nav>span.active::after {
+ margin-left: 8px;
+ }
+
+ /* --> MAINPAGE CONSTRUCTION <-- */
+ section ul.subMenu {
+ font-size: 1.5em;
+ }
+
+ /* --> SUBCONTENT CONSTRUCTION <-- */
+ section.page {
+ max-width: 1960px;
+ grid-template-columns: repeat(5, 1fr);
+ gap: 24px;
+ }
+
+ section.page h1 {
+ margin-top: 0.25em;
+ margin-bottom: 0.5em;
+ font-size: 4em;
+ line-height: 0.95em;
+ }
+
+ section.page div.imgFeat {
+ grid-column: span 4;
+ }
+
+ section.page section.imgs {
+ grid-column: 4 / span 2;
+ grid-row: 2
+ }
+
+ section.page section.imgs>img {
+ max-width: 100%;
+ height: auto;
+ }
+
+ section.page section.text {
+ grid-column: 1 / span 3;
+ grid-row: 2;
+ }
+}
+
+@media screen and (max-width: 800px) {
+ body {
+ font-size: 20px;
+ line-height: 24px;
+ margin: 0;
+ padding: 0;
+ }
+
+ /* --> NAVIGATION <-- */
+ nav {
+ margin: 23px 0px 8px;
+ font-size: 1.75em;
+ }
+
+ nav>span {
+ margin-right: 8px;
+ }
+
+ nav>span.active::after {
+ position: relative;
+ top: 2px;
+ margin-left: 8px;
+ }
+
+ /* --> MAINPAGE CONSTRUCTION <-- */
+
+ /* --> SUBCONTENT CONSTRUCTION <-- */
+ section.page {
+ display: inherit;
+ max-width: 650px;
+ grid-gap: 24px;
+ }
+
+ section.page h1 {
+ margin-top: 0.35em;
+ margin-bottom: 0.5em;
+ font-size: 3em;
+ line-height: 0.95em;
+ margin: 24px 0 32px;
+ }
+
+ section#teach h1 {
+ font-size: 3em;
+ line-height: 0.75em;
+ margin: 40px 0 48px;
+ }
+
+}
+
+/* ANIMATIONS */
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
\ No newline at end of file
diff --git a/test/assets/images/cv/Max small.png b/test/assets/images/cv/Max small.png
new file mode 100755
index 0000000..36b74af
Binary files /dev/null and b/test/assets/images/cv/Max small.png differ
diff --git a/test/assets/images/imgs/headhunter.svg b/test/assets/images/imgs/headhunter.svg
new file mode 100644
index 0000000..f7100ae
--- /dev/null
+++ b/test/assets/images/imgs/headhunter.svg
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
diff --git a/test/assets/images/imgs/polydog.png b/test/assets/images/imgs/polydog.png
new file mode 100755
index 0000000..e7b9394
Binary files /dev/null and b/test/assets/images/imgs/polydog.png differ
diff --git a/test/assets/images/imgs/rePoem3.png b/test/assets/images/imgs/rePoem3.png
new file mode 100755
index 0000000..d3c9bc4
Binary files /dev/null and b/test/assets/images/imgs/rePoem3.png differ
diff --git a/test/assets/images/imgs/silentStatement_3179.jpg b/test/assets/images/imgs/silentStatement_3179.jpg
new file mode 100755
index 0000000..6c85623
Binary files /dev/null and b/test/assets/images/imgs/silentStatement_3179.jpg differ
diff --git a/test/assets/images/imgs/theKing.svg b/test/assets/images/imgs/theKing.svg
new file mode 100644
index 0000000..9280eff
--- /dev/null
+++ b/test/assets/images/imgs/theKing.svg
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
diff --git a/test/assets/images/imgs/xpubGenerator.jpg b/test/assets/images/imgs/xpubGenerator.jpg
new file mode 100755
index 0000000..2f463b1
Binary files /dev/null and b/test/assets/images/imgs/xpubGenerator.jpg differ
diff --git a/test/assets/js/interaction.js b/test/assets/js/interaction.js
new file mode 100644
index 0000000..3e71298
--- /dev/null
+++ b/test/assets/js/interaction.js
@@ -0,0 +1,122 @@
+import {Synth} from '/assets/js/synth.js'
+
+// audio for events
+// AUDIO SETUP
+const audioEngine = new (window.AudioContext || window.webkitAudioContext)()
+audioEngine.suspend()
+const masterGain = audioEngine.createGain()
+const audioEl = document.querySelector('#audioToggle')
+let audioAllowed = true
+
+masterGain.gain.value = 0.9
+masterGain.connect(audioEngine.destination)
+
+const audioToggle = () => {
+ audioEl.classList.toggle('active')
+ if (audioEngine.state == 'suspended') {
+ audioEngine.resume()
+ audioAllowed = true
+ } else {
+ audioEngine.suspend()
+ audioAllowed = false
+ }
+}
+
+const audioEnable = () => {
+ if (audioEngine.state == 'suspended' && audioAllowed) {
+ audioEngine.resume()
+ }
+}
+
+audioEl.addEventListener('click', audioToggle)
+
+// NAVIGATION
+let primaryNav = document.querySelectorAll('nav#primary>span')
+let subNav = document.querySelector('nav#sub')
+let menuItem = document.querySelector('#menuItem')
+
+let menuVoices = []
+
+// check if any primaryNav items are active
+const primaryActive = () => {
+ let active = false
+ for (let n of primaryNav) {
+ if (n.classList.contains('active')) {
+ active = true
+ }
+ }
+ return active
+}
+
+for (let n of primaryNav) {
+ // remove shitty firefox span spacing
+ n.nextSibling.parentNode.removeChild(n.nextSibling)
+
+ // create synthVoices per navItem
+ menuVoices[n.dataset.link] = new Synth(audioEngine)
+ menuVoices[n.dataset.link].gain.connect(masterGain)
+
+ // primary navigation click events
+ n.addEventListener('click', (e) => {
+ for (let _n of primaryNav) {
+ if (n === _n && n.dataset.link != '~') {
+ n.classList.toggle('active')
+ } else if (n.dataset.link == '~') {
+ window.location.href = '/'
+ } else {
+ _n.classList.remove('active')
+ }
+ }
+
+ // subnav is nav element
+ if (primaryActive()) {
+ subNav.classList.add('active')
+ } else {
+ subNav.classList.remove('active')
+ }
+
+ for (let s of subNav.children) {
+ if (s.id == n.dataset.link && primaryActive()) {
+ s.classList.add('active')
+ } else {
+ s.classList.remove('active')
+ }
+ }
+ })
+
+ // mouseover on primary nav for big botom text
+ n.addEventListener('mouseenter', () => {
+
+ // unsuspend sound on mouseenter
+ audioEnable()
+
+ if (n.dataset.link == '~') {
+ menuItem.textContent = '\u003C\u007E'
+ } else {
+ menuItem.textContent = n.dataset.link
+ }
+ menuItem.className = 'active'
+ menuVoices[n.dataset.link].noteOn()
+ })
+
+ n.addEventListener('mouseout', () => {
+ menuItem.className = 'inactive'
+ menuVoices[n.dataset.link].noteOff()
+ })
+}
+
+// SCROLL TO TOP NAVIGATION
+const toTop = document.querySelector('nav#toTop')
+
+toTop.addEventListener('click', (e) => {
+ window.scrollTo(0,0)
+})
+
+window.addEventListener('scroll', (e) => {
+ let scrollY = window.scrollY
+ if (scrollY > 50) {
+ toTop.classList.add('active')
+ } else {
+ toTop.classList.remove('active')
+ }
+})
\ No newline at end of file
diff --git a/test/assets/js/script.js b/test/assets/js/script.js
new file mode 100644
index 0000000..febe284
--- /dev/null
+++ b/test/assets/js/script.js
@@ -0,0 +1,11 @@
+// importing scripts
+import '/assets/js/interaction.js'
+
+// 'page' load transitions
+const pageSection = document.querySelector('section.page')
+
+pageSection.addEventListener('load', (e) => {
+ console.log('div loaded?')
+ console.log(e.target)
+ alert('ehllo')
+})
diff --git a/test/assets/js/synth.js b/test/assets/js/synth.js
new file mode 100644
index 0000000..f5dc390
--- /dev/null
+++ b/test/assets/js/synth.js
@@ -0,0 +1,65 @@
+export class Synth {
+ // SYNTH VOICE CONSTRUCTOR
+ // Variables?
+ constructor(audio, type, env = {
+ a: 0.2,
+ r: 0.5,
+ }) {
+
+ this.audio = audio
+ this.t = this.audio.currentTime
+
+ this.env = {
+ a: env.a,
+ r: env.r,
+ }
+
+ // PRIMARY GAIN
+ this.gain = this.audio.createGain()
+ this.gain.gain.value = 0
+
+ // PRIMARY VOICE
+ this.primVoice = this.audio.createOscillator()
+ this.primVoice.type = typeof type === 'string' ? type : 'sine'
+ this.primVoice.connect(this.gain)
+ this.primVoice.start()
+
+ // MOD GAIN
+ this.modGain = this.audio.createGain()
+ this.modGain.gain.value = 0
+ this.modGain.connect(this.gain)
+
+ // MOD VOICE
+ this.modVoice = this.audio.createOscillator()
+ this.modVoice.type = 'triangle'
+ this.modVoice.connect(this.modGain)
+ this.modVoice.start()
+
+ }
+
+ // OSC -> ADSR -> GAIN
+ noteOn(freq) {
+ // note frequency
+ this.freq = freq ? freq : (Math.random() * 350) + 150
+ this.primVoice.frequency.setValueAtTime(this.freq, this.t)
+ this.modVoice.frequency.setValueAtTime(this.freq - 20, this.t)
+ // clear preScheduled events
+ this.gain.gain.cancelScheduledValues(this.audio.currentTime)
+ // attack
+ this.gain.gain.setTargetAtTime(0.9, this.t + this.env.a, 0.2)
+ }
+
+ noteOff() {
+ // release
+ this.gain.gain.setTargetAtTime(0.0, this.t + this.env.r, 1)
+ }
+
+ mod() {
+ this.modGain.gain.cancelScheduledValues(this.audio.currentTime)
+ // attack
+ this.modGain.gain.setTargetAtTime(0.9, this.audio.currentTime, 0.5)
+ // release
+ this.modGain.gain.setTargetAtTime(0.0, this.audio.currentTime + 0.4, 0.5)
+ }
+
+}