added content

baa3c57f · Tomáš Hozman · baa3c57f · baa3c57f · baa3c57f · baa3c57f
Commit baa3c57f authored 2 years ago by Tomáš Hozman
--- a/README.md
+++ b/README.md
+Temporary placeholder content for [regulacekonopi.cz](https://regulacekonopi.cz).
--- a/content/assets/css/base.css
+++ b/content/assets/css/base.css
+html, body {
+	margin: 0;
+	padding: 0;
+}
+main {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 1250px;
+	background-image: url("../images/background.png");
+	background-size: cover;
+	background-repeat: no-repeat;
+	height: 100%;
+	padding: 50px;
+}
+main #heading {
+	margin: 0;
+	font-family: "Bebas Neue";
+	font-size: 100px;
+	text-align: center;
+}
+main #description {
+	font-family: "Bebas Neue Light";
+	font-size: 50px;
+	text-align: center;
+	margin: 0;
+}
+main #timer-wrapper {
+	font-family: "Bebas Neue Light";
+	font-size: 50px;
+	text-align: center;
+	margin: 0;
+}
+main #timer-wrapper #timer {
+	font-family: "Bebas Neue";
+}
+#copyleft {
+	font-family: sans-serif;
+	text-align: center;
+	margin-top: 15px;
+	font-family: "Roboto Condensed";
+}
--- a/content/assets/fonts/bebas-neue-light/Bebas Neue Light.woff
+++ b/content/assets/fonts/bebas-neue-light/Bebas Neue Light.woff
--- a/content/assets/fonts/bebas-neue-light/style.css
+++ b/content/assets/fonts/bebas-neue-light/style.css
+@font-face {
+	font-family: 'Bebas Neue Light';
+	font-style: normal;
+	font-weight: normal;
+	src: local('Bebas Neue Light'), url('Bebas Neue Light.woff') format('woff');
+}
--- a/content/assets/fonts/bebas-neue/BebasNeue Bold.woff
+++ b/content/assets/fonts/bebas-neue/BebasNeue Bold.woff
--- a/content/assets/fonts/bebas-neue/BebasNeue.woff
+++ b/content/assets/fonts/bebas-neue/BebasNeue.woff
--- a/content/assets/fonts/bebas-neue/style.css
+++ b/content/assets/fonts/bebas-neue/style.css
+@font-face {
+	font-family: 'Bebas Neue';
+	font-style: normal;
+	font-weight: normal;
+	src: local('Bebas Neue'), url('BebasNeue.woff') format('woff');
+}
+@font-face {
+	font-family: 'Bebas Neue';
+	font-style: normal;
+	font-weight: bold;
+	src: local('Bebas Neue'), url('BebasNeue Bold.woff') format('woff');
+}
--- a/content/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.woff
+++ b/content/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.woff
--- a/content/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.woff2
+++ b/content/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.woff2
--- a/content/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.woff
+++ b/content/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.woff
--- a/content/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.woff2
+++ b/content/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.woff2
--- a/content/assets/fonts/roboto-condensed/style.css
+++ b/content/assets/fonts/roboto-condensed/style.css
+/*
+ * Thanks to majodev for their Google webfont helper!
+ */
+/* roboto-condensed-regular - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto Condensed';
+  font-style: normal;
+  font-weight: normal;
+  src: local(''),
+       url('roboto-condensed-v25-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('roboto-condensed-v25-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-condensed-700 - latin-ext_latin */
+@font-face {
+  font-family: 'Roboto Condensed';
+  font-style: normal;
+  font-weight: bold;
+  src: local(''),
+       url('roboto-condensed-v25-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('roboto-condensed-v25-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
--- a/content/assets/images/background.png
+++ b/content/assets/images/background.png
--- a/content/assets/js/timer.js
+++ b/content/assets/js/timer.js
+// https://www.w3schools.com/howto/howto_js_countdown.asp
+// Thanks to W3Schools!
+document.addEventListener(
+	"DOMContentLoaded",
+	function() {
+		// Set the date we're counting down to
+		var countDownDate = new Date("Sep 30, 2022 12:00:00").getTime();
+		function timer() {
+			// Get today's date and time
+			var now = new Date().getTime();
+			// Find the distance between now and the count down date
+			var distance = countDownDate - now;
+			// Time calculations for days, hours, minutes and seconds
+			var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+			var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+			var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+			var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+			// Display the result in the element with id="timer"
+			const element = document.getElementById("timer");
+			element.innerHTML = (
+				days + " dní, "
+				+ hours + " hodin, "
+				+ minutes + " minut a "
+				+ seconds + " sekund"
+			);
+			// If the count down is finished, write some text
+			if (distance < 0) {
+				clearInterval(timer);
+				element.innerHTML = "Dnes to bude!";
+			}
+		}
+		timer();
+		// Update the count down every 1 second
+		const timerInterval = setInterval(timer, 1000);
+	}
+);
--- a/content/index.html
+++ b/content/index.html
+<html lang="cs">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link
+			rel="stylesheet"
+			href="assets/css/base.css"
+		>
+		<link
+			rel="stylesheet"
+			href="assets/fonts/bebas-neue/style.css"
+		>
+		<link
+			rel="stylesheet"
+			href="assets/fonts/bebas-neue-light/style.css"
+		>
+		<link
+			rel="stylesheet"
+			href="assets/fonts/roboto-condensed/style.css"
+		>
+		<script
+			src="assets/js/timer.js"
+			type="text/javascript"
+		></script>
+		<title>Chystáme to!</title>
+	</head>
+	<body>
+		<main>
+			<h1 id="heading">Chystáme to!</h1>
+			<p id="description">
+				30.9.2022 představíme dopadovou studii o legalizaci konopí.
+			</p>
+			<p id="timer-wrapper">
+				Zbývá <span id="timer"></span>.
+			</p>
+			<div id="copyleft">
+				<span style="transform:scale(-1,1);display:inline-block">&copy;</span>
+				<span>Piráti, 2022. Všechna práva vyhlazena.</span>
+			</div>
+		</main>
+	</body>
+</html>