More gui

templates/base.html

@@ -6,10 +6,21 @@
     <meta name="description" content="Pastable">
     <title>{% block title %}Pastable{% endblock %}</title>
     <link rel="stylesheet" href="/static/app.css">
+    {% block head %}{% endblock %}
 </head>
 <body>
-    <header>
-        <a href="/">Pastable</a>
+    <header class="site-header">
+        <a class="brand" href="/" aria-label="Pastable home">
+            <svg width="30" height="34" viewBox="0 0 30 34" fill="none" aria-hidden="true">
+                <rect x="2" y="2" width="26" height="30" rx="6" fill="currentColor"/>
+                <path d="M9 11h12M9 17h12M9 23h7" stroke="white" stroke-width="2" stroke-linecap="round"/>
+            </svg>
+            <span>Pastable</span>
+        </a>
+        <nav aria-label="Main navigation">
+            <a href="/" {% block home_nav %}{% endblock %}>Documentation</a>
+            <a href="/gui" {% block gui_nav %}{% endblock %}>Browser app <span aria-hidden="true">↗</span></a>
+        </nav>
     </header>
     <main>
         {% block content %}