|
|
@ -37,20 +37,24 @@ |
|
|
|
</audio> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id="about_colophon"> |
|
|
|
<a href="#" >About</a>|<a href="#" >Colophon</a> |
|
|
|
</div> |
|
|
|
<div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">×</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div> |
|
|
|
</div> |
|
|
|
<div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">×</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div id="about_colophon"> |
|
|
|
<a href="#" >About</a>|<a href="#" >Colophon</a> |
|
|
|
</div> |
|
|
|
<div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">×</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div> |
|
|
|
</div> |
|
|
|
<div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">×</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- new row should start here --> |
|
|
|
|
|
|
|
<!-- map area --> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-md-8 offset-md-1"> |
|
|
|
<div class="col-md-10 offset-md-1"> |
|
|
|
<div class="map_area"> |
|
|
|
<div w3-include-html="thesis.html" class="thesis draggable" id="showthesis"> |
|
|
|
</div> |
|
|
@ -73,7 +77,7 @@ |
|
|
|
|
|
|
|
<div class="draggable" id="showmuharrem"><div class='text_audio'></div><iframe width="300" height="150" src="https://www.youtube.com/embed/Ffa2CONoW5Q" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> |
|
|
|
|
|
|
|
<div class="draggable" id="shownazim"><div class='text_audio'></div><iframe width="300" height="150" src="https://www.youtube.com/embed/11XRG-cz3lY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> |
|
|
|
<div class="draggable" id="shownazim"><div class='text_audio'></div><iframe width="360" height="80" src="https://www.youtube.com/embed/11XRG-cz3lY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="false"></iframe></div> |
|
|
|
|
|
|
|
<div class="draggable" id="showneyzen"><div class='text_audio'></div><iframe width="300" height="150" src="https://www.youtube.com/embed/CD-CEeaLGdk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> |
|
|
|
|
|
|
@ -101,6 +105,8 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!--moved about temporarily--> |
|
|
|
|
|
|
|
<!-- scripts for mouse events --> |
|
|
|
<script> |
|
|
|
var audio = document.getElementById("audioBG"); |
|
|
|