From 346fd821a839f27ef1cb63204c08069e0bd5d746 Mon Sep 17 00:00:00 2001
From: 7u83 <7u83>
Date: Mon, 24 Feb 2020 11:29:33 +0000
Subject: [PATCH] Work on the tif design

---
 ka.html    | 124 +++++++++++++++++++++++++++++++++++++++++++++++------
 master.css |   2 +-
 2 files changed, 111 insertions(+), 15 deletions(-)
diff --git a/ka.html b/ka.html
index 391cd24..faee665 100644
--- a/ka.html
+++ b/ka.html
@@ -15,27 +15,123 @@
 </head>
 <body>
 	<div class="page is-container">
-	<div class="main-sidebar">Sidebar</div>      
+	<div class="main-sidebar">Wikimedia Logo</div>      
 	<div class="main-content">
     
-		<h1>Antrag auf Kostenerstattung</h1>
-		<p>Bitte beachte beim Ausfüllen die
-		<a target="_blank" href="https://www.wikimedia.de/wiki/
-		   Gesch%C3%A4ftsordnung#Reisekostenordnung">
-			Reisekostenordnung
-		</a>.
+		<h1>Auslagenersatz</h1>
+		<p>Du möchtest dir Kosten erstatten lassen, welche im Rahmen deines
+		Projektes entstanden sind?<BR>
+		Bitte fülle dieses Formular aus ...
 		</p>
-		<h3>Bitte fülle die allgemeinen Daten für die Erstattung aus.</h3>
 
 		<form name="theform" id="theform" action="submit.php" method="POST">
 
-		<fieldset>
+		<div class="is-row">
+		<div class="is-col is-70">
+			<fieldset>
+				<div class="is-row">
+					<div class="is-col"> 
+						<input required type="input"
+						size="32" id="nickname" name="nickname"
+						placeholder="Nickname*" />
+					</div>
+					<div class="is-col"> 
+						<input required type="input"
+						   size="32" id="projekt" name="project"
+						   placeholder="Projekt-ID*" />
+					</div>
+				</div>
+				<br>
+				<div class="is-row">
+					<div class="is-col"> 
+						<input required type="input" size="32"
+				`			name="realname" placeholder="Realname*" />
+					</div>
+					<div class="is-col"> 
+					</div>
+				</div>
+				<br>
+				<div class="is-row">
+					<div class="is-col"> 
+						<input required type="email" size="32" id="email"
+							name="email" placeholder="E-Mail-Adresse*" />
+					</div>
+					<div class="is-col"> 
+					</div>
+				</div>
+				<br>
 
-		<legend>Dein Projekt / Zweck der Reise</legend>
-		<input required type="input"
-		   size="32" id="projekt" name="project"
-		   placeholder="Projekt xy" />
-		</fieldset>
+				<div class="is-row">
+					<div class="is-col"> 
+
+			<input class="screen" type="radio"  id="eu"
+				   name="bank" value="EU" checked>
+			<label class="screen radio" for="eu">EU-Banküberweisung</label>
+			<br>
+			<input class="screen" type="radio"
+				   id="noneu" name="bank" value="Non-EU">
+			    <label class="screen radio" for="noneu">
+				      Non-EU-Banküberweisung</label>
+			<br>
+			<input class="screen" type="radio" id="paypal"
+				   name="bank" value="PayPal">
+			<label class="screen radio" for="paypal">PayPal</label>
+			<br>
+			<input class="screen" type="radio" id="bar"
+				name="bank" value="Bar">
+			<label class="screen radio" for="bar" lang="de">
+	      			Bargeld</label>
+			<br><br>
+				
+
+			<label class="EU nonEU" for="owner" >Kontoinhaber</label>
+	    		<input class="EU nonEU" type="input" size="32" id="ownerDe" name="Owner" placeholder="wenn abweichend vom Realnamen" />
+
+			<label class="EU nonEU" for="iban" >IBAN</label>
+			<input class="EU nonEU" type="input" size="32" id="iban" name="IBAN" placeholder="DE0123…" />
+
+			<label class="EU nonEU" for="bic">BIC / SWIFT</label>
+			<input class="EU nonEU" type="input" size="32" id="bic" name="BIC" placeholder="LBMU…" />
+
+
+			<label class="EU nonEU" for="bank" >Name der Bank</label>
+			<input class="EU nonEU" type="input" size="32" id="bank" name="Bankname" placeholder="Banky McBankface" />
+
+
+
+			<label class="nonEU" for="bankaddress" >Bankanschrift</label>
+			<textarea  class="nonEU" name="bankaddress" id="bankaddress" style="resize:both;" cols="32" rows="4" placeholder="Straße und Hausnummer
+Postleitzahl und Ort
+Land"></textarea>
+
+			<label class="nonEU"  for="address" >Deine Anschrift</label>
+			<textarea name="address" lang="de" class="nonEU" id="address" style="resize:both;" cols="32" rows="4" placeholder="Straße und Hausnummer
+Postleitzahl und Ort
+Land"></textarea>
+			<label class="EU nonEU" for="comments" lang="de">Weitere Anmerkungen</label>
+			<textarea  class="EU nonEU" id="comments" name="comments"
+					style="resize:both;" cols="32" rows="4" placeholder="z.B. intermdiäre Bank,
+Grund für abweichende Kontoinhaberin"></textarea>
+
+
+			<label class="paypal" for="accountnumber">
+			  PayPal account</label>
+			<input class="paypal" type="input" size="32"
+			       id="paypal" placeholder="paypal@example.com" />
+
+			</div> <!-- i-col -->
+				</div> <!-- is-row -->
+
+			</fieldset>
+		</div>
+		<div class="is-col ">
+			Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext
+		</div>
+		</div> <!-- is row -->
+		Hallo
+
+		</div>
+	</div>
 	  
 		<fieldset>
 			<legend>Deine Ansprechperson bei Wikimedia</legend>
diff --git a/master.css b/master.css
index 7b253ed..649ad2a 100644
--- a/master.css
+++ b/master.css
@@ -25,7 +25,7 @@ body {
 .main-content {
     /*    @include make-content;*/
 /*    width: 100em;*/
-    max-width:100em;
+/*    max-width:170em;*/
 }
 
 
