Automated deployment: Wed Feb 12 21:14:21 UTC 2020 bce1c032d1

anmeldung/index.html

@@ -10,7 +10,7 @@
   <meta name="theme-color" content="#040404" />
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Kontakt &amp; Anfahrt | &lt;DD> Wochenende</title>
+  <title>Anmeldung | &lt;DD> Wochenende</title>
   <link rel="stylesheet" href='https://ddwe.beging.de/css/ndws.css' />
 </head>
 
@@ -45,9 +45,49 @@
   </div>
     
     <div id="content">
-        <h1>Kontakt &amp; Anfahrt</h1>
+        <h1>Anmeldung</h1>
-        <p>Anmeldeformular kommt</p>
+        <hr />
-<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfBLKLXulGQOIXj123Q6vQL2a-w5qPV342561C9GE0O_6FDcg/viewform?embedded=true" width="100%" height="1491" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+        <div class="center-container">
+    <div style="width: 100%;max-width: 600px;">
+        <p>
+            Die Anmeldung ist vorerst nur für Chapter-Mitglieder geöffnet.
+        </p>
+    </div>
+</div>
+<div class="center-container">
+    <form class="form">
+        <div class="grow-1">
+            <input id="name" name="name" type="text" required />
+            <label for="name">Name</label>
+        </div>
+        <div class="grow-1">
+            <input id="mail" name="mail" type="email" required />
+            <label for="mail">E-Mail</label>
+        </div>
+        <div class="grow-1">
+            <input id="hex" name="hex" type="text" placeholder="0x00" required pattern="[0-9a-fA-F]{1,2}x[0-9a-fA-F]{1,2}f" />
+            <label for="hex">Hex-ID (z.B. 0xC0)</label>
+        </div>
+        <div class="grow-1">
+            <input id="chapter" name="chapter" type="text" required />
+            <label for="chapter">Chapter</label>
+        </div>
+        <div class="grow-2">
+            <select id="ernaehrung" name="ernaehrung" required>
+                <option selected></option>
+                <option value="Fleisch">Ich esse Fleisch</option>
+                <option value="Vegetarier">Vegetarier</option>
+                <option value="Veganer">Veganer</option>
+            </select>
+            <label for="ernaehrung">Ernährung</label>
+        </div>
+        <div class="grow-2">
+        </div>
+        <div class="grow-2">
+            <input class="btn" type="submit" value="Verbindlich anmelden" />
+        </div>
+    </form> 
+</div>
     </div>
     <footer>
   <div class="footer-row">

css/ndws.css

@@ -6112,6 +6112,84 @@ footer .footer-row img {
   display: inline;
 }
 
+.form {
+  display: flex;
+  text-align: left;
+  width: 100%;
+  max-width: 600px;
+  flex-wrap: wrap;
+  flex-direction: row;
+}
+.form label {
+  display: block;
+  font-size: 0.7em;
+  opacity: 0.7;
+}
+.form .grow-1,
+.form .grow-2 {
+  margin-bottom: 0px;
+  flex-basis: 50%;
+  padding: 5px;
+}
+.form .grow-1.single-line label,
+.form .grow-2.single-line label {
+  display: inline;
+  font-size: inherit;
+  opacity: inherit;
+}
+.form .grow-1 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+.form .grow-2 {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+@media screen and (max-width: 576px) {
+  .form .grow-1,
+  .form .grow-2 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+.form input[type='text'],
+.form input[type='email'],
+.form select,
+.form textarea {
+  width: 100%;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 4px;
+  border-left: 5px solid maroon;
+}
+.form input[type='submit'] {
+  width: 100%;
+}
+.form input[type='text']:focus,
+.form input[type='email']:focus,
+.form select:focus,
+.form textarea:focus {
+  border-color: maroon;
+}
+.form input[type='checkbox'] {
+  display: none;
+}
+.form input[type='checkbox'] + label::before {
+  width: 23px;
+  height: 23px;
+  border-radius: 3px;
+  border: 2px solid maroon;
+  background-color: #fff;
+  display: block;
+  content: '';
+  float: left;
+  margin-right: 10px;
+}
+.form input[type='checkbox']:checked + label::before {
+  box-shadow: inset 0px 0px 0px 3px #fff;
+  background-color: maroon;
+}
+
 @font-face {
   font-family: 'SFMoviePoster';
   src: url('../font/SFMoviePoster.ttf') format('truetype');
@@ -6199,10 +6277,25 @@ p {
   padding-bottom: 300px;
 }
 
+hr {
+  color: maroon;
+  text-align: left;
+  margin-left: 0;
+  width: 300px;
+  max-width: 100%;
+  margin-bottom: 25px;
+}
+
+.center-container {
+  display: flex;
+  justify-content: center;
+}
+
 .text-center {
   text-align: center;
 }
 
+input.btn,
 a.btn {
   color: #000 !important;
   border: 1px solid #ccc;
@@ -6221,23 +6314,29 @@ a.btn {
   user-select: none;
   text-decoration: none;
 }
+input.btn.btn-sm,
 a.btn.btn-sm {
   font-size: 0.8em;
 }
+input.btn.btn-lg,
 a.btn.btn-lg {
   font-size: 1.5em;
 }
+input.btn.btn-xl,
 a.btn.btn-xl {
   font-size: 2em;
 }
+input.btn:hover,
 a.btn:hover {
   color: #333 !important;
   background-color: #e6e6e6;
   border-color: #adadad;
 }
+input.btn.btn-light,
 a.btn.btn-light {
   color: #fff !important;
 }
+input.btn.btn-light:hover,
 a.btn.btn-light:hover {
   color: #333 !important;
 }
@@ -6304,9 +6403,9 @@ body.hero {
   vertical-align: text-top;
 }
 #hero h1 {
-  font-size: 15vw;
+  font-size: 14vw;
   font-weight: normal;
-  line-height: 15vw;
+  line-height: 11vw;
 }
 #hero h1 img {
   width: 18vw;

index.html

@@ -48,7 +48,7 @@
       <div id="hero">
     <div>
       <div>
-        <h1>Das erste alljährliche<small>*</small><br /><img src="assets/dd_white.png">-Wochenende</DD></h1>
+        <h1>Das erste alljährliche*<br /><img src="assets/dd_white.png">-Wochenende</DD></h1>
         <h2>28.08 - 30.08.2020</h2>
         <h3><a href='https://ddwe.beging.de/anmeldung/' class="btn btn-light btn-lg">INFOS</a> <a href='https://ddwe.beging.de/anmeldung/' class="btn btn-light btn-lg">JETZT ANMELDEN!</a></h3>
       </div>

index.xml

@@ -11,6 +11,15 @@
 	<atom:link href="https://ddwe.beging.de/index.xml" rel="self" type="application/rss+xml" />
     
     
+    <item>
+      <title>Anmeldung</title>
+      <link>https://ddwe.beging.de/anmeldung/</link>
+      <pubDate>Wed, 12 Feb 2020 00:00:00 +0000</pubDate>
+      
+      <guid>https://ddwe.beging.de/anmeldung/</guid>
+      <description> Die Anmeldung ist vorerst nur für Chapter-Mitglieder geöffnet.   Name  E-Mail  Hex-ID (z.B. 0xC0)  Chapter   Ich esse Fleisch Vegetarier Veganer  Ernährung     </description>
+    </item>
+    
     <item>
       <title>Infos</title>
       <link>https://ddwe.beging.de/info/</link>
@@ -30,14 +39,5 @@ Gulasch? Gulasch!     Bach
 Morgens ein paar Bahnen schwimmen      </description>
     </item>
     
-    <item>
-      <title>Kontakt &amp; Anfahrt</title>
-      <link>https://ddwe.beging.de/anmeldung/</link>
-      <pubDate>Wed, 12 Feb 2020 00:00:00 +0000</pubDate>
-      
-      <guid>https://ddwe.beging.de/anmeldung/</guid>
-      <description>Anmeldeformular kommt</description>
-    </item>
-    
   </channel>
 </rss>

info/index.html

@@ -46,6 +46,7 @@
     
     <div id="content">
         <h1>Infos</h1>
+        <hr />
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2545.2760388898882!2d7.947020516297274!3d50.36140710165712!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bdd25d282463d9%3A0x3b67bdeed2db34d8!2sVerein%20f%C3%BCr%20Sozialwesen%20und%20%C3%96kologie%20G%C3%BClle-M%C3%BChle!5e0!3m2!1sen!2sde!4v1581491224203!5m2!1sen!2sde" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="true"></iframe>
 <p><strong>Verein für Sozialwesen und Ökologie Gülle Mühle e.V.</strong><br>
 Daubachtal 1<br>

sitemap.xml

@@ -7,14 +7,14 @@
     <lastmod>2020-02-12T00:00:00+00:00</lastmod>
   </url>
   
-  <url>
-    <loc>https://ddwe.beging.de/info/</loc>
-    <lastmod>2020-02-12T00:00:00+00:00</lastmod>
-  </url>
-  
   <url>
     <loc>https://ddwe.beging.de/anmeldung/</loc>
     <lastmod>2020-02-12T00:00:00+00:00</lastmod>
   </url>
   
+  <url>
+    <loc>https://ddwe.beging.de/info/</loc>
+    <lastmod>2020-02-12T00:00:00+00:00</lastmod>
+  </url>
+  
 </urlset>