You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
2.1 KiB
73 lines
2.1 KiB
{% extends "bootstrap/base.html" %}
|
|
{% block title %}Technical Incompetence - Home{% endblock %}
|
|
|
|
{% block styles %}
|
|
{{super()}}
|
|
<link rel="icon" type="image/png" href="{{url_for('.static', filename='favicon.png')}}" />
|
|
<link rel="stylesheet" href="{{url_for('.static', filename='style.css')}}">
|
|
{% if countdown is defined %}
|
|
<link rel="stylesheet" href="{{url_for('.static', filename='clock.css')}}">
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block navbar %}
|
|
{% include "fragments/navbar.j2" %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<iframe id="apps" src="http://localhost:5000/frame" width="305" height="400" class="shadow-lg overlay-frame" style="display: none;"></iframe>
|
|
<div id="overlay" style="display: none;" onclick="showApps();"></div>
|
|
<div class="container" style="margin-top: 15px">
|
|
{% if search['active'] == True %}
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
|
|
<input type="text" class="form-control" id="search-box" placeholder="Search">
|
|
</div>
|
|
<br><br>
|
|
{% endif %}
|
|
{% if countdown is defined %}
|
|
{% include "fragments/countdown.j2" %}
|
|
{% endif %}
|
|
<p>{{ description }}</p>
|
|
<div class="row">
|
|
{% for app in apps %}
|
|
{% include "fragments/card.j2" %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{{ super () }}
|
|
{% if countdown is defined %}
|
|
<script>
|
|
const deadline = "{{ countdown['timestamp'] }}";
|
|
const tripName = "{{ countdown['name'] }}";
|
|
</script>
|
|
<script src="{{url_for('.static', filename='clock.js')}}"></script>
|
|
{% endif %}
|
|
<script>
|
|
$("#search-box").keyup(function(event) {
|
|
if (event.keyCode === 13) {
|
|
window.location = '{{ search['search_url'] }}' + $('#search-box').val();
|
|
}
|
|
});
|
|
|
|
$( ".card" ).hover(
|
|
function() {
|
|
$(this).addClass('shadow-lg').css('cursor', 'pointer');
|
|
$(this).addClass('card-hover');
|
|
}, function() {
|
|
$(this).removeClass('shadow-lg');
|
|
$(this).removeClass('card-hover');
|
|
});
|
|
|
|
function goToLink(link) {
|
|
window.location = link;
|
|
}
|
|
|
|
function showApps () {
|
|
$("#apps").toggle();
|
|
$("#overlay").toggle();
|
|
}
|
|
</script>
|
|
{% endblock %}
|