mirror of
https://github.com/Wolvan/poll.horse.git
synced 2024-11-24 21:57:59 +01:00
59a2733df6
This way people can go straight to the commit that has caused the dev page to be built and it is clear what version the site is based on.
75 lines
No EOL
3.3 KiB
HTML
75 lines
No EOL
3.3 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>
|
|
|
|
<meta name="description" content="{{ POLL_META_DESCRIPTION }}">
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="{{ TITLE }}" />
|
|
<meta property="og:description" content="{{ POLL_META_DESCRIPTION }}" />
|
|
<meta property="og:url" content="{{ CANONICAL_HOST }}" />
|
|
<meta property="og:image" content="" />
|
|
<meta property="og:site_name" content="Poll.Horse" />
|
|
<meta content="#FFD756" data-react-helmet="true" name="theme-color" />
|
|
|
|
<link rel="canonical" href="{{ CANONICAL_HOST }}" />
|
|
<meta name=”robots” content=”noindex,nofollow”>
|
|
|
|
<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/vote.css">
|
|
<script nonce="{{ CORS_SCRIPT_NONCE }}" type="text/javascript" src="/static/vendor/js/textfit.js" defer="true"></script>
|
|
<script nonce="{{ CORS_SCRIPT_NONCE }}" type="text/javascript">
|
|
const textFitOptions = {
|
|
multiLine: true
|
|
};
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
textFit(document.querySelector(".poll-title"), textFitOptions);
|
|
document.querySelectorAll(".poll-option .text").forEach(element => textFit(element, textFitOptions));
|
|
});
|
|
window.addEventListener("resize", function() {
|
|
textFit(document.querySelector(".poll-title"), textFitOptions);
|
|
document.querySelectorAll(".poll-option .text").forEach(element => textFit(element, textFitOptions));
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1><a href="/">Poll.horse</a></h1>
|
|
<h2>Make voting on things simpler</h2>
|
|
</header>
|
|
<main>
|
|
<section class="error {{ FORM_SUBMISSION_ERROR_SHOWN_CLASS }}">
|
|
{{ FORM_SUBMISSION_ERROR }}
|
|
</section>
|
|
<section class="poll-id">ID: {{ POLL_ID }}</section>
|
|
<section class="notepad">
|
|
<div class="notepad-border"></div>
|
|
<form action="{{ BACKEND_BASE_PATH }}/_backend/vote-form/{{ POLL_ID }}" method="POST">
|
|
<input type="hidden" name="csrf_token" value="{{ CSRF_TOKEN }}">
|
|
<section class="poll-title">
|
|
{{ POLL_TITLE }}
|
|
</section>
|
|
<section id="poll-options" class="poll-options">
|
|
{{ POLL_OPTION_DIVS }}
|
|
</section>
|
|
<section class="poll-footer">
|
|
<input type="submit" name="submit" value="Vote" id="submit-button">
|
|
<a href="/{{ POLL_ID }}/r"><button type="button">Results</button></a>
|
|
</section>
|
|
</form>
|
|
<aside id="qrcode"><img alt="QR Code to voting page" src="{{ QR_CODE }}"></aside>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<ul>
|
|
{{ FOOTER_LINKS }}
|
|
</ul>
|
|
<div class="copyright">{{ GIT_URL }} {{ FOOTER_COPYRIGHT }}</div>
|
|
</footer>
|
|
</body>
|
|
</html> |