ui: nice layout #18

Manually merged
johannes merged 13 commits from ui/enhance-layout into main 2023-07-10 11:37:13 +00:00
2 changed files with 34 additions and 17 deletions
Showing only changes of commit 57dbd0041e - Show all commits

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>