121 lines
3.6 KiB
HTML
121 lines
3.6 KiB
HTML
<html>
|
|
<head>
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!-- Can't SRI, different browsers get different files. Accepting risk to trust Google. If somebody has more time, Fonts could be made local as well, or better yet, use browser-given ones. -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <!-- ompiled and minified CSS -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" integrity="sha384-5KZdSYqynSzIjQGS2M1O3HW6HVDBjfNx0v5Y2eQuE3vvQ9NTiiPK9/GWc0yYCrgw" crossorigin="anonymous">
|
|
<style>
|
|
{% if devenv %}
|
|
body {
|
|
background-color: lightgreen;
|
|
}
|
|
{% endif %}
|
|
|
|
.table-header-rotated {
|
|
border-collapse: collapse;
|
|
.csstransforms & td {
|
|
width: 30px;
|
|
}
|
|
.no-csstransforms & th {
|
|
padding: 5px 10px;
|
|
}
|
|
td {
|
|
text-align: center;
|
|
padding: 10px 5px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.csstransforms & th.rotate {
|
|
height: 140px;
|
|
white-space: nowrap;
|
|
// Firefox needs the extra DIV for some reason, otherwise the text disappears if you rotate
|
|
> div {
|
|
transform:
|
|
// Magic Numbers
|
|
translate(25px, 51px)
|
|
// 45 is really 360-45
|
|
rotate(315deg);
|
|
width: 30px;
|
|
}
|
|
> div > span {
|
|
border-bottom: 1px solid #ccc;
|
|
padding: 5px 10px;
|
|
}
|
|
}
|
|
th.row-header {
|
|
padding: 0 10px;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
}
|
|
|
|
.auto-height * {
|
|
height: auto !important;
|
|
}
|
|
|
|
.placeholder-dark *::placeholder {
|
|
color: rgb(66, 73, 73);
|
|
}
|
|
|
|
.line-clamp {
|
|
display: -webkit-box !important;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
.unclickable {
|
|
pointer-events: none;
|
|
}
|
|
span.tooltipped {
|
|
text-decoration-line: underline;
|
|
text-decoration-style: dotted;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<script
|
|
src="https://code.jquery.com/jquery-3.5.1.min.js"
|
|
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
|
|
crossorigin="anonymous"></script>
|
|
<script
|
|
src="https://timeago.yarp.com/jquery.timeago.js"
|
|
integrity="sha384-h6POgrs4MJuD/CU6mCKr78tlR+4hBkhPmMfKR6GOvZdIxbgtXD6EF0OpACuC5CGM"
|
|
crossorigin="anonymous"
|
|
type="text/javascript"></script>
|
|
<nav>
|
|
<div class="nav-wrapper">
|
|
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
|
|
<ul id="nav-mobile" class="left hide-on-med-and-down">
|
|
{% include "menu.html" %}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<ul class="sidenav" id="mobile-demo">
|
|
{% include "menu.html" %}
|
|
</ul>
|
|
|
|
{% block content %}
|
|
{% endblock %}
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js" integrity="sha384-ZOED+d9HxogEQwD+jFvux96iGQR9TxfJO+mPF2ZS0TuKH6eWrmvPsDpO6I0OWdiX" crossorigin="anonymous"></script>
|
|
<script type="text/javascript">
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
$("time.timeago").timeago();
|
|
var elems = document.querySelectorAll('.tooltipped');
|
|
var instances = M.Tooltip.init(elems, {});
|
|
|
|
var elems = document.querySelectorAll('.sidenav');
|
|
var instances = M.Sidenav.init(elems, {});
|
|
|
|
var elems = document.querySelectorAll('select');
|
|
var instances = M.FormSelect.init(elems, {});
|
|
|
|
var elems = document.querySelectorAll('.materialboxed');
|
|
var instances = M.Materialbox.init(elems, {});
|
|
|
|
var elems = document.querySelectorAll('.collapsible.expandable');
|
|
var instances = M.Collapsible.init(elems, {accordion: false});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|