Browse Source

new images

master
nglk 4 years ago
parent
commit
8b60f55cec
  1. 1
      .gitignore
  2. 2
      static/css/style.css
  3. 28
      templates/perspectiveB.html

1
.gitignore

@ -1,2 +1,3 @@
__pycache__/ __pycache__/
static/audio/ static/audio/
static/images

2
static/css/style.css

@ -4,7 +4,7 @@
} }
.draggable img { .draggable img {
opacity: 0.7; opacity: 0.75;
#video2 { #video2 {
padding-top: 100px; padding-top: 100px;
position: relative; position: relative;

28
templates/perspectiveB.html

@ -39,23 +39,45 @@ function EvalSound(soundobj) {
<body> <body>
<div class="draggable" style="top:120px;left:40px"> <div class="draggable" style="top:120px;left:40px">
<img src="../static/images/test1.jpeg" width='500px' onClick="EvalSound('song1'); return true;" alt="test"> <img src="../static/images/TheStreamRunsBlurry_scan.png" width='500px' onClick="EvalSound('song1'); return true;" alt="test">
<audio id="song1" style="display: none; width: 0px; height: 0px;" <audio id="song1" style="display: none; width: 0px; height: 0px;"
src="../static/audio/feldenkrais_mai" controls preload="auto" autobuffer> src="../static/audio/feldenkrais_mai" controls preload="auto" autobuffer>
</div> </div>
<div class="draggable" style="top:130px;left:50px"> <div class="draggable" style="top:130px;left:50px">
<img src="../static/images/test2.jpeg" width='500px' onClick="EvalSound('song2'); return true;" alt="test"> <img src="../static/images/ShallPass_scan.png" width='500px' onClick="EvalSound('song2'); return true;" alt="test">
<audio id="song2" style="display: none; width: 0px; height: 0px;" <audio id="song2" style="display: none; width: 0px; height: 0px;"
src="../static/audio/Clip26" controls preload="auto" autobuffer> src="../static/audio/Clip26" controls preload="auto" autobuffer>
</div> </div>
<div class="draggable" style="top:140px;left:60px"> <div class="draggable" style="top:140px;left:60px">
<img src="../static/images/test3.jpeg" width='500px' onClick="EvalSound('song3'); return true;" alt="test"> <img src="../static/images/NilgünMarmara_scan.png" width='500px' onClick="EvalSound('song3'); return true;" alt="test">
<audio id="song3" style="display: none; width: 0px; height: 0px;" <audio id="song3" style="display: none; width: 0px; height: 0px;"
src="../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3" controls preload="auto" autobuffer> src="../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3" controls preload="auto" autobuffer>
</div> </div>
<div class="draggable" style="top:150px;left:70px">
<img src="../static/images/fist_Scan.png" width='500px' onClick="EvalSound('song1'); return true;" alt="test">
<audio id="song1" style="display: none; width: 0px; height: 0px;"
src="../static/audio/feldenkrais_mai" controls preload="auto" autobuffer>
</div>
<div class="draggable" style="top:160px;left:80px">
<img src="../static/images/Coveredfigure_scan.png" width='500px' onClick="EvalSound('song2'); return true;" alt="test">
<audio id="song2" style="display: none; width: 0px; height: 0px;"
src="../static/audio/Clip26" controls preload="auto" autobuffer>
</div>
<div class="draggable" style="top:170px;left:90px">
<img src="../static/images/AşıkVeysel_Scan.png" width='500px' onClick="EvalSound('song3'); return true;" alt="test">
<audio id="song3" style="display: none; width: 0px; height: 0px;"
src="../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3" controls preload="auto" autobuffer>
</div>
<!-- <div class="draggable"> <!-- <div class="draggable">
<img src="../static/images/test1.jpeg" width='500px' alt="test" onclick="playAudio('../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3')"> <img src="../static/images/test1.jpeg" width='500px' alt="test" onclick="playAudio('../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3')">
</div> </div>

Loading…
Cancel
Save