ui: improve layout and design of header and footer

and fix a bit on addOfficeHour page
This commit is contained in:
Johannes 2023-06-09 23:42:45 +02:00
parent 12f394a122
commit 57dbd0041e
2 changed files with 34 additions and 17 deletions

View file

@ -2,15 +2,17 @@
{{define "content"}}
<div class="alert alert-info">
Für die vorlesungsfreie Zeit müssen und können keine Sprechstunden gebucht werden.
Nutzt die offenen Arbeitsräume in dieser Zeit, wann immer ihr sie braucht.
<div class="col-md-10 offset-md-1">
<div class="alert alert-info">
Für die vorlesungsfreie Zeit müssen und können keine Sprechstunden gebucht werden.
Nutzt die offenen Arbeitsräume in dieser Zeit, wann immer ihr sie braucht.
</div>
{{range .Errors}}
<div class="alert alert-danger">
<strong>Fehler: </strong> {{.}}
</div>
{{end}}
</div>
{{range .Errors}}
<div class="alert alert-danger">
<strong>Fehler: </strong> {{.}}
</div>
{{end}}
<style>
input.required ~ label::after, select.required ~ label::after {
@ -129,11 +131,13 @@
</div>
<div class="form-floating mb-3">
<input class="form-control" name="info" id="info" type="text" value="{{.Info}}" placeholder="" required>
<input class="form-control" name="info" id="info" type="text" value="{{.Info}}" placeholder="">
<label for="info">Info</label>
</div>
<button class="btn btn-primary" type="submit">Sprechstunde erstellen</button>
<div class="text-center">
<button class="btn btn-primary" type="submit">Sprechstunde erstellen</button>
</div>
</form>
</div>
<div class="col-lg-4">

View file

@ -11,17 +11,30 @@
<title>{{block "title" .}}Start{{end}} Sprechstunden</title>
</head>
<body>
<div class="container">
<div class="container mt-3 mb-3">
<div class="col-md-8 offset-md-2 col-sm-10 offset-sm-1 bg-secondary bg-gradient p-3 mb-3 rounded" style="--bs-bg-opacity: .5;">
<h5 class="text-center m-1">Sprechstunden für Matheveranstaltungen an der TU Darmstadt</h5>
<p class="text-center mb-0">
<a href="/">Startseite</a>
&bullet;
<a href="/addOfficeHour">Sprechstunde anlegen</a>
&bull;
<a href="/deleteOfficeHour">Sprechstunde löschen</a>
</p>
</div>
{{block "content" .}}Du solltest dies nicht sehen.{{end}}
</div>
<footer class="container">
<a href="/">Startseite</a><br>
<a href="/addOfficeHour">Sprechstunde anlegen</a><br>
<a href="/deleteOfficeHour">Sprechstunde löschen</a><br>
<!-- NOTE: when updating this hard coded email adress, also update it in addMask.html -->
Technische Fragen an <a href="mailto:sprechstundentool@mathebau.de">sprechstundentool@mathebau.de</a><br>
Quellcode und Featurewünsche: <a href="https://gitea.mathebau.de/Fachschaft/sprechstunden-go">Gitea-Repository</a>
<div class="col-md-8 offset-md-2 col-sm-10 offset-sm-1 bg-secondary bg-gradient p-3 mb-3 rounded" style="--bs-bg-opacity: .5;">
&COPY; <a class="text-body" href="https://mathebau.de/">Fachschaft Mathematik, TU Darmstadt</a>
<br />
<!-- NOTE: when updating this hard coded email adress, also update it in addMask.html -->
Technische Fragen an <a href="mailto:sprechstundentool@mathebau.de">sprechstundentool@mathebau.de</a>
<br />
Quellcode und Featurewünsche:&nbsp;<a href="https://gitea.mathebau.de/Fachschaft/sprechstunden-go">Gitea-Repository</a>
</div>
</footer>
<script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>