vvvw/templates/hello.html

{% extends "base.html" %}
{% block title %}Hello{% endblock %}
{% block body %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<div id="visualization"></div>
<div class="row">
  <div class="col-md-7">
    <div class="map_area">
      <script src="../static/js/d3_map.js"></script>
    </div>
  </div>
  <div class="col-md-5">
    <div class="row">
      <div class="col-md-10">
        <div class="iframe_area">
          <!-- <p>Merve's thesis</p> -->
          <!-- <iframe src="../static/images/abstract.pdf" width="300px" height="500px"></iframe> -->
          <div class="thesis">
                {% include 'thesis.html' %}
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12">
        <div class="media_area">
          <!-- <p>Related media</p> -->
          <div id="showdadaloglu">Audio for Dadaloglu<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></div>
          <div id="showmuharrem">Audio for Muharrem Ertas<audio id="audiomuharrem" controls>
              <source src="../static/audio/FreshMythsDifferentTimes_performance_podcast1.mp3" type="audio/mpeg">
              Your browser does not support the audio tag.
            </audio></div>
          <!-- <img src="../static/images/test_small.jpeg" alt="poem"> -->
        </div>
      </div>
    </div>

  </div>
</div>

<div class="row">
  <audio id='audio-1' controls>
    <source src="../static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
    Your browser does not support the audio tag.
   </audio>
</div>

<!-- scripts for mouse events -->
<script>
// function popup(d) {
// $(d).click(function(){
//     $("#show1").fadeIn()
//     console.log("around")
//  })};



  // function scrolldiv() {
  //   var elem = document.getElementById("ele");
  //   elem.scrollIntoView();
  // }

  // function play() {
  //   var audio = document.getElementById("audio-1");
  //   audio.currentTime = 12;
  //   audio.play();
  // }

</script>

{% endblock %}