ztimson/oacpl
ztimson/oacpl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Added live youtube conference modal

Browse Source
This commit is contained in:
Zakary Timson 2018-01-23 20:54:20 -05:00
parent 86ede38629
commit 7cdd27119c
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
main/templates/index.html
View File

@ -4,6 +4,9 @@
{% block head %} {% block head %}
<script> <script>
$(function() { $(function() {
// Show modal for live youtube confrence
// $('#liveModal').modal('show')''
$('#top').click(function() { $('#top').click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow"); $("html, body").animate({ scrollTop: 0 }, "slow");
}); });
@ -214,4 +217,23 @@
BACK TO TOP BACK TO TOP
</a> </a>
</div> </div>
<div id="liveModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-circle text-danger"></i> Live Conference</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<iframe width="100%" height="400px" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
{% endblock %} {% endblock %}