Rework UI to have vertical menus

4 files changed, 16 insertions, 13 deletions

diff --git a/templates/identity/_identity_menu.html b/templates/identity/_menu.html
index fff70cb..fff70cb 100644
--- a/templates/identity/_identity_menu.html
+++ b/templates/identity/_menu.html
diff --git a/templates/identity/base.html b/templates/identity/base.html
new file mode 100644
index 0000000..baff37f
--- /dev/null
+++ b/templates/identity/base.html
@@ -0,0 +1,7 @@
+{% extends "base.html" %}
+
+{% block title %}{% block subtitle %}{% endblock %} - Settings{% endblock %}
+
+{% block right_content %}
+    {% include "identity/_menu.html" %}
+{% endblock %}
diff --git a/templates/identity/create.html b/templates/identity/create.html
index c69b55f..fbdd66c 100644
--- a/templates/identity/create.html
+++ b/templates/identity/create.html
@@ -1,17 +1,19 @@
-{% extends "base.html" %}
+{% extends "identity/base.html" %}
 
 {% block title %}Create Identity{% endblock %}
 
 {% block content %}
-    {% include "identity/_identity_menu.html" %}
     <form action="." method="POST">
         <h1>Create New Identity</h1>
         <p>You can have multiple identities - they are totally separate, and share
         nothing apart from your login details. Use them for alternates, projects, and more.</p>
         {% csrf_token %}
-        {% for field in form %}
-            {% include "forms/_field.html" %}
-        {% endfor %}
+        <fieldset>
+            <legend>Identity Details</legend>
+            {% include "forms/_field.html" with field=form.username %}
+            {% include "forms/_field.html" with field=form.domain %}
+            {% include "forms/_field.html" with field=form.name %}
+        </fieldset>
         <div class="buttons">
             <button>Create</button>
         </div>
diff --git a/templates/identity/select.html b/templates/identity/select.html
index d9959ab..c4fb569 100644
--- a/templates/identity/select.html
+++ b/templates/identity/select.html
@@ -1,18 +1,12 @@
-{% extends "base.html" %}
-{% load static %}
+{% extends "identity/base.html" %}
 
 {% block title %}Select Identity{% endblock %}
 
 {% block content %}
-    {% include "identity/_identity_menu.html" %}
     <section class="icon-menu">
         {% for identity in identities %}
             <a class="option" href="{{ identity.urls.activate }}">
-                {% if identity.icon_uri %}
-                    <img src="{{ identity.icon_uri }}">
-                {% else %}
-                    <img src="{% static "img/unknown-icon-128.png" %}">
-                {% endif %}
+                <img src="{{ identity.local_icon_url }}">
                 <span class="handle">
                     {{ identity.name_or_handle }}
                     <small>@{{ identity.handle }}</small>