mirror of
https://github.com/Wolvan/poll.horse.git
synced 2024-11-24 13:47:59 +01:00
26a42333fe
This way, people can easily just use their QR readers to reach the voting page. The QR is constructed via Google Charts API and the URL is based on the HOST header of the request.
50 lines
No EOL
2.1 KiB
HTML
50 lines
No EOL
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ TITLE }}</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/static/css/main.css">
|
|
<link rel="stylesheet" href="/static/css/result.css">
|
|
<script type="text/javascript" src="/static/vendor/js/textfit.js" defer="true"></script>
|
|
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js" defer="true"></script>
|
|
<script type="text/javascript">
|
|
const POLL_VOTE_DATA_STRING = `{{ POLL_OPTION_VOTES }}`;
|
|
const POLL_BACKEND_URL = "{{ BACKEND_BASE_PATH }}";
|
|
const POLL_ID = "{{ POLL_ID }}";
|
|
</script>
|
|
<script type="text/javascript" src="/static/js/result.js" defer="true"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1><a href="/">Poll.horse</a></h1>
|
|
<h3>Make voting on things simpler</h3>
|
|
</header>
|
|
<main>
|
|
<section class="poll-id">ID: {{ POLL_ID }}</section>
|
|
<section class="notepad">
|
|
<div class="notepad-border"></div>
|
|
<section class="poll-title">
|
|
{{ POLL_TITLE }}
|
|
</section>
|
|
<section id="poll-options" class="poll-options">
|
|
{{ POLL_OPTION_DIVS }}
|
|
</section>
|
|
<section class="poll-footer">
|
|
<a href="/{{ POLL_ID }}"><button type="button" id="submit-button">Vote</button></a>
|
|
</section>
|
|
<aside id="chart"></aside>
|
|
<aside id="qrcode"><img src="{{ QR_CODE }}"></aside>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<ul>
|
|
{{ FOOTER_LINKS }}
|
|
</ul>
|
|
<div class="copyright"><a href="https://github.com/Wolvan/poll.horse/releases/tag/v{{ SYSTEM_VERSION }}">v{{ SYSTEM_VERSION }}</a> {{ FOOTER_COPYRIGHT }}</div>
|
|
</footer>
|
|
</body>
|
|
</html> |