webug/templates/main.html

53 lines
948 B
HTML
Raw Normal View History

2019-12-14 19:07:29 +01:00
{% extends "layout/default.html" %}
{% block extend_head %}
<style>
body {
font-size: 5vw;
2019-12-26 21:59:42 +01:00
color: #EAEAEA;
2019-12-14 19:07:29 +01:00
}
main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5%;
padding: 5%;
}
main a {
display: grid;
place-content: center;
place-items: center;
2019-12-26 21:59:42 +01:00
border: 2px solid #333;
2019-12-14 19:07:29 +01:00
2019-12-26 21:59:42 +01:00
color: #919191;
2019-12-14 19:07:29 +01:00
text-decoration: none;
background-color: transparent;
2019-12-26 21:59:42 +01:00
transition: .2s ease background-color, .2s ease color;
2019-12-14 19:07:29 +01:00
}
main a:hover, main a:focus {
2019-12-26 21:59:42 +01:00
background-color: #000;
color: #EAEAEA;
2019-12-14 19:07:29 +01:00
}
main a:active {
2019-12-26 21:59:42 +01:00
background-color: #333;
2019-12-14 19:07:29 +01:00
}
</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 %}