From 8c47b8b5ceb76e0b02cea9c3c4a29b07c696b2ef Mon Sep 17 00:00:00 2001
From: Angeliki <diakaggel@gmail.com>
Date: Thu, 14 Mar 2019 14:42:42 +0100
Subject: [PATCH] add index.html

---
 project/index.html        | 89 +++++++++++++++++++++++++++++++++++++++
 thesis/thesis-angeliki.md |  1 -
 2 files changed, 89 insertions(+), 1 deletion(-)
 create mode 100644 project/index.html

diff --git a/project/index.html b/project/index.html
new file mode 100644
index 0000000..0b69aff
--- /dev/null
+++ b/project/index.html
@@ -0,0 +1,89 @@
+
+<div>
+<audio style="width: 100%; background: #222;" id="a1" controls src="description-lidia-CUT.mp3"></audio>
+<audio style="width: 100%; background: Tomato;" id="a2" controls src="selection-track-extracts-1.mp3"></audio>
+<audio style="width: 100%; background: Orange;" id="a3" controls src="description-eugenie-CUT-SHORT.mp3"></audio>
+<button id="b">play</button>
+</div>
+<table>  <tr>
+    <td>
+      <div class='sub'>
+<h3>Lidia</h3>
+<div><a data-start="0.4" href="#">00:00:00,400</a> A vint</div>
+<div><a data-start="8.18" href="#">00:00:08,180</a> A bag</div>
+<div><a data-start="16.54" href="#">00:00:16,540</a> Someone with a bag</div>
+<div><a data-start="28.52" href="#">00:00:28,520</a> Ok. Music</div>
+<div><a data-start="33.16" href="#">00:00:33,160</a> Nice music</div>
+<div><a data-start="50.86" href="#">00:00:50,860</a> What is that? Oh, the car, the market. I think</div>
+<div><a data-start="77.68" href="#">00:01:17,680</a> Wind</div>
+<div><a data-start="120.6" href="#">00:02:00,600</a> Wow</div>
+<div><a data-start="136.68" href="#">00:02:16,680</a> Children?</div>
+</div>
+    </td>
+    <td>
+      <div class='sub'>
+  <h3>Eugenie</h3>
+<div><a data-start="1.8" href="#">00:00:01,800</a> Children outside</div>
+<div><a data-start="10.76" href="#">00:00:10,760</a> I think it's outside</div>
+<div><a data-start="13.7" href="#">00:00:13,700</a> Shoes, walking people</div>
+<div><a data-start="20.44" href="#">00:00:20,440</a> Or maybe papers</div>
+<div><a data-start="27.48" href="#">00:00:27,480</a> Music inside</div>
+<div><a data-start="31.38" href="#">00:00:31,380</a> Chirring up</div>
+<div><a data-start="53.06" href="#">00:00:53,060</a> This is outside. It's a troll, it's a bag</div>
+<div><a data-start="58.24" href="#">00:00:58,240</a> Wheels</div>
+<div><a data-start="75.7" href="#">00:01:15,700</a> Water</div>
+<div><a data-start="90.9" href="#">00:01:30,900</a> People in a room. Inside. They are moving, close</div>
+<div><a data-start="114.62" href="#">00:01:54,620</a> It's inside somewhere, somewhere...</div>
+<div><a data-start="135.4" href="#">00:02:15,400</a> Children in a swimming pool</div>
+</div>
+    </td>
+  </tr>
+</table>
+
+
+
+
+
+<script>
+var a1 = document.getElementById("a1"),
+  a2 = document.getElementById("a2"),
+  b = document.getElementById("b");
+b.addEventListener("click", function () {
+  if (a1.paused) {
+    a1.play();
+    a2.play();
+    a3.play();
+
+  } else {
+    a1.pause();
+    a2.pause();
+    a3.pause();
+  }
+
+})
+a1.addEventListener("play", function(){
+  b.innerHTML="pause"
+})
+
+a1.addEventListener("pause", function(){
+  b.innerHTML="play"
+})
+
+var links=document.querySelectorAll("div.sub a")
+for (var i=0, l=links.length; i<l; i++) {
+  var a = links[i];
+  a.addEventListener("click", function(e) {
+    console.log("CLICK", this);
+    var t=parseFloat(this.getAttribute("data-start"))
+    a1.currentTime=t
+    a2.currentTime=t
+    a3.currentTime=t
+    e.preventDefault()
+    a1.play();
+    a2.play();
+    a3.play();
+  })
+
+}
+
+</script>
diff --git a/thesis/thesis-angeliki.md b/thesis/thesis-angeliki.md
index 9484d9f..2ca25eb 100644
--- a/thesis/thesis-angeliki.md
+++ b/thesis/thesis-angeliki.md
@@ -183,7 +183,6 @@ Miranda Zúñiga, *The Broadcast Cart transmitting*, image, viewed 4 March 2019,
 *Temporary Local Broadcast in action by artist Jack James*, image, viewed 4 March 2019, <https://static1.squarespace.com/static/53dabea7e4b06489b309657a/55645642e4b0b17b146b9ebf/55645659e4b08b2ebc72bb28/1432639069240/DSC_1595.JPG?format=750w>.
 
 # Index
-**Absent Voice**\
 **Agonism** Agonism (from Greek ἀγών agon, "struggle") is a political theory that emphasizes the potentially positive aspects of certain (but not all) forms of political conflict. It accepts a permanent place for such conflict, but seeks to show how people might accept and channel this positively. For this reason, agonists are especially concerned with debates about democracy. The tradition is also referred to as agonistic pluralism.\
 **Amplification** to increase the strength or amount of. Especially : to make louder. A figure of speech that adds importance to increase its rhetorical effect https://en.m.wikipedia.org/wiki/Amplification\
 **Democracy**\