Onkel-Werner-Freizeiten/CampOrganizer2
1
1
Fork 0
Code Issues 8 Pull Requests Packages Projects Releases Wiki Activity

https://gitlab.com/jottyfan/camporganizer2/-/issues/24

Browse Source
This commit is contained in:
Jottyfan
2022-11-05 21:50:54 +01:00
parent f8521095f7
commit e223118a75
6 changed files with 282 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/main/resources/static/css/style.css
View File

@ -47,6 +47,10 @@ div {
font-family: 'Fira Sans';
}
.cabin {
font-family: 'Cabin Sketch' !important;
}
.headlinefont {
font-family: 'Cabin Sketch' !important;
font-size: xx-large;
@ -101,6 +105,20 @@ div {
right: 40vw;
}
.centered {
text-align: center;
}
.centered-card {
margin-left: auto;
margin-right: auto;
}
.rowdist {
margin-top: 8px;
margin-bottom: 8px;
}
.myheadline {
margin: 8px;
}

92
src/main/resources/templates/registration.html Normal file
View File

@ -0,0 +1,92 @@
<!DOCTYPE html>
<html th:replace="~{template :: layout(~{::title}, ~{::libs}, ~{::header}, ~{::content})}" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
<title>Camp Organizer 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<libs></libs>
</head>
<body>
<header>
<a th:href="@{/}" class="btn btn-secondary btn-icon-silent" target="_blank" title="Startseite laden"><i class="fas fa-home"></i></a>
</header>
<content>
<div class="mainpage">
<h1 class="centered cabin">Anmeldung</h1>
<h3 class="centered cabin" th:text="'zur ' + ${camp.name} + ' ' + ${camp.year}"></h3>
<div class="card centered-card" style="max-width: 48rem">
<div class="card-body">
<form action="#" method="post">
<div class="container">
<div class="row">
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Vorname" />
</div>
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Nachname" />
</div>
</div>
<div class="row">
<div class="col-sm-6 rowdist">
<select class="form-select">
<option value="">Geschlecht</option>
<option value="female">weiblich</option>
<option value="male">männlich</option>
</select>
</div>
<div class="col-sm-6 rowdist">
<input type="date" class="form-control" placeholder="Geburtsdatum" />
</div>
</div>
<div class="row">
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Straße und Hausnummer" />
</div>
<div class="col-sm-2 rowdist">
<input type="text" class="form-control" placeholder="PLZ" />
</div>
<div class="col-sm-4 rowdist">
<input type="text" class="form-control" placeholder="Ort" />
</div>
</div>
<div class="row">
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="E-Mail" />
</div>
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Telefonnummer" />
</div>
</div>
<div class="row">
<div class="col-sm-12 rowdist">
<textarea class="form-control" placeholder="Sonstiges"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-12 rowdist">
<div class="form-check" title="Die Anmeldedaten können in den Kontoeinstellungen bearbeitet und für die nächsten Freizeitanmeldungen verwendet werden.">
<input id="save" type="checkbox" class="form-check-input" checked="checked" onchange="$('#createlogin').toggle();" />
<label class="form-check-label" for="save">Anmeldedaten speichern</label>
</div>
</div>
</div>
<div id="createlogin" class="row">
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Login" />
</div>
<div class="col-sm-6 rowdist">
<input type="password" class="form-control" placeholder="Passwort" />
</div>
</div>
<div class="row">
<div class="col-sm-12 rowdist centered">
<input type="submit" class="btn btn-outline-secondary" value="jetzt anmelden" />
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</content>
</body>
</html>