From 4d69a5ea46cac87d27989de5838e0a580d422625 Mon Sep 17 00:00:00 2001
From: Johannes Theiner <j.theiner@live.de>
Date: Tue, 20 Apr 2021 09:41:25 +0200
Subject: [PATCH] first commit

---
 .gitignore  |  1 +
 general.php | 21 ++++++++++++
 index.php   | 92 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 114 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 general.php
 create mode 100644 index.php
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..723ef36
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.idea
\ No newline at end of file
diff --git a/general.php b/general.php
new file mode 100644
index 0000000..7ac467c
--- /dev/null
+++ b/general.php
@@ -0,0 +1,21 @@
+<?php
+
+function returnHeader() {
+    ?>
+    <!Doctype html>
+    <html lang="de">
+    <head>
+        <title>Alumni Max Emden</title>
+        <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
+    </head>
+    <body>
+
+    <?php
+}
+
+function returnFooter() {
+    ?>
+    </body>
+    </html>
+    <?php
+}
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..4e5d7f7
--- /dev/null
+++ b/index.php
@@ -0,0 +1,92 @@
+<?php
+require_once 'general.php';
+
+returnHeader();
+
+?>
+
+<div class="relative flex flex-wrap">
+    <div class="w-full relative">
+        <div class="md:mt-6">
+            <div class="hero container max-w-screen-lg mx-auto pb-10 flex justify-center">
+                <img src="https://max-emden.net/iserv/logo/logo.jpg" class="w-2/4" alt="Logo Max-Windmüller Gymnasium"/>
+            </div>
+            <div class="text-center text-black font-semibold">
+                Beschreibender Text
+            </div>
+        </div>
+
+        <form action="submit.php" method="post" class="mt-8">
+            <div class="mx-auto max-w-lg">
+
+                <div class="py-1">
+                    <label class="px-1 text-sm text-gray-600" for="name">Name</label>
+                    <input type="text" name="name" id="name" class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
+                    border-gray-300 placeholder-gray-600
+                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
+                </div>
+
+                <div class="py-1">
+                    <label class="px-1 text-sm text-gray-600" for="email">E-Mail Adresse</label>
+                    <input type="email" name="email" id="email" class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
+                    border-gray-300 placeholder-gray-600
+                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
+                </div>
+
+                <div class="py-1">
+                    <label class="px-1 text-sm text-gray-600" for="year">Jahrgang</label>
+                    <select name="year" id="email" class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
+                    border-gray-300 placeholder-gray-600
+                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
+                        <?php
+                        for ($i = 1970; $i < date("Y"); $i++) {
+                            ?>
+                            <option><?php echo $i ?></option>
+                            <?php
+                        }
+                        ?>
+                    </select>
+                </div>
+
+                <div class="py-1">
+                    <label class="px-1 text-sm text-gray-600" for="birthday">Geburtstag</label>
+                    <input type="date" name="birthday" id="birthday" class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
+                    border-gray-300 placeholder-gray-600
+                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
+                </div>
+
+                <div class="py-1">
+                    <label class="px-1 text-sm text-gray-600" for="vocation">Tätigkeit</label>
+                    <textarea name="vocation" id="vocation" class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
+                    border-gray-300 placeholder-gray-600
+                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
+                    </textarea>
+                </div>
+
+                <div class="flex justify-start">
+                    <label class="block text-gray-500 font-bold my-4 flex items-center">
+                        <input class="leading-loose text-pink-600 top-0" type="checkbox" id="terms" name="terms"/>
+                        <span class="ml-2 text-sm py-2 text-gray-600 text-left">Ich akzeptiere hiermit
+                                          <a href="https://max-emden.de/wordpress/impressum/" target="_blank"
+                                             class="font-semibold text-black border-b-2 border-gray-200 hover:border-gray-500">
+                                            die Datenschutzerklärung.</a>
+                                    </span>
+                    </label>
+                </div>
+
+                <button class="mt-3 text-lg font-semibold
+                                    bg-gray-800 w-full text-white rounded-lg
+                                    px-6 py-3 block shadow-xl hover:text-white hover:bg-black" type="submit">
+                    Eintragen
+                </button>
+                <br>
+
+            </div>
+
+        </form>
+    </div>
+</div>
+
+<?php
+
+returnFooter();
\ No newline at end of file
