Studium/DH_Alumni
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Johannes Theiner 2021-04-20 09:41:25 +02:00
commit 4d69a5ea46
3 changed files with 114 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.idea

21
general.php Normal file
View File

@ -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
}

92
index.php Normal file
View File

@ -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();