From 4730d4b271571ff3aeea69349a7e337c318fe797 Mon Sep 17 00:00:00 2001
From: Max Lehmann <maxlehmann@xpub.nl>
Date: Thu, 11 Jun 2020 11:08:42 +0200
Subject: [PATCH 01/11] Update '12/dragable.js'

---
 12/dragable.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/12/dragable.js b/12/dragable.js
index 0f2226f..0f4c82c 100644
--- a/12/dragable.js
+++ b/12/dragable.js
@@ -1,5 +1,5 @@
 // Make the DIV element draggable:
-dragElement(document.getElementById("shell_03header"));
+dragElement(document.getElementById("shell_03"));
 
 function dragElement(elmnt) {
   var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;

From abf2233d421454bfd0736f0d51d10ef2cc4e94b1 Mon Sep 17 00:00:00 2001
From: Max Lehmann <maxlehmann@xpub.nl>
Date: Thu, 11 Jun 2020 11:09:55 +0200
Subject: [PATCH 02/11] Update '12/dragable.js'

---
 12/dragable.js | 45 ---------------------------------------------
 1 file changed, 45 deletions(-)

diff --git a/12/dragable.js b/12/dragable.js
index 0f4c82c..e6e66bd 100644
--- a/12/dragable.js
+++ b/12/dragable.js
@@ -41,48 +41,3 @@ function dragElement(elmnt) {
     document.onmousemove = null;
   }
 }
-
-
-// Make the DIV element draggable:
-dragElement(document.getElementById("audio_05header"));
-
-function dragElement(elmnt) {
-  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
-  if (document.getElementById(elmnt.id + "header")) {
-    // if present, the header is where you move the DIV from:
-    document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
-  } else {
-    // otherwise, move the DIV from anywhere inside the DIV:
-    elmnt.onmousedown = dragMouseDown;
-  }
-
-  function dragMouseDown(e) {
-    e = e || window.event;
-    e.preventDefault();
-    // get the mouse cursor position at startup:
-    pos3 = e.clientX;
-    pos4 = e.clientY;
-    document.onmouseup = closeDragElement;
-    // call a function whenever the cursor moves:
-    document.onmousemove = elementDrag;
-  }
-
-  function elementDrag(e) {
-    e = e || window.event;
-    e.preventDefault();
-    // calculate the new cursor position:
-    pos1 = pos3 - e.clientX;
-    pos2 = pos4 - e.clientY;
-    pos3 = e.clientX;
-    pos4 = e.clientY;
-    // set the element's new position:
-    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
-    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
-  }
-
-  function closeDragElement() {
-    // stop moving when mouse button is released:
-    document.onmouseup = null;
-    document.onmousemove = null;
-  }
-}
\ No newline at end of file

From f8ea63c929b57236f4df8df6fd6db729296deb72 Mon Sep 17 00:00:00 2001
From: annasandri <annasandri@xpub.nl>
Date: Thu, 11 Jun 2020 11:10:27 +0200
Subject: [PATCH 03/11] Update '12/index.html'

---
 12/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/12/index.html b/12/index.html
index 714d732..bab2932 100644
--- a/12/index.html
+++ b/12/index.html
@@ -67,7 +67,7 @@
       </div>
       <div id="table_content_05">
         <ul>
-          <li id="track_5_1"><span class="numbers_table_content_05">1</span> ...</li>
+          <li id="track_5_1"><span class="numbers_table_content_05">1</span>Do.as, Mika, 5'17''</li>
           <li id="track_5_2"><span class="numbers_table_content_05">2</span> ...</li>
           <li id="track_5_3"><span class="numbers_table_content_05">3</span> ...</li>
           <li id="track_5_4"><span class="numbers_table_content_05">4</span> ...</li>

From 8a589371dfa8fba336d36a122fcb0968bee8725f Mon Sep 17 00:00:00 2001
From: Max Lehmann <maxlehmann@xpub.nl>
Date: Thu, 11 Jun 2020 11:10:30 +0200
Subject: [PATCH 04/11] Update '12/dragable.js'

---
 12/dragable.js | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/12/dragable.js b/12/dragable.js
index e6e66bd..d0468ab 100644
--- a/12/dragable.js
+++ b/12/dragable.js
@@ -41,3 +41,49 @@ function dragElement(elmnt) {
     document.onmousemove = null;
   }
 }
+
+
+// Make the DIV element draggable:
+dragElement(document.getElementById("audio_05"));
+
+function dragElement(elmnt) {
+  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
+  if (document.getElementById(elmnt.id + "header")) {
+    // if present, the header is where you move the DIV from:
+    document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
+  } else {
+    // otherwise, move the DIV from anywhere inside the DIV:
+    elmnt.onmousedown = dragMouseDown;
+  }
+
+  function dragMouseDown(e) {
+    e = e || window.event;
+    e.preventDefault();
+    // get the mouse cursor position at startup:
+    pos3 = e.clientX;
+    pos4 = e.clientY;
+    document.onmouseup = closeDragElement;
+    // call a function whenever the cursor moves:
+    document.onmousemove = elementDrag;
+  }
+
+  function elementDrag(e) {
+    e = e || window.event;
+    e.preventDefault();
+    // calculate the new cursor position:
+    pos1 = pos3 - e.clientX;
+    pos2 = pos4 - e.clientY;
+    pos3 = e.clientX;
+    pos4 = e.clientY;
+    // set the element's new position:
+    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
+    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
+  }
+
+  function closeDragElement() {
+    // stop moving when mouse button is released:
+    document.onmouseup = null;
+    document.onmousemove = null;
+  }
+}
+

From 622c6ebe0d5128e36a807e4f1ce2d507bd3a9e82 Mon Sep 17 00:00:00 2001
From: Max Lehmann <maxlehmann@xpub.nl>
Date: Thu, 11 Jun 2020 11:11:25 +0200
Subject: [PATCH 05/11] Update '12/dragable.js'

---
 12/dragable.js | 44 --------------------------------------------
 1 file changed, 44 deletions(-)

diff --git a/12/dragable.js b/12/dragable.js
index d0468ab..0fe305a 100644
--- a/12/dragable.js
+++ b/12/dragable.js
@@ -1,47 +1,3 @@
-// Make the DIV element draggable:
-dragElement(document.getElementById("shell_03"));
-
-function dragElement(elmnt) {
-  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
-  if (document.getElementById(elmnt.id + "header")) {
-    // if present, the header is where you move the DIV from:
-    document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
-  } else {
-    // otherwise, move the DIV from anywhere inside the DIV:
-    elmnt.onmousedown = dragMouseDown;
-  }
-
-  function dragMouseDown(e) {
-    e = e || window.event;
-    e.preventDefault();
-    // get the mouse cursor position at startup:
-    pos3 = e.clientX;
-    pos4 = e.clientY;
-    document.onmouseup = closeDragElement;
-    // call a function whenever the cursor moves:
-    document.onmousemove = elementDrag;
-  }
-
-  function elementDrag(e) {
-    e = e || window.event;
-    e.preventDefault();
-    // calculate the new cursor position:
-    pos1 = pos3 - e.clientX;
-    pos2 = pos4 - e.clientY;
-    pos3 = e.clientX;
-    pos4 = e.clientY;
-    // set the element's new position:
-    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
-    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
-  }
-
-  function closeDragElement() {
-    // stop moving when mouse button is released:
-    document.onmouseup = null;
-    document.onmousemove = null;
-  }
-}
-
 
 // Make the DIV element draggable:
 dragElement(document.getElementById("audio_05"));

From a12de061ea56deeb5fe2800ffa73ca739b50209f Mon Sep 17 00:00:00 2001
From: annasandri <annasandri@xpub.nl>
Date: Thu, 11 Jun 2020 11:11:28 +0200
Subject: [PATCH 06/11] Update '12/index.html'

---
 12/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/12/index.html b/12/index.html
index bab2932..4fa5602 100644
--- a/12/index.html
+++ b/12/index.html
@@ -67,7 +67,7 @@
       </div>
       <div id="table_content_05">
         <ul>
-          <li id="track_5_1"><span class="numbers_table_content_05">1</span>Do.as, Mika, 5'17''</li>
+          <li id="track_5_1"><span class="numbers_table_content_05">1</span> Do.as, Mika, 5'17''</li>
           <li id="track_5_2"><span class="numbers_table_content_05">2</span> ...</li>
           <li id="track_5_3"><span class="numbers_table_content_05">3</span> ...</li>
           <li id="track_5_4"><span class="numbers_table_content_05">4</span> ...</li>

From b31fd7255087d323fcdd0343c95b7fd826a5bdf9 Mon Sep 17 00:00:00 2001
From: Max Lehmann <maxlehmann@xpub.nl>
Date: Thu, 11 Jun 2020 11:12:16 +0200
Subject: [PATCH 07/11] Update '12/dragable.js'

---
 12/dragable.js | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/12/dragable.js b/12/dragable.js
index 0fe305a..d0468ab 100644
--- a/12/dragable.js
+++ b/12/dragable.js
@@ -1,3 +1,47 @@
+// Make the DIV element draggable:
+dragElement(document.getElementById("shell_03"));
+
+function dragElement(elmnt) {
+  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
+  if (document.getElementById(elmnt.id + "header")) {
+    // if present, the header is where you move the DIV from:
+    document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
+  } else {
+    // otherwise, move the DIV from anywhere inside the DIV:
+    elmnt.onmousedown = dragMouseDown;
+  }
+
+  function dragMouseDown(e) {
+    e = e || window.event;
+    e.preventDefault();
+    // get the mouse cursor position at startup:
+    pos3 = e.clientX;
+    pos4 = e.clientY;
+    document.onmouseup = closeDragElement;
+    // call a function whenever the cursor moves:
+    document.onmousemove = elementDrag;
+  }
+
+  function elementDrag(e) {
+    e = e || window.event;
+    e.preventDefault();
+    // calculate the new cursor position:
+    pos1 = pos3 - e.clientX;
+    pos2 = pos4 - e.clientY;
+    pos3 = e.clientX;
+    pos4 = e.clientY;
+    // set the element's new position:
+    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
+    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
+  }
+
+  function closeDragElement() {
+    // stop moving when mouse button is released:
+    document.onmouseup = null;
+    document.onmousemove = null;
+  }
+}
+
 
 // Make the DIV element draggable:
 dragElement(document.getElementById("audio_05"));

From aa484fd0681ff4d05f85ce011624a2c5ebf34812 Mon Sep 17 00:00:00 2001
From: Max Lehmann <maxlehmann@xpub.nl>
Date: Thu, 11 Jun 2020 11:16:34 +0200
Subject: [PATCH 08/11] Update '12/index.html'

---
 12/index.html | 77 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 76 insertions(+), 1 deletion(-)

diff --git a/12/index.html b/12/index.html
index 4fa5602..c8ab977 100644
--- a/12/index.html
+++ b/12/index.html
@@ -265,7 +265,7 @@
   </div><!--  <div class="contributors"> -->
   <script src="player2.js"></script> 
   <script src="liveplayer.js"></script> 
-  <script src="dragable.js"></script> 
+  <!--script src="dragable.js"></script--> 
   <script>
 
 			player(document.querySelector("#week_04"), document.querySelector("#iframe_04"));    
@@ -299,6 +299,81 @@
             document.querySelector(".audio_05 #resources_icon").addEventListener("click",function(){
               document.querySelector("#implicancies_05 #resources_05").classList.toggle("hidden");
             });
+    
+    
+    
+    
+    
+    
+    
+      var dragItem = document.querySelector("#shell_03header");
+    var container = document.querySelector("#shell03");
+
+    var active = false;
+    var currentX;
+    var currentY;
+    var initialX;
+    var initialY;
+    var xOffset = 0;
+    var yOffset = 0;
+
+    container.addEventListener("touchstart", dragStart, false);
+    container.addEventListener("touchend", dragEnd, false);
+    container.addEventListener("touchmove", drag, false);
+
+    container.addEventListener("mousedown", dragStart, false);
+    container.addEventListener("mouseup", dragEnd, false);
+    container.addEventListener("mousemove", drag, false);
+
+    function dragStart(e) {
+      if (e.type === "touchstart") {
+        initialX = e.touches[0].clientX - xOffset;
+        initialY = e.touches[0].clientY - yOffset;
+      } else {
+        initialX = e.clientX - xOffset;
+        initialY = e.clientY - yOffset;
+      }
+
+      if (e.target === dragItem) {
+        active = true;
+      }
+    }
+
+    function dragEnd(e) {
+      initialX = currentX;
+      initialY = currentY;
+
+      active = false;
+    }
+
+    function drag(e) {
+      if (active) {
+      
+        e.preventDefault();
+      
+        if (e.type === "touchmove") {
+          currentX = e.touches[0].clientX - initialX;
+          currentY = e.touches[0].clientY - initialY;
+        } else {
+          currentX = e.clientX - initialX;
+          currentY = e.clientY - initialY;
+        }
+
+        xOffset = currentX;
+        yOffset = currentY;
+
+        setTranslate(currentX, currentY, dragItem);
+      }
+    }
+
+    function setTranslate(xPos, yPos, el) {
+      el.style.transform = "translate3d(" + xPos + "px, " + yPos + "px, 0)";
+    }
+    
+    
+    
+    
+    
             
             
   </script>

From f2533b655030c50a3398d1105e2ec9f2bb8d25cb Mon Sep 17 00:00:00 2001
From: Max Lehmann <maxlehmann@xpub.nl>
Date: Thu, 11 Jun 2020 11:17:41 +0200
Subject: [PATCH 09/11] Update '12/index.html'

---
 12/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/12/index.html b/12/index.html
index c8ab977..8762899 100644
--- a/12/index.html
+++ b/12/index.html
@@ -307,7 +307,7 @@
     
     
       var dragItem = document.querySelector("#shell_03header");
-    var container = document.querySelector("#shell03");
+    var container = document.querySelector("#shell_03");
 
     var active = false;
     var currentX;

From f7a17be31204d198c7337f72ac5dce3d0f66d50a Mon Sep 17 00:00:00 2001
From: Max Lehmann <maxlehmann@xpub.nl>
Date: Thu, 11 Jun 2020 11:18:25 +0200
Subject: [PATCH 10/11] Update '12/index.html'

---
 12/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/12/index.html b/12/index.html
index 8762899..5b40115 100644
--- a/12/index.html
+++ b/12/index.html
@@ -306,8 +306,8 @@
     
     
     
-      var dragItem = document.querySelector("#shell_03header");
-    var container = document.querySelector("#shell_03");
+    var dragItem = document.querySelector("#shell_03");
+    var container = document.querySelector("#implicancies_05");
 
     var active = false;
     var currentX;