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

View file

@ -11,17 +11,30 @@
<title>{{block "title" .}}Start{{end}} Sprechstunden</title> <title>{{block "title" .}}Start{{end}} Sprechstunden</title>
</head> </head>
<body> <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}} {{block "content" .}}Du solltest dies nicht sehen.{{end}}
</div> </div>
<footer class="container"> <footer class="container">
<a href="/">Startseite</a><br> <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;">
<a href="/addOfficeHour">Sprechstunde anlegen</a><br> &COPY; <a class="text-body" href="https://mathebau.de/">Fachschaft Mathematik, TU Darmstadt</a>
<a href="/deleteOfficeHour">Sprechstunde löschen</a><br> <br />
<!-- NOTE: when updating this hard coded email adress, also update it in addMask.html --> <!-- 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> Technische Fragen an <a href="mailto:sprechstundentool@mathebau.de">sprechstundentool@mathebau.de</a>
Quellcode und Featurewünsche: <a href="https://gitea.mathebau.de/Fachschaft/sprechstunden-go">Gitea-Repository</a> <br />
Quellcode und Featurewünsche:&nbsp;<a href="https://gitea.mathebau.de/Fachschaft/sprechstunden-go">Gitea-Repository</a>
</div>
</footer> </footer>
<script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>