<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <title>GeoInfoSystem</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="./pin.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">  <style>
    body {
  background: linear-gradient(to bottom right, red, gray);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}



    .login-box {
      background: rgba(255, 255, 255, 0.9);
      padding: 2rem;
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(0,0,0,0.2);
      text-align: center;
      max-width: 600px;
      width: 100%;
	  margin-bottom:10px;
    }

    #wrongPassword {
      color: red;
      margin-top: 1rem;
      display: none;
    }
  </style>
</head>
<body>

  <div style="width:100%; max-width:650px"><div class="login-box">
    <h4 class="mb-4">🔐 Zugang GeoInfoSystem</h4>
    <input id="password" type="password" class="form-control text-center mb-3" placeholder="Passwort für veranstaltungs- oder themenbezogene Kartenansicht eingeben" autofocus>
    <button id="loginbutton" class="btn btn-primary w-100">Bestätigen</button>
    <p id="wrongPassword">Falsches Passwort</p>
	<!--<a href="./wetterkarte/index.html" class="btn btn-secondary w-100" style="margin-top:10px">Wetterkarte</a>-->
  </div>
  
  <div class="login-box">
	<h4>Standardkarte auswählen</h4>
	<!--<a href="./wetterkarte/index.html" class="btn btn-secondary w-100">Wetterkarte</a>-->
	<a href="./wetterkarte/index.html" class="btn btn-secondary w-100">Wetterkarte</a>
	<p style="margin-bottom:0px;margin-top:5px">Alle Inhalte ohne Gewähr. 2025 S. Kolkenbrock</p>
  </div>
  </div>

  <!-- jQuery & SHA1 -->
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>


	 <script type="text/javascript" src="https://rawcdn.githack.com/chrisveness/crypto/7067ee62f18c76dd4a9d372a00e647205460b62b/sha1.js"></script>

	<script type="text/javascript">
	"use strict";


	function loadPage(pwd) {

		var hash= pwd;
		hash= Sha1.hash(pwd);
		var url= hash + "/index.html";

		$.ajax({
			url : url,
			dataType : "html",
			success : function(data) {

				window.location= url;

			},
			error : function(xhr, ajaxOptions, thrownError) {


				parent.location.hash= hash;

				//$("#wrongPassword").show();
				$("#password").attr("placeholder","Falsches Passwort!");
				$("#password").val("");
			}
		});
	}


	$("#loginbutton").on("click", function() {
		loadPage($("#password").val());
	});
	$("#password").keypress(function(e) {
		if (e.which == 13) {

			loadPage($("#password").val());
		}
	});
	$("#password").focus();
	
	</script>



</body>
</html>