Add separate page and new links for DJ

1 year ago · b11a07b40c
parent c6fa8838d7
commit b11a07b40c
2 changed files with 52 additions and 1 deletions
--- a/index.html
+++ b/index.html
@ -30,7 +30,7 @@
 				<span>Chemie</span>
 				<img src="img/ch.svg" alt="Chemie">
 			</a>
-			<a href="https://www.facebook.com/events/1695342504234151">
+			<a href="sites/dj.html">
 				<span>Dějepis</span>
 				<img src="img/dj.svg" alt="Dějepis">
 			</a>
--- a/sites/dj.html
+++ b/sites/dj.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="cs">
+	<head>
+		<title>Angličtina</title>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<style>
+			@font-face {
+				font-family: "signika-negative";
+				src: url('../fonts/signika-negative-regular.woff2?#iefix') format('woff2'),
+					 url('../fonts/signika-negative-regular.woff') format('woff'),
+					 url('../fonts/signika-negative-regular.ttf') format('truetype');
+				font-weight: normal;
+				font-style: normal;
+			}
+			@font-face {
+				font-family: "signika-negative";
+				src: url('../fonts/signika-negative-bold.woff2?#iefix') format('woff2'),
+					 url('../fonts/signika-negative-bold.woff') format('woff'),
+					 url('../fonts/signika-negative-bold.ttf') format('truetype');
+				font-weight: bold;
+				font-style: normal;
+			}
+			body {
+				height: 100vh;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				text-align: center;
+				color: #4d4d4d;
+				background: #f0f0f0;
+				font-family: "signika-negative", sans-serif;
+				text-rendering: optimizeLegibility;
+			}
+			ul {
+				padding: 0;
+				list-style: none;
+				text-align: left;
+			}
+		</style>
+	</head>
+	<body>
+		<h1>Dějepis</h1>
+		<p>Dějepisáři mají na výběr ze dvou různých seznamováků:</p>
+		<ul>
+			<li><a href="https://www.facebook.com/events/1695342504234151">Seznamovák</a> pořádaný spolkem Agora</li>
+			<li><a href="https://www.facebook.com/events/575847534622567">Seznamovák</a> pořádaný spolkem 5P a SOR dějepisu</li>
+		</ul>
+	</body>
+</html>