40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="/css/picnic.min.css">
|
|
<link rel="stylesheet" href="/css/rome.css">
|
|
<link rel="stylesheet" href="/css/simplemde.min.css">
|
|
<link rel="stylesheet" href="/css/index.css">
|
|
<title>{% block title %}{% endblock %}</title>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<span class="brand">
|
|
<a href="/" class="title">Live Info</a>
|
|
</span>
|
|
{% block nav %}{% endblock %}
|
|
</nav>
|
|
{% block body %}{% endblock %}
|
|
|
|
<script>
|
|
function fadeOutEffect() {
|
|
var fadeTarget = document.getElementById("info");
|
|
var fadeEffect = setInterval(function () {
|
|
if (!fadeTarget.style.opacity) {
|
|
fadeTarget.style.opacity = 1;
|
|
}
|
|
if (fadeTarget.style.opacity < 0.1) {
|
|
clearInterval(fadeEffect);
|
|
fadeTarget.remove();
|
|
} else {
|
|
fadeTarget.style.opacity -= 0.1;
|
|
}
|
|
}, 50);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|