Merge branch 'master' of https://git.vvvvvvaria.org/alicestrt/vvvw

index.html

@@ -147,7 +147,7 @@ Through the map, we give shape to a common context in Turkish culture. The map a
 <div id="nothesis">
         <div w3-include-html="thesis.html" id="thesis" class="draggable thesis">
         </div>
-        <!-- <span onclick=closethesis() class="thesisX" >&times</span><span onclick=closethesis() class="thesisX" >&times</span> -->
+        <span onclick=closethesis() class="thesisX" >&times</span><span onclick=closethesis() class="thesisX" >&times</span>
 </div>
   </div>
 
@@ -251,9 +251,9 @@ includeHTML();
      $("#showbio").hide()
     }
 
-    // function closethesis(){
-    //   $("#nothesis").fadeOut()
-    //  }
+    function closethesis(){
+      $("#nothesis").hide()
+     }
 
 
 

static/css/style.css

@@ -407,7 +407,7 @@ h2 {
 .thesisX {
   position: absolute;
   z-index:5;
-  left: 26%;
+  left: 46%;
   top: 14%;
   float: right;
   cursor: pointer;
@@ -415,6 +415,9 @@ h2 {
   color: black;
 }
 
+#nothesis {
+  display: none;
+}
 
 /* about and colophon */
 #menu {

static/js/d3_map.js

@@ -141,11 +141,12 @@ d3.json("/static/js/group1.json", function(error, json) {
   function popup(name, time) {
     $("#show" + name).fadeIn()
     console.log("around")
+    $("#nothesis").fadeIn()
     $("#thesis").fadeIn()
     $("#bio" + name).fadeIn()
    var dada = document.getElementById("text" + name);
    dada.className += " active";
-   dada.scrollIntoView();
+   dada.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
   };
 
 });