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

63 lines
2.7 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 results page The page displays the amount of votes, percentage and bars for quick visual comparison, as well as a pie chart created with google charts.
2022-01-06 19:52:53 +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">
Create results page The page displays the amount of votes, percentage and bars for quick visual comparison, as well as a pie chart created with google charts.
2022-01-06 19:52:53 +01:00
<link rel="stylesheet" href="/static/css/result.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" src="https://www.gstatic.com/charts/loader.js" defer="true"></script>
<script nonce="{{ CORS_SCRIPT_NONCE }}" type="text/javascript">
Create results page The page displays the amount of votes, percentage and bars for quick visual comparison, as well as a pie chart created with google charts.
2022-01-06 19:52:53 +01:00
const POLL_VOTE_DATA_STRING = `{{ POLL_OPTION_VOTES }}`;
Implement auto update Every 5 seconds the system attempts to fetch the most recent vote state of the poll and display it to the user.
2022-01-06 20:44:29 +01:00
const POLL_BACKEND_URL = "{{ BACKEND_BASE_PATH }}";
const POLL_ID = "{{ POLL_ID }}";
Create results page The page displays the amount of votes, percentage and bars for quick visual comparison, as well as a pie chart created with google charts.
2022-01-06 19:52:53 +01:00
</script>
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/js/result.js" defer="true"></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 results page The page displays the amount of votes, percentage and bars for quick visual comparison, as well as a pie chart created with google charts.
2022-01-06 19:52:53 +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 results page The page displays the amount of votes, percentage and bars for quick visual comparison, as well as a pie chart created with google charts.
2022-01-06 19:52:53 +01:00
</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>
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 }}" crossorigin></aside>
Create results page The page displays the amount of votes, percentage and bars for quick visual comparison, as well as a pie chart created with google charts.
2022-01-06 19:52:53 +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 results page The page displays the amount of votes, percentage and bars for quick visual comparison, as well as a pie chart created with google charts.
2022-01-06 19:52:53 +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