modify anmeldung style

This commit is contained in:
Federico Justus Denkena 2023-10-08 17:47:10 +02:00
parent 19891a09ad
commit a068127739
Signed by: f-denkena
GPG Key ID: 28F91C66EE36F382
3 changed files with 119 additions and 33 deletions

View File

@ -12,7 +12,7 @@ small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertic
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
input{padding:8px;border:none;border-bottom:1px solid #ccc}
input{padding:8px;border:1px solid #ccc;border-radius:4px;height:32px}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
@ -48,7 +48,7 @@ hr{border:0;border-top:1px solid #eee;margin:20px 0}
.dc-ul{list-style-type:none;padding:0;margin:0}.dc-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.dc-ul li:last-child{border-bottom:none}
.dc-tooltip,.dc-display-container{position:relative}.dc-tooltip .dc-text{display:none}.dc-tooltip:hover .dc-text{display:inline-block}
.dc-ripple:active{opacity:0.5}.dc-ripple{transition:opacity 0s}
.dc-input{padding:8px;border:none;border-bottom:1px solid #ccc}
.dc-input{padding:8px;border:none;border-bottom:1px solid #c2c2c2}
.dc-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.dc-dropdown-click,.dc-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.dc-dropdown-hover:hover .dc-dropdown-content{display:block}

View File

@ -4,69 +4,69 @@
{% block content %}
<section class="dc-container dc-padding">
<h1 class="dc-xxlarge dc-center">Anmeldung</h1>
<h1 class="dc-xxlarge dc-center dc-padding"">Anmeldung</h1>
<div class="dc-container dc-padding">
<div class="dc-container dc-round-small">
<div class="dc-container dc-round-small dc-center dc-padding"">
<form action="" style="margin:auto" class="dc-container dc-form" method="post">
{% csrf_token %}
<input type="hidden" name="form_type" value="register">
{{ register_form.non_field_errors }}
<div class="dc-container">
{{ register_form.name.errors }}
<label class="dc-half" for="{{ register_form.name.id_for_label }}">Name:</label>
<div class="dc-half">{{ register_form.name }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.name.id_for_label }}">Name:</label>
<div class="dc-center dc-padding"">{{ register_form.name }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.mail.errors }}
<label class="dc-half" for="{{ register_form.mail.id_for_label }}">Mail-Adresse:</label>
<div class="dc-half">{{register_form.mail }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.mail.id_for_label }}">Mail-Adresse:</label>
<div class="dc-center dc-padding"">{{register_form.mail }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.phone.errors }}
<label class="dc-half" for="{{ register_form.phone.id_for_label }}">Telefonnummer:</label>
<div class="dc-half">{{ register_form.phone }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.phone.id_for_label }}">Telefonnummer:</label>
<div class="dc-center dc-padding"">{{ register_form.phone }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.rate_reduced.errors }}
<label class="dc-half" for="{{ register_form.rate_reduced.id_for_label }}">Anspruch auf ermäßigten Teilnahmebeitrag?</label>
<div class="dc-half">{{ register_form.rate_reduced }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.rate_reduced.id_for_label }}">Anspruch auf ermäßigten Teilnahmebeitrag?</label>
<div class="dc-center dc-padding"">{{ register_form.rate_reduced }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.address.errors }}
<label class="dc-half" for="{{ register_form.address.id_for_label }}">Adresse:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.address }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.address.id_for_label }}">Adresse:</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.address }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.birthdate.errors }}
<label class="dc-half" for="{{ register_form.birthdate.id_for_label }}">Geburtsdatum:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.birthdate }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.birthdate.id_for_label }}">Geburtsdatum:</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.birthdate }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.gender.errors }}
<label class="dc-half" for="{{ register_form.gender.id_for_label }}">Geschlecht:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.gender }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.gender.id_for_label }}">Geschlecht:</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.gender }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.food.errors }}
<label class="dc-half" for="{{ register_form.food.id_for_label }}">Essenswunsch:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.food }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.food.id_for_label }}">Essenswunsch:</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.food }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.music.errors }}
<label class="dc-half" for="{{ register_form.music.id_for_label }}">Musikinstrument dabei?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.music }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.music.id_for_label }}">Musikinstrument dabei?</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.music }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.cake.errors }}
<label class="dc-half" for="{{ register_form.cake.id_for_label }}">Kuchen mitbringen?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.cake }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.cake.id_for_label }}">Kuchen mitbringen?</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.cake }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.publish_address.errors }}
<label class="dc-half" for="{{ register_form.publish_address.id_for_label }}">Adresse für alle Teilnehmer veröffentlichen?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.publish_address }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.publish_address.id_for_label }}">Adresse für alle Teilnehmer veröffentlichen?</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.publish_address }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.publish_phone.errors }}
<label class="dc-half" for="{{ register_form.publish_phone.id_for_label }}">Telefonnummer für alle Teilnehmer veröffentlichen?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.publish_phone }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.publish_phone.id_for_label }}">Telefonnummer für alle Teilnehmer veröffentlichen?</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.publish_phone }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.info.errors }}
<label class="dc-half" for="{{ register_form.info.id_for_label }}">Wie hast du von der Tagung erfahren?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.info }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.info.id_for_label }}">Wie hast du von der Tagung erfahren?</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.info }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.message.errors }}
<label class="dc-half" for="{{ register_form.message.id_for_label }}">Weitere Nachrichten an uns:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.message }}</div></div>
<label class="dc-center dc-padding"" for="{{ register_form.message.id_for_label }}">Weitere Nachrichten an uns:</label>
<div style="padding-bottom:7px" class="dc-center dc-padding"">{{register_form.message }}</div></div>
@ -76,7 +76,7 @@
</form>
</div>
<div class="dc-padding ">
<h2 class="dc-large dc-text-white dc-center">Hinweise</h2>
<h2 class="dc-large dc-text-white dc-center dc-padding"">Hinweise</h2>
<ol class="dc-medium">
<li></li>
</ol>

View File

@ -0,0 +1,86 @@
{% extends 'base.html' %}
{% block title%}Anmeldung{% endblock title %}
{% include static %}
{% block content %}
<section class="dc-container dc-padding">
<h1 class="dc-xxlarge dc-center">Anmeldung</h1>
<div class="dc-container dc-padding">
<div class="dc-container dc-round-small">
<form action="" style="margin:auto" class="dc-container dc-form" method="post">
{% csrf_token %}
<input type="hidden" name="form_type" value="register">
{{ register_form.non_field_errors }}
<div class="dc-container">
{{ register_form.name.errors }}
<label class="dc-half" for="{{ register_form.name.id_for_label }}">Name:</label>
<div class="dc-half">{{ register_form.name }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.mail.errors }}
<label class="dc-half" for="{{ register_form.mail.id_for_label }}">Mail-Adresse:</label>
<div class="dc-half">{{register_form.mail }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.phone.errors }}
<label class="dc-half" for="{{ register_form.phone.id_for_label }}">Telefonnummer:</label>
<div class="dc-half">{{ register_form.phone }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.rate_reduced.errors }}
<label class="dc-half" for="{{ register_form.rate_reduced.id_for_label }}">Anspruch auf ermäßigten Teilnahmebeitrag?</label>
<div class="dc-half">{{ register_form.rate_reduced }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.address.errors }}
<label class="dc-half" for="{{ register_form.address.id_for_label }}">Adresse:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.address }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.birthdate.errors }}
<label class="dc-half" for="{{ register_form.birthdate.id_for_label }}">Geburtsdatum:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.birthdate }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.gender.errors }}
<label class="dc-half" for="{{ register_form.gender.id_for_label }}">Geschlecht:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.gender }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.food.errors }}
<label class="dc-half" for="{{ register_form.food.id_for_label }}">Essenswunsch:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.food }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.music.errors }}
<label class="dc-half" for="{{ register_form.music.id_for_label }}">Musikinstrument dabei?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.music }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.cake.errors }}
<label class="dc-half" for="{{ register_form.cake.id_for_label }}">Kuchen mitbringen?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.cake }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.publish_address.errors }}
<label class="dc-half" for="{{ register_form.publish_address.id_for_label }}">Adresse für alle Teilnehmer veröffentlichen?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.publish_address }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.publish_phone.errors }}
<label class="dc-half" for="{{ register_form.publish_phone.id_for_label }}">Telefonnummer für alle Teilnehmer veröffentlichen?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.publish_phone }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.info.errors }}
<label class="dc-half" for="{{ register_form.info.id_for_label }}">Wie hast du von der Tagung erfahren?</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.info }}</div></div>
<div class="dc-container dc-padding-top">
{{ register_form.message.errors }}
<label class="dc-half" for="{{ register_form.message.id_for_label }}">Weitere Nachrichten an uns:</label>
<div style="padding-bottom:7px" class="dc-half">{{register_form.message }}</div></div>
<input style="width:100%" class="dc-padding-small dc-border-small dc-button dc-border-white" type="submit" value="Senden">
</form>
</div>
<div class="dc-padding ">
<h2 class="dc-large dc-text-white dc-center">Hinweise</h2>
<ol class="dc-medium">
<li></li>
</ol>
</div>
</div>
</section>
{% endblock content %}