troogs/dd-weekend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style optimization, more content

Browse Source
This commit is contained in:
Andre Beging
2020-03-01 14:37:34 +01:00
parent dfa9c32cc1
commit f56a46eb52
10 changed files with 97 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
content/anmeldung.md
View File

@@ -7,11 +7,11 @@ date: '2020-02-12'
<div style="width: 100%;max-width: 600px;"> <div style="width: 100%;max-width: 600px;">
<p> <p>
- Die Anmeldung ist vorerst nur für Chapter-Mitglieder geöffnet. - Die Anmeldung ist <strong>vorerst</strong> nur für Chapter-Mitglieder geöffnet.
- Die Anmeldung ist verbindlich. Wer dann doch verhindert ist, muss selbst für Ersatz sorgen. - Die Anmeldung ist verbindlich. Wer dann doch verhindert ist, muss selbst für Ersatz sorgen.
- Die Basiskosten betragen 40 EUR (Übernachtung inkl. Frühstück & Reinigung) - Die Basiskosten betragen 40 EUR (Übernachtung inkl. Frühstück & Reinigung)
- Abendessen & Snacks kosten 10 EUR / Mahlzeit - Abendessen & Snacks kosten 10 EUR / Mahlzeit
- Kalte Getränke werden organisiert, es gilt das Prinzip einer <strong>Kasse des Vertrauens</strong> für die Getränke - Kalte Getränke werden organisiert, es gilt das Prinzip einer <strong><a href="https://de.wikipedia.org/wiki/Kasse_des_Vertrauens" target="_blank" style="color: #000;">Kasse des Vertrauens</a></strong> für die Getränke
- Nach der Anmeldung kontaktiert euch Marvin auf eurer <strong>E-Mail</strong> Adresse mit eurem Betrag und Zahlungsinformationen. Der Betrag ist <strong>bis zum 22.03.2020</strong> zu begleichen, sonst kann der Platz wieder freigegeben werden. - Nach der Anmeldung kontaktiert euch Marvin auf eurer <strong>E-Mail</strong> Adresse mit eurem Betrag und Zahlungsinformationen. Der Betrag ist <strong>bis zum 22.03.2020</strong> zu begleichen, sonst kann der Platz wieder freigegeben werden.
</p> </p>
</div> </div>
@@ -20,19 +20,27 @@ date: '2020-02-12'
<form class="form" method="GET" action="https://ssl.webpack.de/beging.de/form/write/ddwetest"> <form class="form" method="GET" action="https://ssl.webpack.de/beging.de/form/write/ddwetest">
<div class="grow-1"> <div class="grow-1">
<input id="name" name="name" type="text" required /> <input id="name" name="name" type="text" required />
<label for="name">Name</label> <label for="name">Name*</label>
</div> </div>
<div class="grow-1"> <div class="grow-1">
<input id="mail" name="mail" type="email" required /> <input id="mail" name="mail" type="email" required />
<label for="mail">E-Mail</label> <label for="mail">E-Mail*</label>
</div>
<div class="grow-1">
<input id="mobil" name="mobil" type="text" />
<label for="mobil">Handynummer (für die Telegram-Gruppe)</label>
</div>
<div class="grow-1" style="display: flex;">
<input id="telegram" type="checkbox" />
<label for="telegram" style="align-self: center;">Ich will in die Telegram-Gruppe!</label>
</div> </div>
<div class="grow-1"> <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}" /> <input id="hex" name="hex" type="text" placeholder="0x00" required pattern="[0-9a-fA-F]{1,2}x[0-9a-fA-F]{1,2}" />
<label for="hex">Hex-ID (z.B. 0xC0)</label> <label for="hex">Hex-ID (z.B. 0xC0)*</label>
</div> </div>
<div class="grow-1"> <div class="grow-1">
<input id="chapter" name="chapter" type="text" required /> <input id="chapter" name="chapter" type="text" required />
<label for="chapter">Chapter</label> <label for="chapter">Chapter*</label>
</div> </div>
<div class="grow-1"> <div class="grow-1">
<input id="abendFreitag" name="abendFreitag" type="checkbox" checked /> <input id="abendFreitag" name="abendFreitag" type="checkbox" checked />
@@ -46,10 +54,10 @@ date: '2020-02-12'
<select id="ernaehrung" name="ernaehrung" required> <select id="ernaehrung" name="ernaehrung" required>
<option selected></option> <option selected></option>
<option value="Fleisch">Ich esse Fleisch</option> <option value="Fleisch">Ich esse Fleisch</option>
<option value="Vegetarier">Vegetarier</option> <option value="Vegetarier">vegetarisch</option>
<option value="Veganer">Veganer</option> <option value="Veganer">vegan</option>
</select> </select>
<label for="ernaehrung">Ernährung</label> <label for="ernaehrung">Ernährung*</label>
</div> </div>
<div class="grow-2"> <div class="grow-2">
<input id="allergien" name="allergien" type="text" /> <input id="allergien" name="allergien" type="text" />

79
content/merch.md
View File

@@ -10,6 +10,10 @@ Es wird Merch geben.
Nach der Bestellung teilt dir Andi per E-Mail deine Zahlungsdetails mit. Es gilt das Prinzip der **Vorkasse**, der offene Betrag muss bis zum **28. Juni 2020** beglichen sein. Nach der Bestellung teilt dir Andi per E-Mail deine Zahlungsdetails mit. Es gilt das Prinzip der **Vorkasse**, der offene Betrag muss bis zum **28. Juni 2020** beglichen sein.
Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen der Mechandise-Bestellung behandelt werden. Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen der Mechandise-Bestellung behandelt werden.
Nachfragen zu Merch: ddwe@beging.de
Die Bestellung bringen wir euch zum Wochenende mit.
</p> </p>
</div> </div>
</div> </div>
@@ -24,39 +28,51 @@ Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen
<input id="mail" name="mail" type="email" required /> <input id="mail" name="mail" type="email" required />
<label for="mail">E-Mail</label> <label for="mail">E-Mail</label>
</div> </div>
<div class="grow-2">
<select id="shirt" name="shirt" required>
<option value="Kein Bierkrug">Kein T-Shirt</option>
<option value="Shirt-S">T-Shirt Größe S (15,00 EUR) </option>
<option value="Shirt-M">T-Shirt Größe M (15,00 EUR)</option>
<option value="Shirt-L">T-Shirt Größe L (15,00 EUR)</option>
<option value="Shirt-XL">T-Shirt Größe XL (15,00 EUR)</option>
<option value="Shirt-XXL">T-Shirt Größe XXL (15,00 EUR)</option>
<option value="Shirt-3XL">T-Shirt Größe 3XL (15,00 EUR)</option>
</select>
<label for="shirt">T-Shirt</label>
</div>
<div class="grow-2"> <div class="grow-2">
<select id="bierkrug" name="bierkrug" required> <select id="bierkrug" name="bierkrug" required>
<option value="Kein Bierkrug">Kein Bierkrug</option> <option value="Kein Bierkrug">Kein Bierkrug</option>
<option value="1 Bierkrug">1 Bierkrug! (je 13,00 EUR)</option> <option value="1 Bierkrug">1 Bierkrug (je 14,00 EUR)</option>
<option value="2 Bierkrüge">2 Bierkrüge!</option> <option value="2 Bierkrüge">2 Bierkrüge</option>
<option value="3 Bierkrüge">3 Bierkrüge!</option> <option value="3 Bierkrüge">3 Bierkrüge</option>
<option value="4 Bierkrüge">4 Bierkrüge!</option> <option value="4 Bierkrüge">4 Bierkrüge</option>
<option value="5 Bierkrüge">5 Bierkrüge!</option> <option value="5 Bierkrüge">5 Bierkrüge</option>
<option value="6 Bierkrüge">6 Bierkrüge!</option> <option value="6 Bierkrüge">6 Bierkrüge</option>
</select> </select>
<label for="bierkrug">Bierkrug</label> <label for="bierkrug">Bierkrug</label>
</div> </div>
<div class="grow-2"> <div class="grow-2">
<select id="weizen" name="weizen" required> <select id="weizen" name="weizen" required>
<option value="Kein Weißbierglas">Kein Weißbierglas</option> <option value="Kein Weißbierglas">Kein Weißbierglas</option>
<option value="1 Weißbierglas">1 Weißbierglas! (je 8,00 EUR)</option> <option value="1 Weißbierglas">1 Weißbierglas (je 8,00 EUR)</option>
<option value="2 Weißbiergläser">2 Weißbiergläser!</option> <option value="2 Weißbiergläser">2 Weißbiergläser</option>
<option value="3 Weißbiergläser">3 Weißbiergläser!</option> <option value="3 Weißbiergläser">3 Weißbiergläser</option>
<option value="4 Weißbiergläser">4 Weißbiergläser!</option> <option value="4 Weißbiergläser">4 Weißbiergläser</option>
<option value="5 Weißbiergläser">5 Weißbiergläser!</option> <option value="5 Weißbiergläser">5 Weißbiergläser</option>
<option value="6 Weißbiergläser">6 Weißbiergläser!</option> <option value="6 Weißbiergläser">6 Weißbiergläser</option>
</select> </select>
<label for="weizen">Weißbierglas</label> <label for="weizen">Weißbierglas</label>
</div> </div>
<div class="grow-2"> <div class="grow-2">
<select id="emaille" name="emaille" required> <select id="emaille" name="emaille" required>
<option value="Keine Emailletasse">Keine Emailletasse</option> <option value="Keine Emailletasse">Keine Emailletasse</option>
<option value="1 Emailletasse ja">1 Emailletasse! (je 10,00 EUR)</option> <option value="1 Emailletasse ja">1 Emailletasse (je 10,00 EUR)</option>
<option value="2 Emailletasse">2 Emailletassen!</option> <option value="2 Emailletasse">2 Emailletassen</option>
<option value="3 Emailletasse">3 Emailletassen!</option> <option value="3 Emailletasse">3 Emailletassen</option>
<option value="4 Emailletasse">4 Emailletassen!</option> <option value="4 Emailletasse">4 Emailletassen</option>
<option value="5 Emailletasse">5 Emailletassen!</option> <option value="5 Emailletasse">5 Emailletassen</option>
<option value="6 Emailletasse">6 Emailletassen!</option> <option value="6 Emailletasse">6 Emailletassen</option>
</select> </select>
<label for="emaille">Emailletasse</label> <label for="emaille">Emailletasse</label>
</div> </div>
@@ -72,7 +88,29 @@ Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen
</form> </form>
</div> </div>
<div class="center-container">
# T-Shirt
</div>
<div class="center-container">
15,00 EUR / Stück
</div>
<div class="center-container">
Vorne im klassischen &lt;DD&gt;-Design
</div>
<div class="center-container">
Hinten mit tollem Überraschungsmotiv
</div>
<div class="center-container">
B&C Herren in Premiumqualität
</div>
<div class="center-container mt-25">
<img src="../assets/shirt.png" style="width: 100%; max-width: 350px;">
</div>
<!----- -------->
<div class="center-container"> <div class="center-container">
@@ -80,7 +118,7 @@ Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen
</div> </div>
<div class="center-container"> <div class="center-container">
13,00 EUR / Stück 14,00 EUR / Stück
</div> </div>
<div class="center-container"> <div class="center-container">
Passend in coolem &lt;DD&gt;-Designbedruckt. Passend in coolem &lt;DD&gt;-Designbedruckt.
@@ -93,6 +131,8 @@ Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen
<img src="../assets/bierkrug.png" style="width: 100%; max-width: 350px;"> <img src="../assets/bierkrug.png" style="width: 100%; max-width: 350px;">
</div> </div>
<!----- -------->
<div class="center-container mt-60"> <div class="center-container mt-60">
# Emaille Tasse # Emaille Tasse
@@ -112,6 +152,7 @@ Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen
<img src="../assets/emaille.jpg" style="width: 100%; max-width: 350px;"> <img src="../assets/emaille.jpg" style="width: 100%; max-width: 350px;">
</div> </div>
<!----- -------->
<div class="center-container mt-60"> <div class="center-container mt-60">

7
layouts/partials/footer.html
View File

@@ -2,10 +2,11 @@
<div class="footer-row"> <div class="footer-row">
<div class="column"> <div class="column">
<p> <p>
<strong>Codename DDWE</strong> <strong>Codename &lt;DD&gt;-Wochenende</strong>
</p> </p>
<p> <p>
Eine Schnapsidee des &lt;DD&gt;-Chapter Siegen: Name folgt... 28. bis 30. August 2020<br />
Eine Schnapsidee des Chapter Siegen: Name folgt...
</p> </p>
<p> <p>
<a href='http://durstiger-donnerstag.de/index.php?page=kontakt_impressum' target="_blank">Impressum</a> | <a href='http://durstiger-donnerstag.de/index.php?page=datenschutz' target="_blank">Datenschutzerklärung</a> <a href='http://durstiger-donnerstag.de/index.php?page=kontakt_impressum' target="_blank">Impressum</a> | <a href='http://durstiger-donnerstag.de/index.php?page=datenschutz' target="_blank">Datenschutzerklärung</a>
@@ -13,7 +14,7 @@
</div> </div>
<div class="column"> <div class="column">
<p> <p>
<img src='{{ "assets/D5_Logo.svg" | absURL }}' > <img src='{{ "assets/d5.png" | absURL }}' >
</p> </p>
</div> </div>
</div> </div>

8
src/style/_footer.scss
View File

@@ -15,10 +15,12 @@ footer {
.footer-row { .footer-row {
display: flex; display: flex;
flex-wrap: wrap;
width: 100%; width: 100%;
max-width: 1440px; max-width: 1440px;
padding: 50px 120px; padding: 50px 120px;
margin: auto; margin: auto;
@media screen and (max-width: $breakpoint-lg) { @media screen and (max-width: $breakpoint-lg) {
padding: 50px; padding: 50px;
@@ -29,10 +31,12 @@ footer {
} }
.column { .column {
text-align: center;
margin: 0 10px; margin: 0 10px;
flex-direction: column; flex-direction: column;
flex-basis: 100%; flex-basis: 300px;
flex: 1; flex-grow: 1;
flex-shrink: 0;
} }
a { a {

2
src/typescript/script.ts
View File

@@ -29,7 +29,7 @@ window.onload = function() {
// Build url // Build url
let queryString = Object.keys(formParameter).map((k : any) => encodeURIComponent(k) + "=" + encodeURIComponent(formParameter[k])).join("&"); let queryString = Object.keys(formParameter).map((k : any) => encodeURIComponent(k) + "=" + encodeURIComponent(formParameter[k])).join("&");
let getUrl = targetUrl + "?" + queryString; let getUrl = targetUrl + "?" + queryString;
// Perform get request // Perform get request
var xmlHttp = new XMLHttpRequest(); var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", getUrl); xmlHttp.open("GET", getUrl);

3
static/.htaccess Normal file
View File

@@ -0,0 +1,3 @@
Access-Control-Allow-Origin: "*"
Access-Control-Allow-Headers: "origin, x-requested-with, content-type"
Access-Control-Allow-Methods: "PUT, GET, POST, DELETE, OPTIONS"

BIN
static/assets/d5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
static/assets/shirt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

7
static/css/ndws.css
View File

@@ -6029,6 +6029,7 @@ footer {
} }
footer .footer-row { footer .footer-row {
display: flex; display: flex;
flex-wrap: wrap;
width: 100%; width: 100%;
max-width: 1440px; max-width: 1440px;
padding: 50px 120px; padding: 50px 120px;
@@ -6045,10 +6046,12 @@ footer .footer-row {
} }
} }
footer .footer-row .column { footer .footer-row .column {
text-align: center;
margin: 0 10px; margin: 0 10px;
flex-direction: column; flex-direction: column;
flex-basis: 100%; flex-basis: 300px;
flex: 1; flex-grow: 1;
flex-shrink: 0;
} }
footer .footer-row a { footer .footer-row a {
color: #898f9c; color: #898f9c;

2
static/css/ndws.min.css vendored
View File

File diff suppressed because one or more lines are too long