Add QR code for wifi on index page, some responsive design fixes

This commit is contained in:
Ana Custura 2026-02-17 15:05:59 +00:00
parent 3829abaa03
commit 60d060e907
8 changed files with 57 additions and 16 deletions

View file

@ -2,7 +2,8 @@
{% block content %}
<h1 class="title is-large butter-title">Hi, welcome to the {{get_setting('butterbox_name')}}.</h1>
<p class="subtitle butter-title"> View and download the information you want from this offline box.</p>
<p class="subtitle butter-title"> View and download the information you want from this offline box.</p>
<div class="grid">
{% for service in services %}
<a class="cell button is-large is-responsive butter-service" href={{ service.url }}>
@ -11,7 +12,14 @@
</div>
</a>
{% endfor %}
</div>
</hr>
{% if display_wifi_password %}
<div class="block" style="align-content: center; text-align: center;">
<p>Connect to this box with wifi:
<img class="image is-128x128" style="margin: 0 auto" src="{{ url_for('static', filename='images/wifi_qr_code.png') }}">
</p>
</div>
{% endif %}
{% endblock %}