Browse Source

added youtube popup and audio time

master
nglk 4 years ago
parent
commit
85c04a9a33
  1. 4
      static/css/style.css
  2. 1
      static/js/d3/-home-angeliki-Documents-2005_Hybrid_Publishing-vvvw-static-js-.txt
  3. 11
      static/js/d3_map.js
  4. 8
      templates/hello.html

4
static/css/style.css

@ -14,7 +14,7 @@
.bg {
/* background-image: url("/static/images/book.jpeg");*/
background-image: linear-gradient(#CDCEC9, #9494A0, #652A2E);
/* background-image: linear-gradient(#CDCEC9, #9494A0, #652A2E); */
height: 100%;
background-repeat: no-repeat;
background-size: cover;
@ -186,7 +186,7 @@ stroke-dasharray:6px;
/* text area */
.thesis {
overflow-y: scroll;
max-height:600px;
max-height:480px;
scroll-behavior: smooth;
font-size: 1em;
border: 1px black solid;

1
static/js/d3/-home-angeliki-Documents-2005_Hybrid_Publishing-vvvw-static-js-.txt

@ -1 +0,0 @@
/home/angeliki/Documents/2005_Hybrid_Publishing/vvvw/static/js/test.json

11
static/js/d3_map.js

@ -49,16 +49,17 @@ d3.json("/static/js/group1.json", function(error, json) {
.attr("width", 16)
.attr("height", 16);
node.on({
"mouseover": function(d) {
d3.select(this).style("cursor", "pointer");
}});
node.append("text")
// .attr("xlink:href", "#")
.attr("dx", 12)
.attr("dy", ".35em")
.text(function(d) { return d.name });
node.on({
"mouseover": function(d) {
d3.select(this).style("cursor", "pointer");
}});
force.on("tick", function() {
link.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })

8
templates/hello.html

@ -28,10 +28,7 @@
<source src="../static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio></div>
<div id="showasikA"><div class='text_audio'>Audio for Aşık Ali İzzet</div><audio id="audioasikA" controls>
<source src="../static/audio/FreshMythsDifferentTimes_performance_podcast1.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio></div>
<div id="showasikA"><div class='text_audio'>Bio Aşık Ali İzzet</div><iframe width="560" height="315" src="https://www.youtube.com/embed/AnsVY_gjJns" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<!-- <img src="../static/images/test_small.jpeg" alt="poem"> -->
</div>
</div>
@ -43,11 +40,12 @@
<div class="row">
<div class="col-md-12">
<div class="play-stop">
<div id="tracktime">0 / 0</div>
<a id="mBtn" onclick="PSFunction()">(Play)</a>
</div>
<div class="main_audio">
<audio id='audio1'>
<audio id='audio1' ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime/60) + ':' + (currentTime - Math.floor(this.currentTime/60)*60) + ' / ' + Math.floor(this.duration);">
<source src="../static/audio/FreshMythsDifferentTimes_performance_podcast1.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

Loading…
Cancel
Save