added close popups

index.html

@@ -77,6 +77,7 @@ preload="metadata" onloadedmetadata="mDur(dur1,audioBG)" ontimeupdate="mPlay(dur
       <!-- <img src="static/images/test_small.jpeg" alt="poem"> -->
 
       <!-- popups about and colophon -->
+      <span id="closeall" onclick="closeall()">Close popups</span>
       <div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div><h2>Wells of Knowledge</h2><p>
 This web platform is a publishing moment/fragment of the work "Volitional Volutions of the Volatile Waters" by Merve Kilicer. <br>
 How can oral knowledge can be 'recorded', 'documented', 'transferred' through a digital online space? This is the question that drove the research behind this website, which has the map of connections as the main navigation point. The visualisation is inspired by the common history and references that people in Gezi Park shared during the 2013 occupation. Their presence together in the square became a melange of their different voices, slogans, poems and memories. "Could the accumulation of these voices and words be the forming substances of Gezi Spirit?"
@@ -268,7 +269,11 @@ includeHTML();
       $("#nothesis").hide()
      }
 
-
+     function closeall(){
+       $("#showbio").hide()
+       $("#nothesis").hide()
+       $("#showvideo").hide()
+     }
 
 
 $("#about").click(function(){

static/css/style.css

@@ -400,7 +400,13 @@ h2 {
   background-color: white;
   opacity: 1;
 }
-
+#closeall {
+  font-family:'Walter Turncoat', cursive;
+  cursor: pointer;
+  color: #d81159;
+  font-size: 20px;
+  padding-left: 50%;
+}
 /* .bio{
   margin-bottom: 1.2em;
   margin-top: 2em;