Adds breadcrumbs and navigation, moves QR code to its own page.

app/templates/share.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+
+{% block content %}
+    <h1 class="title is-large butter-title">Share access to {{get_setting('butterbox_name')}}.</h1>
+
+
+    {% if display_wifi_password %}
+    <div class="block" style="align-content: center; text-align: center;">
+        <p>Connect to WiFi name: "{{ get_setting('ssid') }}" with password: "{{ get_setting('wifi_password') }}". You can also use the following QR code to join:</p>
+        <img class="image is-256x256" style="margin: 0 auto" src="{{ url_for('static', filename='images/wifi_qr_code.png') }}">
+
+    </div>
+    {% else %}
+     <div class="block" style="align-content: center; text-align: center;">
+         <p>Your WiFi name is "{{ get_setting('ssid') }}". You will be able to join without a password.</p>
+          </div>
+    {% endif %}
+{% endblock %}