PonyMirrors/poll.horse
1
0
Fork 0
mirror of https://github.com/Wolvan/poll.horse.git synced 2024-11-22 21:07:58 +01:00
Code Issues Projects Releases Packages Wiki Activity
poll.horse/frontend/html/poll.html

75 lines
3.3 KiB
HTML
Raw Normal View History

First steps towards functional frontend Polls and their results can now be accessed as long as they are found on the backend.
2021-12-29 18:21:22 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ TITLE }}</title>
Appease crawlers and embbeders `<meta>` tags have been added to relay information for websites trying to pull information from the page (like discord) as well as web crawlers to index the page.
2022-01-30 17:46:59 +01:00
<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”>
Create voting page This page displays all options that have been set on creation. Thanks to `textFit` the texts in the title and options automatically get sized correctly. The create poll button has also been renamed to submit-button to make it more universal on other pages.
2022-01-04 22:25:05 +01:00
<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">
First steps towards functional frontend Polls and their results can now be accessed as long as they are found on the backend.
2021-12-29 18:21:22 +01:00
<link rel="stylesheet" href="/static/css/main.css">
Add QR Code to poll pages 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.
2022-01-29 23:48:00 +01:00
<link rel="stylesheet" href="/static/css/vote.css">
Implement header based safety features Using the `helmet` package, a certain set of security critical headers are set to prevent XSS attacks and the like.
2022-01-30 16:59:11 +01:00
<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">
Create voting page This page displays all options that have been set on creation. Thanks to `textFit` the texts in the title and options automatically get sized correctly. The create poll button has also been renamed to submit-button to make it more universal on other pages.
2022-01-04 22:25:05 +01:00
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>
First steps towards functional frontend Polls and their results can now be accessed as long as they are found on the backend.
2021-12-29 18:21:22 +01:00
</head>
<body>
Create voting page This page displays all options that have been set on creation. Thanks to `textFit` the texts in the title and options automatically get sized correctly. The create poll button has also been renamed to submit-button to make it more universal on other pages.
2022-01-04 22:25:05 +01:00
<header>
Make header backlink to home
2022-01-11 22:05:37 +01:00
<h1><a href="/">Poll.horse</a></h1>
Appease crawlers and embbeders `<meta>` tags have been added to relay information for websites trying to pull information from the page (like discord) as well as web crawlers to index the page.
2022-01-30 17:46:59 +01:00
<h2>Make voting on things simpler</h2>
Create voting page This page displays all options that have been set on creation. Thanks to `textFit` the texts in the title and options automatically get sized correctly. The create poll button has also been renamed to submit-button to make it more universal on other pages.
2022-01-04 22:25:05 +01:00
</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">
Use CSRF token to discourage botting A suggestion to avoid stupid bots to vote on polls was a token that gets checked to a session cookie on vote submission.
2022-01-12 19:46:45 +01:00
<input type="hidden" name="csrf_token" value="{{ CSRF_TOKEN }}">
Remove unecessary replacement anchor
2022-01-06 15:33:23 +01:00
<section class="poll-title">
Create voting page This page displays all options that have been set on creation. Thanks to `textFit` the texts in the title and options automatically get sized correctly. The create poll button has also been renamed to submit-button to make it more universal on other pages.
2022-01-04 22:25:05 +01:00
{{ 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>
Move closing tag into the right position
2022-01-06 15:36:03 +01:00
</section>
</form>
Appease crawlers and embbeders `<meta>` tags have been added to relay information for websites trying to pull information from the page (like discord) as well as web crawlers to index the page.
2022-01-30 17:46:59 +01:00
<aside id="qrcode"><img alt="QR Code to voting page" src="{{ QR_CODE }}"></aside>
Create voting page This page displays all options that have been set on creation. Thanks to `textFit` the texts in the title and options automatically get sized correctly. The create poll button has also been renamed to submit-button to make it more universal on other pages.
2022-01-04 22:25:05 +01:00
</section>
</main>
<footer>
<ul>
{{ FOOTER_LINKS }}
</ul>
Use git commit hash instead of version for dev 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.
2022-01-30 19:24:54 +01:00
<div class="copyright">{{ GIT_URL }} {{ FOOTER_COPYRIGHT }}</div>
Create voting page This page displays all options that have been set on creation. Thanks to `textFit` the texts in the title and options automatically get sized correctly. The create poll button has also been renamed to submit-button to make it more universal on other pages.
2022-01-04 22:25:05 +01:00
</footer>
First steps towards functional frontend Polls and their results can now be accessed as long as they are found on the backend.
2021-12-29 18:21:22 +01:00
</body>
</html>
Reference in a new issue Copy permalink