From 85dbc1e9ae3fede9db279e21397a5f9f20b476a5 Mon Sep 17 00:00:00 2001
From: nglk <diakaggel@gmail.com>
Date: Fri, 5 Mar 2021 17:12:08 +0100
Subject: [PATCH] changed title

---
 index.html           | 37 +++++++++----------------------------
 static/css/style.css | 14 ++++++++++++++
 2 files changed, 23 insertions(+), 28 deletions(-)

diff --git a/index.html b/index.html
index 9163ea6..9880632 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
 <div class="container-fluid p-0">
 <div class="bg">
   <div class="row">
-    <div class="col-md-4"><div id="title_website"><a href="/">Wells of Knowledge</a></div></div>
+    <div class="col-md-4"><div id="title_website"><a href="/">Wells of Knowledge:</a></div><span id="subtitle_website">Poetry, music and resistance in Turkey</span></div>
       <div class="col-md-3 offset-md-5" id="menu">
     <span id="about">
      <a href="#" >about</a> |
@@ -33,22 +33,6 @@
     <a href="#" >how to use</a>
   </span>
 
-  <div id="myModal" class="modal fade">
-      <div class="modal-dialog">
-          <div class="modal-content">
-              <div class="modal-header">
-                  <h5 class="modal-title">This website is better viewed on desktop</h5>
-                  <button type="button" class="close" data-dismiss="modal">&times;</button>
-              </div>
-              <div class="modal-body">
-                  <p>Sorry for that.</p>
-
-              </div>
-          </div>
-      </div>
-  </div>
-
-
   </div>
 
   </div>
@@ -101,8 +85,8 @@ 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>
+      <span id="closeall" onclick="closeall()">CLOSE ALL POPUPS</span>
+      <div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div><h2>Wells of Knowledge: Poetry, music and resistance in Turkey</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?"
 <br>
@@ -194,6 +178,9 @@ $(document).ready(function() {
    start: function(event, ui) { $(this).css('z-index', a++); }
 });});
 
+$(".draggable i.remove-elem").off('click').on("click", function(){
+        $(this).parent('.draggable').remove();
+});
 
 
 
@@ -204,7 +191,7 @@ $(document).ready(function() {
 
 <script>
 // function popup_bg(start,end) {
-
+  
 //   var myIcon = document.querySelector(".audioBG");
 //   var box = document.getElementById("audioBG");
 //     if (box.paused) {
@@ -217,7 +204,7 @@ $(document).ready(function() {
 // }
 //     // box.currentTime = start;
 //     // console.log(start);
-
+  
 // }
 
 
@@ -366,13 +353,7 @@ $("#about").click(function(){
 
 
 </script>
-<script>
-    $(document).ready(function(){
-      if (screen.width < 768) {
-        $("#myModal").modal('show');
-      }
-    });
-</script>
+
 
 
 </div>
diff --git a/static/css/style.css b/static/css/style.css
index ae34ace..c789df6 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -42,11 +42,21 @@ body {
   font-style: italic;
   color: #d81159 !important;
   font-size: 30px;
+    margin-left: 50px;
+  margin-top: 15px;
+}
+
+#subtitle_website {
+  font-family:'Walter Turncoat', cursive;
+  font-style: italic;
+  color: #d81159 !important;
+  font-size: 20px;
   margin-left: 50px;
   margin-top: 15px;
 }
 
 
+
 /*resize thesis*/
 
 
@@ -237,6 +247,10 @@ a :hover {
 
 #closeall {
 display: none;
+color: black;
+border:1px black solid;
+background-color: white;
+margin-left: 2px;
 }
 
 /* text area */