1
0
mirror of https://github.com/binary-kitchen/doorlockd synced 2024-12-22 10:24:26 +01:00

doorlockd: templated: improve layout

Signed-off-by: Ralf Ramsauer <ralf@binary-kitchen.de>
This commit is contained in:
Ralf Ramsauer 2018-09-10 01:02:29 +02:00
parent 0b91b84180
commit 3dc71db095
2 changed files with 44 additions and 7 deletions

View File

@ -36,12 +36,48 @@
{% block content %} {% block content %}
<h1 class="text-center display-4">Willkommen in der Binary Kitchen!</h1> <h1 class="text-center display-4">Willkommen in der Binary Kitchen!</h1>
<div class="row"> <div class="row">
<div class="col-md-3 text-center"> <div class="col">
<img id="led" src=""> <div class="text-center">
<div class="h2" id="message"></div> <img id="led" src="">
<div class="h2" id="message"></div>
</div>
<hr>
<div>
<h4 class="text">Kontakt</h4>
<table class="table-sm">
<thead>
<tr>
<th scope="col">Raum</th>
<th scope="col">Telefonnummer</th>
</tr>
</thead>
<tbody>
<tr>
<td>Hauptraum</td>
<td>0941 - ...</td>
</tr>
<tr>
<td>Kellergeschoss</td>
<td>0941 - ...</td>
</tr>
<tr>
<td>Werkstatt</td>
<td>0941 - ...</td>
</tr>
</tbody>
</table>
<hr>
Keine App? Kein Problem! WiFi anschalten und https://lock.binary.kitchen besuchen.
</div>
</div> </div>
<div class="col-md-8"> <div class="col-6">
<img src="static/token.svg" height="400"> <a class="twitter-grid" data-partner="tweetdeck" href="https://twitter.com/binary_kitchen/timelines/1038927503446949888?ref_src=twsrc%5Etfw">gallery</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col text-center">
<img src="static/token.svg" height="300">
<img width=175 src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png'/>
<img width=175 src='https://fdroid.gitlab.io/artwork/badge/get-it-on.png' />
</div> </div>
</div> </div>
{{ super() }} {{ super() }}

View File

@ -9,8 +9,9 @@
</head> </head>
<body> <body>
{% block content %}{%- endblock content %} {% block content %}{%- endblock content %}
<br><br><br> <div class="footer-copyright text-center py-3 small">
<footer>Ralf Ramsauer &copy; 2018 Binary Kitchen e.V.</footer> Ralf Ramsauer &copy; 2018 Binary Kitchen e.V.
</div>
{% block scripts %}{%- endblock scripts %} {% block scripts %}{%- endblock scripts %}
</body> </body>
</html> </html>