vvvw/templates/hello.html

94 lines
2.5 KiB
HTML
Raw Normal View History

{% extends "base.html" %}
{% block title %}Hello{% endblock %}
{% block body %}
2020-09-29 14:57:01 +02:00
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
2020-10-17 16:21:22 +02:00
<div class="bg">
<div class="row">
<div class="col-md-7">
<div class="map_area">
<script src="../static/js/d3_map.js"></script>
2020-09-28 12:47:25 +02:00
</div>
</div>
<div class="col-md-5">
<div class="row">
2020-10-17 16:21:22 +02:00
<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">
2020-10-17 16:21:22 +02:00
<div class="col-md-10">
<div class="media_area">
<!-- <p>Related media</p> -->
<div id="showdadaloglu">Audio for Dadaloglu<audio id="audiodadaloglu" controls>
2020-09-29 14:57:01 +02:00
<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>
2020-09-29 13:50:05 +02:00
2020-09-08 16:33:34 +02:00
</div>
</div>
<div class="row">
2020-10-17 16:21:22 +02:00
<div class="col-md-12">
<div class="play-stop">
<a id="mBtn" onclick="PSFunction()">(Play)</a>
2020-10-17 16:21:22 +02:00
</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>
2020-10-17 17:53:02 +02:00
2020-10-17 16:21:22 +02:00
</div>
<!-- scripts for mouse events -->
2020-09-29 14:57:01 +02:00
<script>
// function popup(d) {
// $(d).click(function(){
// $("#show1").fadeIn()
// console.log("around")
// })};
2020-09-29 14:57:01 +02:00
2020-09-29 15:38:32 +02:00
2020-09-29 14:57:01 +02:00
// function scrolldiv() {
// var elem = document.getElementById("ele");
// elem.scrollIntoView();
// }
// function play() {
// var audio = document.getElementById("audio-1");
// audio.currentTime = 12;
// audio.play();
// }
2020-10-17 16:21:22 +02:00
var audio = document.getElementById("audio1");
var btn = document.getElementById("mBtn");
2020-10-17 16:21:22 +02:00
function PSFunction() {
if (audio.paused) {
audio.play();
btn.innerHTML = "(Pause)";
} else {
audio.pause();
btn.innerHTML = "(Play)";
}
}
</script>
2020-09-28 12:47:25 +02:00
{% endblock %}