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.
87 lines
2.8 KiB
87 lines
2.8 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 %}
|
|
<nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
|
|
<div class="navbar-brand">Technical Incompetence</div>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
|
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/games">Games</a>
|
|
</li>
|
|
</ul>
|
|
<form class="form-inline ml-auto">
|
|
{% if account_url is defined and account_url != '' %}
|
|
<a class="btn btn-primary" href="{{ account_url }}" role="button">My Account</a>
|
|
{% endif %}
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<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 "countdown.j2" %}
|
|
{% endif %}
|
|
<p>{{ description }}</p>
|
|
<div class="row">
|
|
{% for app in apps %}
|
|
{% include "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;
|
|
}
|
|
</script>
|
|
{% endblock %}
|