From b11a07b40c12c64d8c9e18a1fd812934b5bdec45 Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Mon, 17 Jul 2023 16:32:46 +0200
Subject: [PATCH] Add separate page and new links for DJ

---
 index.html    |  2 +-
 sites/dj.html | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 sites/dj.html
diff --git a/index.html b/index.html
index 2660c57..3568a87 100644
--- 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>
diff --git a/sites/dj.html b/sites/dj.html
new file mode 100644
index 0000000..b5d987c
--- /dev/null
+++ 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>
