95 lines
2.5 KiB
HTML
95 lines
2.5 KiB
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 class="bg">
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<div class="container-fluid">
|
|
<div class="map_area">
|
|
<script src="../static/js/d3_map.js"></script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<!-- <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 class="row">
|
|
<div class="col-md-10">
|
|
<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">
|
|
<div class="col-md-12">
|
|
<div class="play-stop">
|
|
<a id="mBtn" onclick="PSFunction()">(Play)</a>
|
|
|
|
</div>
|
|
<div class="main_audio">
|
|
<audio id='audio1'>
|
|
<source src="../static/audio/myths.mp3" type="audio/mpeg">
|
|
Your browser does not support the audio tag.
|
|
</audio>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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();
|
|
// }
|
|
var audio = document.getElementById("audio1");
|
|
var btn = document.getElementById("mBtn");
|
|
|
|
function PSFunction() {
|
|
if (audio.paused) {
|
|
audio.play();
|
|
btn.innerHTML = "(Pause)";
|
|
} else {
|
|
audio.pause();
|
|
btn.innerHTML = "(Play)";
|
|
}
|
|
}
|
|
</script>
|
|
|
|
{% endblock %}
|