|
|
@ -1,35 +1,30 @@ |
|
|
|
{% 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="row"> |
|
|
|
<div class="col-md-9"> |
|
|
|
<div class="map_area">Map area |
|
|
|
<div class="row"> |
|
|
|
<div class="col-md-9"> |
|
|
|
<div id="show1"><audio controls> |
|
|
|
<source src="../static/audio/myths.mp3" type="audio/mpeg"> |
|
|
|
Your browser does not support the audio tag. |
|
|
|
</audio></div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-1 col-sm-4"> |
|
|
|
|
|
|
|
<svg id="first_circle angela" onclick="scrolldiv()"> |
|
|
|
<circle cx="50" cy="50" r="2rem" stroke="green" stroke-width="4" fill="yellow" /> |
|
|
|
<a href="#" >Angela<text x="50" y="50" text-anchor="middle">hello </text></a> |
|
|
|
</svg> |
|
|
|
<svg id="first_circle" onclick="scrolldiv()"> |
|
|
|
<circle cx="50" cy="50" r="2rem" stroke="green" stroke-width="4" fill="yellow" /> |
|
|
|
<text id="angela" x="50" y="50" text-anchor="middle">hello </text> |
|
|
|
</svg> |
|
|
|
</div> |
|
|
|
<div class="col-md-1 col-sm-4"> |
|
|
|
|
|
|
|
<svg id="second_circle"> |
|
|
|
<circle cx="50" cy="50" r='2rem' stroke="red" stroke-width="2" fill="gray" /> |
|
|
|
<text x="50" y="50" text-anchor="middle">hello boys </text> |
|
|
|
</svg> |
|
|
|
<svg id="second_circle"> |
|
|
|
<circle cx="50" cy="50" r='2rem' stroke="red" stroke-width="2" fill="gray" /> |
|
|
|
<text x="50" y="50" text-anchor="middle">hello boys </text> |
|
|
|
</svg> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-10"> |
|
|
|
<div class="col-md-9"> |
|
|
|
<audio controls> |
|
|
|
<source src="../static/audio/myths.mp3" type="audio/mpeg"> |
|
|
|
Your browser does not support the audio tag. |
|
|
@ -41,6 +36,10 @@ |
|
|
|
<div class="col-md-10"> |
|
|
|
<div class="image_area"> |
|
|
|
<p>image</p> |
|
|
|
<div id="show1"><audio controls> |
|
|
|
<source src="../static/audio/HNI_Soundinstall_3tracks_together1.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> |
|
|
@ -81,17 +80,17 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
<script> |
|
|
|
$("#angela").click(function() { |
|
|
|
$("#show1").fadeIn() |
|
|
|
console.log("around") |
|
|
|
}); |
|
|
|
|
|
|
|
function scrolldiv() { |
|
|
|
var elem = document.getElementById("ele"); |
|
|
|
elem.scrollIntoView(); |
|
|
|
} |
|
|
|
</script> |
|
|
|
<script type="text/javascript"> |
|
|
|
$("#angela").click(function(){ |
|
|
|
$("#show1").fadeIn() |
|
|
|
console.log("around")gi |
|
|
|
}); |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
{% endblock %} |
|
|
|