infopage/public/user.html
2024-03-28 21:36:08 -04:00

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>