vvvw/index.html

<html>
<head>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<title>VVVW</title>
<link rel="stylesheet" href="static/css/jquery-ui.min.css">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/style.css">
<link
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css"
  rel="stylesheet"  type='text/css'>
<script src="static/js/jquery-3.5.1.min.js"></script>
<script src="static/js/jquery-ui.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/d3.v3.min.js"></script>

</head>
<body>
<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-3 offset-md-5" id="menu">
    <span id="about">
     <a href="#" >about</a> |
   </span>
   <span id="colophon">
     <a href="#" >colophon</a> |
   </span>

      <span id="how">
    <a href="#" >how to use</a> |
  </span>

  </div>

  </div>
<div class="row">
  <!-- background audio -->
  <div class="col-md-9">
    <div class="row">
      <div class="col-md-12">
        <br>
        <div class="map_legend">
        <div id="box1" onclick="popup_bg(600,1460)"><i class="box fa fa-play"></i></div> <p>Folklore literature</p>
        <div id="box2" onclick="popup_bg(1465,1770)"><i class="box fa fa-play" aria-hidden="true"></i></div><p>Islamic Mysticism</p>
        <div id="box3" onclick="popup_bg(0,600)"><i class="box fa fa-play" aria-hidden="true"></i></div> <p>Contemporary poets</p>
        <div id="box4" onclick="popup_bg(3960,3960)"><i class="box fa fa-play" aria-hidden="true"></i></div> <p>Contemporary musicians</p>
      </div>
      </div>
      </div>
    <div class="row">

  <div class="col-md-5 col-sm-6 col-xs-6">
    <button onclick="playpause('audioBG')" type="button" name="button"><i class="audioBG fa fa-play"></i></button>
<audio id="audioBG"
preload="metadata" onloadedmetadata="mDur(dur1,audioBG)" ontimeupdate="mPlay(dur1,audioBG)">
<source src="static/audio/HNI_Soundinstall_3tracks_together.webm">
</audio>
<input id="dur1" type="range" name="rng" min="0" step="0.25" value="0" onchange="mSet(dur1,audioBG)" style="width: 150px">
</div>
</div>

  </div>

</div>
    <!-- new row should start here -->
    <!-- pop up thesis -->
    <!-- <div class="scaleable-wrapper draggable" id="scaleable-wrapper"> -->

    <!-- </div> -->
    <!-- map area -->
  <div class="row" id="noflex">
    <div class="col-md-12">
    <div class="map_area">
      <!-- <p>Related media</p> -->
      <!-- <div class="draggable" id="showdadaloglu"><div class='text_audio'>Bio</div> -->
        <!-- <audio id="audiodadaloglu" controls>
          <source src="static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
          Your browser does not support the audio tag.
        </audio> -->
        <!-- <img src="static/images/poem.png">
      </div> -->
      <!-- <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?"
<br>
Through the map, we give shape to a common context in Turkish culture. The map acts as an active archival space that gives the possibility to revisit the elements in a non-linear historical approach in relation to the written text and audio. </p>

 </div>
      </div><br>
      <div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div><h2>Colophon</h2>
        <p>
        Wells of Knowledge: Poetry, Music and Resistance in Turkey
        © 2020 at.wdka.nl/wellsofknowledge</p>
        <p>
        Developed by Hybrid Publishing,
        Willem de Kooning Academy</p>
        <p>
        Text and images © Merve Kılıçer<br>
        All rights reserved</p>
        <p>ISBN: 9789492479112</p>
        <p>Author: Merve Kılıçer</p>
        <p>Graphic Design & Web Development: Angeliki Diakrousi
        (https://w-i-t-m.net/) and Alice Strete (https://alicestrete.me/)</p>
        <p>Editor: Liz Allan</p>
        <p>Coordination: Kimmy Spreeuwenberg</p>
        <p>Printer: De Raddraaier, Amsterdam<br>
        Paper: Old Mill/Bianco 100g<br>
        Print Run: 300</p>
        <p>Thanks for the generous support of Nihan Somay, Jake Caleb,
        Ulufer Çelik and Carmen José</p>
        <p>Hybrid Publishing<br>
        This publication was developed by Hybrid Publishing, founded by
        the Willem de Kooning Academy as a means of profiling and
        disseminating outstanding research conducted by its students and
        teaching staff, whether independently or in collaboration with
        external partners. Researching and experimenting across a broad
        range of processes native to digital and analog media, WdKA
        Hybrid Publishing fosters novel approaches to design, authoring,
        reading and dissemination made possible through ongoing
        developments from the legacies of Gutenberg’s press to presentday
        technologies. (hybridpublishing.wdka.nl)</p>
        <p>HP Research Awards<br>
        The HP Research Awards series showcases the work of recipients
        or nominees of the Willem de Kooning Research Award.
        Established by the Willem de Kooning Foundation, the awards are
        granted to outstanding students whose graduation projects and
        research have helped provide new insights to broader audiences. For
        a digital version of this and other publications, go to
        at.wdka.nl/hpresearchawards</p>
      <img class="logo" src="static/images/HP_Logo.png"></img>
      <img class="logo" src="static/images/wdka_logo.png"></img>
      <img class="logo" src="static/images/pzi_logo.png"></img>

    </div>
      </div>

      <div id="showhow" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div><h2>How to use</h2>
        <p>This website is best displayed on a desktop, using the latest available Firefox version.</p>
        <p>
        The map shows connections between various representatives in Turkish culture, be it poets, authors or musicians, traditional or contemporary.</p> <p>Each name is presented in relation to a song, a poem, an image, or a fragment of text or audio.</p>
        <p>When clickling once on one of the names, various kinds of media appear in connection to that name. The colors represent different categories (Folklore literature, Islamic Mysticism, etc).</p>
        <p>  When double clicking, a name is isolated and displayed alongside its closest connections. </p><p>All the elements of the map can be rearranged and moved. </p></div>
      </div>

      <script src="static/js/d3_map.js"></script>

  </div>


<div id="nothesis">
        <div w3-include-html="thesis.html" id="thesis" class="draggable thesis">
        </div>
  </div>
</div>


</div>
</div>

<script type="text/javascript">

$(document).ready(function() {
    var a = 3;
    var dragOpts = {
          cursor: "move",
          cursor: "grab",
          distance: "0",
        };
    $('.draggable').draggable(
    {
   start: function(event, ui) { $(this).css('z-index', a++); }
});});


</script>


<!-- scripts for mouse events -->

<script>
function popup_bg(start,end) {
  var myIcon = document.querySelector(".audioBG");
  var box = document.getElementById("audioBG");
    if (box.paused) {
      box.currentTime = start;
      myIcon.className = "audioBG fa fa-pause";
      box.play();
      console.log(box.currentTime);
// the below setInterval is to check the currentTime is greater than 56 or not in every 1 second
  setInterval(function(){
    if(box.currentTime>end){
      myIcon.className = "audioBG fa fa-play";
      box.pause();
        }
      },1000);
};
    // box.currentTime = start;
    // console.log(start);
};
</script>
<script>
var aud1= document.getElementById('audioBG');
var dur1= document.getElementById('dur1');
function mDur(dur,aud){dur.max= aud.duration};
function mPlay(dur,aud){dur.value=aud.currentTime};
function mSet(dur,aud){aud.currentTime=dur.value};


function playpause(podcast){
var myAudio = document.getElementById(podcast);
var myIcon = document.querySelector("."+podcast);
if (myAudio.paused) {
myIcon.className = podcast+" fa fa-pause";
myAudio.play();
} else {
myIcon.className = podcast+" fa fa-play";
myAudio.pause();
}
}
</script>

 <script>
function includeHTML() {
  var z, i, elmnt, file, xhttp;
  /* Loop through a collection of all HTML elements: */
  z = document.getElementsByTagName("*");
  for (i = 0; i < z.length; i++) {
    elmnt = z[i];
    /*search for elements with a certain atrribute:*/
    file = elmnt.getAttribute("w3-include-html");
    if (file) {
      /* Make an HTTP request using the attribute value as the file name: */
      xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (this.readyState == 4) {
          if (this.status == 200) {elmnt.innerHTML = this.responseText;}
          if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
          /* Remove the attribute, and call this function once more: */
          elmnt.removeAttribute("w3-include-html");
          includeHTML();
        }
      }
      xhttp.open("GET", file, true);
      xhttp.send();
      /* Exit the function: */
      return;
    }
  }
}

includeHTML();
</script>

<script>


  function closevideo(){
    $("#showvideo").hide()
    $('iframe').each(function(index) {
       $(this).attr('src', $(this).attr('src'));
       return false;
     });
   }

   function closebio(){
     $("#showbio").hide()
    }

    function closethesis(){
      $("#nothesis").hide()
     }

     function closeall(){
       $("#showbio").hide()
       $("#nothesis").hide()
       $("#showvideo").hide()
       $("#closeall").hide()
       $("#showabout").hide()
       $("#showcolophon").hide()
       $("#showhow").hide()
     }

     function startaudio(){
      var box = document.getElementById("audioBG");
      box.currentTime=3384;
     }

     window.onload = startaudio();


$("#about").click(function(){
    $("#showabout").fadeIn()
    $("#closeall").fadeIn()
    console.log("around")
 });

 $("#colophon").click(function(){
     $("#showcolophon").fadeIn()
     $("#closeall").fadeIn()
     console.log("around")
  });
  $("#how").click(function(){
      $("#showhow").fadeIn()
      $("#closeall").fadeIn()
      console.log("around")

   });


</script>


</div>
</body>
</html>
-												added newindex

											
										
										
											2020-11-10 13:45:35 +01:00
+								<html>
 								<head>
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
 								<meta content="utf-8" http-equiv="encoding">
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
+								<meta http-equiv="Access-Control-Allow-Origin" content="*">
-												added newindex

											
										
										
											2020-11-10 13:45:35 +01:00
+								<title>VVVW</title>
-												fixed js errors

											
										
										
											2021-01-06 17:20:53 +01:00
+								<link rel="stylesheet" href="static/css/jquery-ui.min.css">
 								<link rel="stylesheet" href="static/css/bootstrap.min.css">
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								<link rel="stylesheet" href="static/css/style.css">
-												changed fontawesome link

											
										
										
											2021-01-08 14:15:51 +01:00
+								<link
-												changed i dont remember

											
										
										
											2021-02-15 16:43:05 +01:00
+								  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css"
-												changed fontawesome link

											
										
										
											2021-01-08 14:15:51 +01:00
+								  rel="stylesheet"  type='text/css'>
-												fixed js errors

											
										
										
											2021-01-06 17:20:53 +01:00
+								<script src="static/js/jquery-3.5.1.min.js"></script>
 								<script src="static/js/jquery-ui.min.js"></script>
 								<script src="static/js/bootstrap.min.js"></script>
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
+								<script src="static/js/d3.v3.min.js"></script>
-												fixed js errors

											
										
										
											2021-01-06 17:20:53 +01:00
-												added newindex

											
										
										
											2020-11-10 13:45:35 +01:00
+								</head>
 								<body>
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								<div class="container-fluid p-0">
 								<div class="bg">
-												fixed some stuff

											
										
										
											2021-01-15 18:30:30 +01:00
+								  <div class="row">
-												added home link to title

											
										
										
											2021-03-03 16:14:56 +01:00
+								    <div class="col-md-4"><div id="title_website"><a href="/">Wells of Knowledge</a></div></div>
-												changed background, colophon style

											
										
										
											2021-03-01 14:52:04 +01:00
+								      <div class="col-md-3 offset-md-5" id="menu">
-												fixed some stuff

											
										
										
											2021-01-15 18:30:30 +01:00
+								    <span id="about">
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
+								     <a href="#" >about</a> |
-												fixed some stuff

											
										
										
											2021-01-15 18:30:30 +01:00
+								   </span>
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
+								   <span id="colophon">
 								     <a href="#" >colophon</a> |
 								   </span>
 								      <span id="how">
 								    <a href="#" >how to use</a> |
 								  </span>
-												fixed some stuff

											
										
										
											2021-01-15 18:30:30 +01:00
+								  </div>
 								  </div>
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								<div class="row">
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
+								  <!-- background audio -->
-												changed position of legend

											
										
										
											2021-01-15 19:10:35 +01:00
+								  <div class="col-md-9">
 								    <div class="row">
 								      <div class="col-md-12">
 								        <br>
 								        <div class="map_legend">
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
+								        <div id="box1" onclick="popup_bg(600,1460)"><i class="box fa fa-play"></i></div> <p>Folklore literature</p>
 								        <div id="box2" onclick="popup_bg(1465,1770)"><i class="box fa fa-play" aria-hidden="true"></i></div><p>Islamic Mysticism</p>
 								        <div id="box3" onclick="popup_bg(0,600)"><i class="box fa fa-play" aria-hidden="true"></i></div> <p>Contemporary poets</p>
 								        <div id="box4" onclick="popup_bg(3960,3960)"><i class="box fa fa-play" aria-hidden="true"></i></div> <p>Contemporary musicians</p>
-												changed position of legend

											
										
										
											2021-01-15 19:10:35 +01:00
+								      </div>
 								      </div>
 								      </div>
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								    <div class="row">
-												webm audio

											
										
										
											2021-01-06 18:38:58 +01:00
-												changed position of legend

											
										
										
											2021-01-15 19:10:35 +01:00
+								  <div class="col-md-5 col-sm-6 col-xs-6">
-												fixed some stuff

											
										
										
											2021-01-15 18:30:30 +01:00
+								    <button onclick="playpause('audioBG')" type="button" name="button"><i class="audioBG fa fa-play"></i></button>
-												styled bios and audio

											
										
										
											2021-01-08 15:19:36 +01:00
+								<audio id="audioBG"
 								preload="metadata" onloadedmetadata="mDur(dur1,audioBG)" ontimeupdate="mPlay(dur1,audioBG)">
-												unsuccesful try outs

											
										
										
											2021-03-03 13:23:31 +01:00
+								<source src="static/audio/HNI_Soundinstall_3tracks_together.webm">
-												styled bios and audio

											
										
										
											2021-01-08 15:19:36 +01:00
+								</audio>
-												audio shorter

											
										
										
											2021-01-15 17:31:41 +01:00
+								<input id="dur1" type="range" name="rng" min="0" step="0.25" value="0" onchange="mSet(dur1,audioBG)" style="width: 150px">
-												styled bios and audio

											
										
										
											2021-01-08 15:19:36 +01:00
+								</div>
 								</div>
-												changed position of legend

											
										
										
											2021-01-15 19:10:35 +01:00
-												arranged elements and made iframes small

											
										
										
											2020-11-16 15:44:28 +01:00
+								  </div>
-												added play icon on legend and cganhed its position

											
										
										
											2020-12-17 14:18:09 +01:00
-												arranged elements and made iframes small

											
										
										
											2020-11-16 15:44:28 +01:00
+								</div>
 								    <!-- new row should start here -->
-												styles and failed draggable and scalaeable

											
										
										
											2020-12-04 16:54:54 +01:00
+								    <!-- pop up thesis -->
 								    <!-- <div class="scaleable-wrapper draggable" id="scaleable-wrapper"> -->
-												edited position of legend, added bios

											
										
										
											2020-12-16 15:11:39 +01:00
-												styles and failed draggable and scalaeable

											
										
										
											2020-12-04 16:54:54 +01:00
+								    <!-- </div> -->
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
+								    <!-- map area -->
-												fixed display issue chrome

											
										
										
											2021-01-06 16:48:28 +01:00
+								  <div class="row" id="noflex">
-												changed background, colophon style

											
										
										
											2021-03-01 14:52:04 +01:00
+								    <div class="col-md-12">
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
+								    <div class="map_area">
 								      <!-- <p>Related media</p> -->
-												separated bio from video, fixed x close popup and video stops when clicking x

											
										
										
											2020-12-09 16:55:10 +01:00
+								      <!-- <div class="draggable" id="showdadaloglu"><div class='text_audio'>Bio</div> -->
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
+								        <!-- <audio id="audiodadaloglu" controls>
 								          <source src="static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
 								          Your browser does not support the audio tag.
 								        </audio> -->
-												separated bio from video, fixed x close popup and video stops when clicking x

											
										
										
											2020-12-09 16:55:10 +01:00
+								        <!-- <img src="static/images/poem.png">
 								      </div> -->
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
+								      <!-- <img src="static/images/test_small.jpeg" alt="poem"> -->
-												automated video and bio popup depending on properties in the json file

											
										
										
											2020-12-04 13:15:54 +01:00
-												styled popups and took out audio bg function for nodes

											
										
										
											2020-12-04 14:53:39 +01:00
+								      <!-- popups about and colophon -->
-												added close popups

											
										
										
											2021-03-03 17:52:22 +01:00
+								      <span id="closeall" onclick="closeall()">Close popups</span>
-												bio and about text + on hover labels

											
										
										
											2021-01-15 16:25:12 +01:00
+								      <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?"
 								<br>
 								Through the map, we give shape to a common context in Turkish culture. The map acts as an active archival space that gives the possibility to revisit the elements in a non-linear historical approach in relation to the written text and audio. </p>
-												deleted old folders

											
										
										
											2020-12-16 16:44:38 +01:00
-												bio and about text + on hover labels

											
										
										
											2021-01-15 16:25:12 +01:00
+								 </div>
-												styled popups and took out audio bg function for nodes

											
										
										
											2020-12-04 14:53:39 +01:00
+								      </div><br>
-												fixed colophon again

											
										
										
											2021-03-01 18:08:33 +01:00
+								      <div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div><h2>Colophon</h2>
 								        <p>
 								        Wells of Knowledge: Poetry, Music and Resistance in Turkey
 								        © 2020 at.wdka.nl/wellsofknowledge</p>
 								        <p>
 								        Developed by Hybrid Publishing,
 								        Willem de Kooning Academy</p>
 								        <p>
 								        Text and images © Merve Kılıçer<br>
 								        All rights reserved</p>
 								        <p>ISBN: 9789492479112</p>
 								        <p>Author: Merve Kılıçer</p>
 								        <p>Graphic Design & Web Development: Angeliki Diakrousi
 								        (https://w-i-t-m.net/) and Alice Strete (https://alicestrete.me/)</p>
 								        <p>Editor: Liz Allan</p>
 								        <p>Coordination: Kimmy Spreeuwenberg</p>
 								        <p>Printer: De Raddraaier, Amsterdam<br>
 								        Paper: Old Mill/Bianco 100g<br>
 								        Print Run: 300</p>
 								        <p>Thanks for the generous support of Nihan Somay, Jake Caleb,
 								        Ulufer Çelik and Carmen José</p>
-												fixed colophon

											
										
										
											2021-03-04 12:50:15 +01:00
+								        <p>Hybrid Publishing<br>
-												fixed colophon again

											
										
										
											2021-03-01 18:08:33 +01:00
+								        This publication was developed by Hybrid Publishing, founded by
 								        the Willem de Kooning Academy as a means of profiling and
 								        disseminating outstanding research conducted by its students and
 								        teaching staff, whether independently or in collaboration with
 								        external partners. Researching and experimenting across a broad
 								        range of processes native to digital and analog media, WdKA
 								        Hybrid Publishing fosters novel approaches to design, authoring,
 								        reading and dissemination made possible through ongoing
 								        developments from the legacies of Gutenberg’s press to presentday
 								        technologies. (hybridpublishing.wdka.nl)</p>
 								        <p>HP Research Awards<br>
 								        The HP Research Awards series showcases the work of recipients
 								        or nominees of the Willem de Kooning Research Award.
 								        Established by the Willem de Kooning Foundation, the awards are
 								        granted to outstanding students whose graduation projects and
 								        research have helped provide new insights to broader audiences. For
 								        a digital version of this and other publications, go to
 								        at.wdka.nl/hpresearchawards</p>
 								      <img class="logo" src="static/images/HP_Logo.png"></img>
 								      <img class="logo" src="static/images/wdka_logo.png"></img>
 								      <img class="logo" src="static/images/pzi_logo.png"></img>
 								    </div>
-												styled popups and took out audio bg function for nodes

											
										
										
											2020-12-04 14:53:39 +01:00
+								      </div>
-												deleted old folders

											
										
										
											2020-12-16 16:44:38 +01:00
-												unsuccesful try outs

											
										
										
											2021-03-03 13:23:31 +01:00
+								      <div id="showhow" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div><h2>How to use</h2>
-												changed background, colophon style

											
										
										
											2021-03-01 14:52:04 +01:00
+								        <p>This website is best displayed on a desktop, using the latest available Firefox version.</p>
 								        <p>
-												styled colophon, bio

											
										
										
											2021-03-01 14:13:28 +01:00
+								        The map shows connections between various representatives in Turkish culture, be it poets, authors or musicians, traditional or contemporary.</p> <p>Each name is presented in relation to a song, a poem, an image, or a fragment of text or audio.</p>
 								        <p>When clickling once on one of the names, various kinds of media appear in connection to that name. The colors represent different categories (Folklore literature, Islamic Mysticism, etc).</p>
 								        <p>  When double clicking, a name is isolated and displayed alongside its closest connections. </p><p>All the elements of the map can be rearranged and moved. </p></div>
-												deleted old folders

											
										
										
											2020-12-16 16:44:38 +01:00
+								      </div>
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
+								      <script src="static/js/d3_map.js"></script>
-												unsuccesful try outs

											
										
										
											2021-03-03 13:23:31 +01:00
 								  </div>
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
-												failed attempts with close thesis

											
										
										
											2021-01-15 18:44:27 +01:00
+								<div id="nothesis">
 								        <div w3-include-html="thesis.html" id="thesis" class="draggable thesis">
-												edited position of legend, added bios

											
										
										
											2020-12-16 15:11:39 +01:00
+								        </div>
-												flexible and draggable objects. Complete example of diagram in full page

											
										
										
											2020-11-12 13:27:42 +01:00
+								  </div>
-												unsuccesful try outs

											
										
										
											2021-03-03 13:23:31 +01:00
+								</div>
-												didnt fix draggable, bg audio and others, some work partly

											
										
										
											2020-12-15 18:51:50 +01:00
-												edited position of legend, added bios

											
										
										
											2020-12-16 15:11:39 +01:00
+								</div>
 								</div>
-												fixed position of elements

											
										
										
											2020-12-04 11:56:43 +01:00
-												draggable is insode index.html now, no external svript

											
										
										
											2021-01-15 17:31:32 +01:00
+								<script type="text/javascript">
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
-												draggable is insode index.html now, no external svript

											
										
										
											2021-01-15 17:31:32 +01:00
+								$(document).ready(function() {
 								    var a = 3;
 								    var dragOpts = {
 								          cursor: "move",
 								          cursor: "grab",
 								          distance: "0",
 								        };
 								    $('.draggable').draggable(
 								    {
 								   start: function(event, ui) { $(this).css('z-index', a++); }
 								});});
-												nothing to commit

											
										
										
											2021-03-01 14:30:21 +01:00
-												added the audio with the times

											
										
										
											2021-03-02 18:12:51 +01:00
-												draggable is insode index.html now, no external svript

											
										
										
											2021-01-15 17:31:32 +01:00
+								</script>
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								<!-- scripts for mouse events -->
-												played with current time

											
										
										
											2020-11-30 17:20:02 +01:00
+								<script>
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
+								function popup_bg(start,end) {
-												added the audio with the times

											
										
										
											2021-03-02 18:12:51 +01:00
+								  var myIcon = document.querySelector(".audioBG");
-												played with current time

											
										
										
											2020-11-30 17:20:02 +01:00
+								  var box = document.getElementById("audioBG");
-												webm audio

											
										
										
											2021-01-06 18:38:58 +01:00
+								    if (box.paused) {
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
+								      box.currentTime = start;
-												added the audio with the times

											
										
										
											2021-03-02 18:12:51 +01:00
+								      myIcon.className = "audioBG fa fa-pause";
-												webm audio

											
										
										
											2021-01-06 18:38:58 +01:00
+								      box.play();
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
+								      console.log(box.currentTime);
 								// the below setInterval is to check the currentTime is greater than 56 or not in every 1 second
 								  setInterval(function(){
 								    if(box.currentTime>end){
 								      myIcon.className = "audioBG fa fa-play";
 								      box.pause();
 								        }
 								      },1000);
-												webm audio

											
										
										
											2021-01-06 18:38:58 +01:00
+								};
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
+								    // box.currentTime = start;
 								    // console.log(start);
-												played with current time

											
										
										
											2020-11-30 17:20:02 +01:00
+								};
-												styled bios and audio

											
										
										
											2021-01-08 15:19:36 +01:00
+								</script>
 								<script>
 								var aud1= document.getElementById('audioBG');
 								var dur1= document.getElementById('dur1');
 								function mDur(dur,aud){dur.max= aud.duration};
 								function mPlay(dur,aud){dur.value=aud.currentTime};
 								function mSet(dur,aud){aud.currentTime=dur.value};
 								function playpause(podcast){
 								var myAudio = document.getElementById(podcast);
 								var myIcon = document.querySelector("."+podcast);
 								if (myAudio.paused) {
 								myIcon.className = podcast+" fa fa-pause";
 								myAudio.play();
 								} else {
 								myIcon.className = podcast+" fa fa-play";
 								myAudio.pause();
 								}
 								}
-												played with current time

											
										
										
											2020-11-30 17:20:02 +01:00
+								</script>
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								 <script>
 								function includeHTML() {
 								  var z, i, elmnt, file, xhttp;
 								  /* Loop through a collection of all HTML elements: */
 								  z = document.getElementsByTagName("*");
 								  for (i = 0; i < z.length; i++) {
 								    elmnt = z[i];
 								    /*search for elements with a certain atrribute:*/
 								    file = elmnt.getAttribute("w3-include-html");
 								    if (file) {
 								      /* Make an HTTP request using the attribute value as the file name: */
 								      xhttp = new XMLHttpRequest();
 								      xhttp.onreadystatechange = function() {
 								        if (this.readyState == 4) {
 								          if (this.status == 200) {elmnt.innerHTML = this.responseText;}
 								          if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
 								          /* Remove the attribute, and call this function once more: */
 								          elmnt.removeAttribute("w3-include-html");
 								          includeHTML();
 								        }
-												added newindex

											
										
										
											2020-11-10 13:45:35 +01:00
+								      }
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								      xhttp.open("GET", file, true);
 								      xhttp.send();
 								      /* Exit the function: */
 								      return;
-												added newindex

											
										
										
											2020-11-10 13:45:35 +01:00
+								    }
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								  }
 								}
-												everything in one html works now

											
										
										
											2020-11-10 19:09:39 +01:00
 								includeHTML();
 								</script>
-												added about and colophon

											
										
										
											2020-12-04 11:42:36 +01:00
 								<script>
-												stop videos

											
										
										
											2021-01-15 17:00:02 +01:00
-												failed attempts with close thesis

											
										
										
											2021-01-15 18:44:27 +01:00
+								  function closevideo(){
-												stop videos

											
										
										
											2021-01-15 17:00:02 +01:00
+								    $("#showvideo").hide()
 								    $('iframe').each(function(index) {
 								       $(this).attr('src', $(this).attr('src'));
 								       return false;
 								     });
 								   }
-												failed attempts with close thesis

											
										
										
											2021-01-15 18:44:27 +01:00
+								   function closebio(){
 								     $("#showbio").hide()
 								    }
-												fixed delete thesis box

											
										
										
											2021-03-01 14:09:14 +01:00
+								    function closethesis(){
 								      $("#nothesis").hide()
 								     }
-												failed attempts with close thesis

											
										
										
											2021-01-15 18:44:27 +01:00
-												added close popups

											
										
										
											2021-03-03 17:52:22 +01:00
+								     function closeall(){
 								       $("#showbio").hide()
 								       $("#nothesis").hide()
 								       $("#showvideo").hide()
-												changed the closepopups to show/hide

											
										
										
											2021-03-03 18:36:19 +01:00
+								       $("#closeall").hide()
-												added endnotes and close popup for rest

											
										
										
											2021-03-04 12:23:33 +01:00
+								       $("#showabout").hide()
 								       $("#showcolophon").hide()
 								       $("#showhow").hide()
-												added close popups

											
										
										
											2021-03-03 17:52:22 +01:00
+								     }
-												failed attempts with close thesis

											
										
										
											2021-01-15 18:44:27 +01:00
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
+								     function startaudio(){
 								      var box = document.getElementById("audioBG");
-												fixed time opening

											
										
										
											2021-03-03 19:14:29 +01:00
+								      box.currentTime=3384;
-												timestamps fixed with endings and the opning is also ok

											
										
										
											2021-03-03 19:12:59 +01:00
+								     }
 								     window.onload = startaudio();
-												stop videos

											
										
										
											2021-01-15 17:00:02 +01:00
-												added about and colophon

											
										
										
											2020-12-04 11:42:36 +01:00
+								$("#about").click(function(){
 								    $("#showabout").fadeIn()
-												added endnotes and close popup for rest

											
										
										
											2021-03-04 12:23:33 +01:00
+								    $("#closeall").fadeIn()
-												added about and colophon

											
										
										
											2020-12-04 11:42:36 +01:00
+								    console.log("around")
 								 });
-												added about and colophon

											
										
										
											2020-12-04 11:42:41 +01:00
 								 $("#colophon").click(function(){
 								     $("#showcolophon").fadeIn()
-												added endnotes and close popup for rest

											
										
										
											2021-03-04 12:23:33 +01:00
+								     $("#closeall").fadeIn()
-												added about and colophon

											
										
										
											2020-12-04 11:42:41 +01:00
+								     console.log("around")
 								  });
-												deleted old folders

											
										
										
											2020-12-16 16:44:38 +01:00
+								  $("#how").click(function(){
 								      $("#showhow").fadeIn()
-												added endnotes and close popup for rest

											
										
										
											2021-03-04 12:23:33 +01:00
+								      $("#closeall").fadeIn()
-												deleted old folders

											
										
										
											2020-12-16 16:44:38 +01:00
+								      console.log("around")
-												added the audio with the times

											
										
										
											2021-03-02 18:12:51 +01:00
-												deleted old folders

											
										
										
											2020-12-16 16:44:38 +01:00
+								   });
-												didnt fix draggable, bg audio and others, some work partly

											
										
										
											2020-12-15 18:51:50 +01:00
-												added about and colophon

											
										
										
											2020-12-04 11:42:36 +01:00
+								</script>
-												styles and failed draggable and scalaeable

											
										
										
											2020-12-04 16:54:54 +01:00
-												edited position of legend, added bios

											
										
										
											2020-12-16 15:11:39 +01:00
-												styles and failed draggable and scalaeable

											
										
										
											2020-12-04 16:54:54 +01:00
-												fixed partially errors with CORS

											
										
										
											2020-11-10 14:15:59 +01:00
+								</div>
-												added newindex

											
										
										
											2020-11-10 13:45:35 +01:00
+								</body>
-												everything in one html works now

											
										
										
											2020-11-10 19:09:39 +01:00
+								</html>