webug/templates/main.html
2019-12-14 19:07:29 +01:00

51 lines
883 B
HTML

{% extends "layout/default.html" %}
{% block extend_head %}
<style>
body {
font-size: 5vw;
}
main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5%;
padding: 5%;
}
main a {
display: grid;
place-content: center;
place-items: center;
border: 2px solid black;
color: white;
text-decoration: none;
background-color: transparent;
transition: .2s ease background-color;
}
main a:hover, main a:focus {
background-color: #333;
}
main a:active {
background-color: #555;
}
</style>
{% endblock %}
{% block content %}
<a href="display">
<i class="fas fa-desktop fa-2x"></i>
<span>Open display</span>
</a>
<a href="edit">
<i class="fas fa-edit fa-2x"></i>
<span>Edit display</span>
</a>
{% endblock %}