From 0704c88092ba60efea332ec2763e1e77d0f63b64 Mon Sep 17 00:00:00 2001
From: alicestrt <alice.strt@gmail.com>
Date: Wed, 3 Mar 2021 17:52:22 +0100
Subject: [PATCH] added close popups

---
 index.html           | 7 ++++++-
 static/css/style.css | 8 +++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 886dec8..e71568c 100644
--- a/index.html
+++ b/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(){
diff --git a/static/css/style.css b/static/css/style.css
index f48fd13..1030add 100644
--- a/static/css/style.css
+++ b/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;