changed title

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>

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 */