34 lines
857 B
HTML
34 lines
857 B
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<title>{{TITLE}}</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<link rel="stylesheet" href="/css/base.css">
|
|
<link rel="stylesheet" href="/css/page.css">
|
|
<script src="/js/base.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
{{TEMPLATE}}
|
|
|
|
<div id="key">
|
|
Key:<br>
|
|
<span data-icon="4"></span> - Great<br>
|
|
<span data-icon="3"></span> - Good<br>
|
|
<span data-icon="2"></span> - Okay<br>
|
|
<span data-icon="1"></span> - Bad
|
|
</div>
|
|
|
|
<footer>
|
|
Icons from <a href="https://fontawesome.com" target="_blank">Font Awesome</a>
|
|
</footer>
|
|
|
|
<script>
|
|
[...document.querySelectorAll("[data-icon]")].forEach(function(val, index) {
|
|
val.innerHTML = icons[val.dataset.icon];
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|