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.
 
 
 
 

54 lines
1.5 KiB

{% extends "bootstrap/base.html" %}
{% block title %}Technical Incompetence - Home{% endblock %}
{% block styles %}
{{super()}}
<link rel="stylesheet" href="{{url_for('.static', filename='style.css')}}">
{% endblock %}
{% block navbar %}
<nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
<div class="navbar-brand">Technical Incompetence</div>
<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>
</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 %}
<div class="row">
{% for app in apps %}
{% include "card.j2" %}
{% endfor %}
</div>
</div>
{% endblock %}
{% block scripts %}
{{ super () }}
<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');
});
</script>
{% endblock %}