added login and register buttons

it is really bad but gonna make it cool as fuck

index.php

@@ -23,10 +23,29 @@
 		<button class="tlacitko" onclick="move('./map.php', true)">Mapa</button>
 		<button class="tlacitko" onclick="move('https://earth.google.com/web/@49.71686994,13.64771387,395.10185485a,550.97177309d,35y,0h,0t,0r', false)">Google Earth</button>
 		<button class="tlacitko" onclick="move('./autori.php', true)">Autoři</button>
-		<button class="tlacitko" onclick="register()">Login</button>
+		<div id="login_buttons">
+			<button class="tlacitko" onclick="show_login()">Přihlášení</button>
+			<button class="tlacitko" onclick="show_register()">Registrace</button>
+		</div>
 	</nav>
 	<textarea id="textPole" placeholder="..." readonly>Železárny Hrádek u Rokycan jsou významným průmyslovým podnikem v České republice. Jejich historie sahá až do 16. století, kdy byla založena první huť. Specializovaly se na výrobu železa a oceli a byly známé svými kvalitními kovovými výrobky. Železárnám Hrádek byly v průběhu let prováděny stavební úpravy a modernizace, aby udržely krok s technologickým vývojem. Bohužel, v současnosti se železárny potýkají s problémy kvůli jejich majiteli Zdeňkovi Zemkovi. Zdeněk Zemek byl obviněn ze spáchání podvodů a obžalován státním zástupcem. Je třeba zajistit ochranu hodnoty a dědictví železáren Hrádek a obnovit důvěru ve spravedlivý průběh podnikání.</textarea>
 
 	<header><img src="//:0" id="slideshow" draggable="false" alt="Slideshow"></header>
+
+	<div id="login_pane">
+		<form method="post">
+			<div>Uživatelské jméno: <input type="text" maxlength="32" name="username" required><br></div>
+			<div>Heslo: <input type="text" name="password" required><br></div>
+			<div id="sub_btn_div"><input id="sub_btn" type="submit" name="sub" value="Přihlásit se"></div>
+		</form>
+	</div>
+
+	<?php
+		if (isset($_POST["sub"]))
+		{
+			//stuff
+			//echo hash('sha256', $_POST["password"]);
+		}
+	?>
 </body>
 </html>

res/index/script.js

@@ -34,4 +34,16 @@ function change_slideshow_img()
 function repeat_panorama()
 {
     setInterval(change_slideshow_img, 3000);
+}
+
+function show_login()
+{
+    document.getElementById("sub_btn").value = "Přihlásit se";
+    document.getElementById("login_pane").style.visibility = "visible";
+}
+
+function show_register()
+{
+    document.getElementById("sub_btn").value = "Registrovat se";
+    document.getElementById("login_pane").style.visibility = "visible";
 }

res/index/style.css

@@ -54,4 +54,39 @@ body
     right: 0vh;
     border-top-left-radius: 0.7vh;
     filter: drop-shadow(-0.5vh -0.5vh 1vh black);
+}
+
+#login_pane
+{
+    position: relative;
+    visibility: hidden;
+
+    display: flex;
+    flex-direction: column;
+    align-items:center;
+
+    width: fit-content;
+    height: auto;
+    margin: 0 auto;
+    padding: 5vh;
+    position: relative;
+
+    border: solid 1px black;
+    border-radius: 0.5vh 0.5vh;
+    background: #6F7270;
+}
+
+#login_pane *
+{
+    padding: 1vh;
+}
+
+#sub_btn_div
+{
+    padding-top: 7vh;
+}
+
+#login_buttons *
+{
+    width: 17vh;
 }