Add theme-specific error page

3 files changed, 28 insertions, 1 deletions

diff --git a/themes/alps/assets/style.css b/themes/alps/assets/style.css
index 27d8463..e07f4e2 100644
--- a/themes/alps/assets/style.css
+++ b/themes/alps/assets/style.css
@@ -123,8 +123,19 @@ footer { text-align: right; }
 
 .actions { padding: 0.5rem; }
 
-.container { flex: 1 auto; display: flex; flex-direction: column; flex-wrap: nowrap; min-width: 0; }
+.container {
+  flex: 1 auto;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  min-width: 0;
+}
 
+.container.error {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 1rem 0;
+}
 
 aside { flex: 0 0 180px; }
 
diff --git a/themes/alps/error.html b/themes/alps/error.html
new file mode 100644
index 0000000..2e25f60
--- /dev/null
+++ b/themes/alps/error.html
@@ -0,0 +1,14 @@
+{{template "head.html" .}}
+
+<div class="page-wrap">
+  <div class="container error">
+    <h1>{{.Code}}: {{.Status}}</h1>
+    <p>
+      An error occured. You can try
+      <a href="/">returning to your inbox</a>,
+      or contact support.
+    </p>
+  </div>
+</div>
+
+{{template "foot.html"}}
diff --git a/themes/alps/nav.html b/themes/alps/nav.html
index d14a862..d7eee9c 100644
--- a/themes/alps/nav.html
+++ b/themes/alps/nav.html
@@ -22,10 +22,12 @@
       {{ end }}
     >Contacts</a>
     {{ end }}
+    {{ if .GlobalData.LoggedIn }}
     <div>
       <span>{{ .GlobalData.Username }}</span>
       <a href="/settings">Settings</a>
       <a href="/logout">Sign Out</a>
     </div>
+    {{ end }}
   </nav>
 </header>