diff --git a/peach-web/static/css/peachcloud.css b/peach-web/static/css/peachcloud.css
index 1b2e722..6961c42 100644
--- a/peach-web/static/css/peachcloud.css
+++ b/peach-web/static/css/peachcloud.css
@@ -206,6 +206,13 @@
margin-bottom: 1rem;
}
+.capsule-profile {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ padding-top: 1.5rem;
+ padding-bottom: 1rem;
+}
+
/*
* CARDS
*/
@@ -267,6 +274,7 @@
.circle {
align-items: center;
+ background: var(--light-gray);
border-radius: 50%;
box-shadow: var(--box-shadow-3);
display: flex;
@@ -427,6 +435,20 @@
justify-content: center;
}
+.profile-grid {
+ display: grid;
+ grid-template-columns: 1fr 2fr;
+ grid-template-rows: auto;
+ grid-gap: 10px;
+ align-items: center;
+ justify-content: center;
+ justify-items: center;
+ margin-right: 2rem;
+ margin-left: 2rem;
+ padding-top: 1.5rem;
+ padding-bottom: 1rem;
+}
+
.stack {
display: grid;
align-items: flex-end;
@@ -568,7 +590,7 @@
}
.icon-large {
- width: 3rem;
+ width: 5rem;
}
.icon-100 {
@@ -610,6 +632,12 @@
width: 100%;
}
+.message-input {
+ height: 7rem;
+ overflow: auto;
+ resize: vertical;
+}
+
.alert-input {
/* Needed to render inputs & buttons of equal width */
-moz-box-sizing: border-box;
@@ -645,6 +673,12 @@
display: block;
}
+.label-ellipsis {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: 10rem;
+}
+
.input-label {
margin-bottom: 0.4rem;
}
diff --git a/peach-web/static/icons/glyph.png b/peach-web/static/icons/glyph.png
deleted file mode 100644
index dac03ff..0000000
Binary files a/peach-web/static/icons/glyph.png and /dev/null differ
diff --git a/peach-web/static/icons/pencil.svg b/peach-web/static/icons/pencil.svg
new file mode 100755
index 0000000..fb618b1
--- /dev/null
+++ b/peach-web/static/icons/pencil.svg
@@ -0,0 +1,6 @@
+
+
+
+
diff --git a/peach-web/static/icons/user.svg b/peach-web/static/icons/user.svg
new file mode 100755
index 0000000..5931e5f
--- /dev/null
+++ b/peach-web/static/icons/user.svg
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/peach-web/templates/admin/configure_admin.html.tera b/peach-web/templates/admin/configure_admin.html.tera
index a9b5ed4..2d3435f 100644
--- a/peach-web/templates/admin/configure_admin.html.tera
+++ b/peach-web/templates/admin/configure_admin.html.tera
@@ -2,33 +2,29 @@
{%- block card %}
-
-
Current Admins
-
- {% if not ssb_admin_ids %}
-
- There are no currently configured admins.
-
- {% else %}
- {% for admin in ssb_admin_ids %}
-
-
-
- {% endfor %}
- {% endif %}
-
Add Admin
+
+
Current Admins
+ {% if not ssb_admin_ids %}
+
+ There are no currently configured admins.
-
-
-
- {% include "snippets/flash_message" %}
-
-
- {% include "snippets/noscript" %}
-
+ {% else %}
+ {% for admin in ssb_admin_ids %}
+
+
+
+ {% endfor %}
+ {% endif %}
+
Add Admin
+
+
+ {% include "snippets/flash_message" %}
+
+
+ {% include "snippets/noscript" %}
{%- endblock card -%}
diff --git a/peach-web/templates/device.html.tera b/peach-web/templates/device.html.tera
index 35556ca..9b31333 100644
--- a/peach-web/templates/device.html.tera
+++ b/peach-web/templates/device.html.tera
@@ -126,14 +126,7 @@
Uptime data unavailable
{%- endif %}
-
- {%- if flash_msg and flash_name == "success" -%}
-
-
{{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" -%}
-
-
{{ flash_msg }}.
- {%- endif %}
+ {% include "snippets/flash_message" %}
{%- endblock card %}
diff --git a/peach-web/templates/index.html.tera b/peach-web/templates/index.html.tera
index 212c26e..2532a98 100644
--- a/peach-web/templates/index.html.tera
+++ b/peach-web/templates/index.html.tera
@@ -13,7 +13,7 @@
-
+
diff --git a/peach-web/templates/login.html.tera b/peach-web/templates/login.html.tera
index 3e66791..072e5fb 100644
--- a/peach-web/templates/login.html.tera
+++ b/peach-web/templates/login.html.tera
@@ -14,17 +14,7 @@
-
- {% if flash_msg and flash_name == "success" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "info" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" %}
-
- {{ flash_msg }}.
- {%- endif -%}
+ {% include "snippets/flash_message" %}
Forgot Password?
diff --git a/peach-web/templates/messages.html.tera b/peach-web/templates/messages.html.tera
index 36f6fed..394f0b0 100644
--- a/peach-web/templates/messages.html.tera
+++ b/peach-web/templates/messages.html.tera
@@ -4,18 +4,9 @@
-
- {%- if flash_msg and flash_name == "success" %}
-
-
{{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" %}
-
-
{{ flash_msg }}.
- {%- endif %}
-
-
+ {% include "snippets/flash_message" %}
+
+ {% include "snippets/noscript" %}
{%- endblock card -%}
diff --git a/peach-web/templates/network_add.html.tera b/peach-web/templates/network_add.html.tera
index e73a5d2..aaa47ad 100644
--- a/peach-web/templates/network_add.html.tera
+++ b/peach-web/templates/network_add.html.tera
@@ -14,23 +14,9 @@
-
- {% if flash_msg and flash_name == "success" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "info" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" %}
-
- {{ flash_msg }}.
- {%- endif -%}
-
-
+ {% include "snippets/flash_message" %}
+
+ {% include "snippets/noscript" %}
diff --git a/peach-web/templates/network_card.html.tera b/peach-web/templates/network_card.html.tera
index 2fdf6fc..aac40c4 100644
--- a/peach-web/templates/network_card.html.tera
+++ b/peach-web/templates/network_card.html.tera
@@ -33,17 +33,7 @@
View Data Usage
-
- {%- if flash_msg and flash_name == "success" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "info" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" %}
-
- {{ flash_msg }}
- {%- endif %}
+ {% include "snippets/flash_message" %}
-
- {%- if flash_msg and flash_name == "success" %}
-
-
{{ flash_msg }}
- {%- elif flash_msg and flash_name == "info" %}
-
-
{{ flash_msg }}
- {%- elif flash_msg and flash_name == "error" %}
-
-
{{ flash_msg }}
- {%- endif %}
+ {% include "snippets/flash_message" %}
diff --git a/peach-web/templates/network_detail.html.tera b/peach-web/templates/network_detail.html.tera
index 89b8493..c58b5de 100644
--- a/peach-web/templates/network_detail.html.tera
+++ b/peach-web/templates/network_detail.html.tera
@@ -66,17 +66,7 @@
Cancel
-
- {%- if flash_msg and flash_name == "success" %}
-
-
{{ flash_msg }}
- {%- elif flash_msg and flash_name == "info" %}
-
-
{{ flash_msg }}
- {%- elif flash_msg and flash_name == "error" %}
-
-
{{ flash_msg }}
- {%- endif -%}
+ {% include "snippets/flash_message" %}
diff --git a/peach-web/templates/network_modify.html.tera b/peach-web/templates/network_modify.html.tera
index 4c9e5ef..3c9b18c 100644
--- a/peach-web/templates/network_modify.html.tera
+++ b/peach-web/templates/network_modify.html.tera
@@ -14,17 +14,7 @@
-
- {%- if flash_msg and flash_name == "success" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "info" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" %}
-
- {{ flash_msg }}.
- {%- endif -%}
+ {% include "snippets/flash_message" %}
diff --git a/peach-web/templates/network_usage.html.tera b/peach-web/templates/network_usage.html.tera
index db87620..2c0ac65 100644
--- a/peach-web/templates/network_usage.html.tera
+++ b/peach-web/templates/network_usage.html.tera
@@ -41,17 +41,7 @@
Cancel
-
- {% if flash_msg and flash_name == "success" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "info" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" %}
-
- {{ flash_msg }}.
- {%- endif -%}
+ {% include "snippets/flash_message" %}
{%- endblock card %}
diff --git a/peach-web/templates/password/change_password.html.tera b/peach-web/templates/password/change_password.html.tera
index 10a0195..f4414a6 100644
--- a/peach-web/templates/password/change_password.html.tera
+++ b/peach-web/templates/password/change_password.html.tera
@@ -2,35 +2,33 @@
{%- block card %}
-
diff --git a/peach-web/templates/password/forgot_password.html.tera b/peach-web/templates/password/forgot_password.html.tera
index fdf66f0..4cec989 100644
--- a/peach-web/templates/password/forgot_password.html.tera
+++ b/peach-web/templates/password/forgot_password.html.tera
@@ -2,25 +2,23 @@
{%- block card %}
+
+ Click the button below to send a new temporary password which can be used to change your device password.
+
+ The temporary password will be sent in an SSB private message to the admin of this device.
+
-
- Click the button below to send a new temporary password which can be used to change your device password.
-
- The temporary password will be sent in an SSB private message to the admin of this device.
-
+
-
-
-
- {% include "snippets/flash_message" %}
-
-
- {% include "snippets/noscript" %}
+
+ {% include "snippets/flash_message" %}
+
+ {% include "snippets/noscript" %}
diff --git a/peach-web/templates/password/reset_password.html.tera b/peach-web/templates/password/reset_password.html.tera
index 0d37b29..1e71905 100644
--- a/peach-web/templates/password/reset_password.html.tera
+++ b/peach-web/templates/password/reset_password.html.tera
@@ -2,35 +2,33 @@
{%- block card %}
diff --git a/peach-web/templates/peers.html.tera b/peach-web/templates/peers.html.tera
index 4624fd9..b78906f 100644
--- a/peach-web/templates/peers.html.tera
+++ b/peach-web/templates/peers.html.tera
@@ -3,19 +3,13 @@
-
-
- {%- if flash_msg and flash_name == "success" %}
-
-
{{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" %}
-
-
{{ flash_msg }}.
- {%- endif %}
-
-
+
+
{%- endblock card -%}
diff --git a/peach-web/templates/peers_list.html.tera b/peach-web/templates/peers_list.html.tera
new file mode 100644
index 0000000..2b61d78
--- /dev/null
+++ b/peach-web/templates/peers_list.html.tera
@@ -0,0 +1,16 @@
+{%- extends "nav" -%}
+{%- block card %}
+
+{%- endblock card -%}
diff --git a/peach-web/templates/profile.html.tera b/peach-web/templates/profile.html.tera
index 406c1ee..aac58f0 100644
--- a/peach-web/templates/profile.html.tera
+++ b/peach-web/templates/profile.html.tera
@@ -2,20 +2,31 @@
{%- block card %}
-
-
-
- {%- if flash_msg and flash_name == "success" %}
-
-
{{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" %}
-
-
{{ flash_msg }}.
- {%- endif %}
-
-
+
+
+
+
+
+
+
+
+
{ name }
+
+
{ description }
+
+
+
+
+
+ {% include "snippets/flash_message" %}
{%- endblock card -%}
diff --git a/peach-web/templates/settings.html.tera b/peach-web/templates/settings.html.tera
new file mode 100644
index 0000000..43253c8
--- /dev/null
+++ b/peach-web/templates/settings.html.tera
@@ -0,0 +1,14 @@
+{%- extends "nav" -%}
+{%- block card %}
+
+
+{%- endblock card -%}
diff --git a/peach-web/templates/shutdown.html.tera b/peach-web/templates/shutdown.html.tera
index f2c8c50..12b450c 100644
--- a/peach-web/templates/shutdown.html.tera
+++ b/peach-web/templates/shutdown.html.tera
@@ -10,20 +10,9 @@
Cancel
-
- {%- if flash_msg and flash_name == "success" %}
-
- {{ flash_msg }}.
- {%- elif flash_msg and flash_name == "error" %}
-
- {{ flash_msg }}.
- {%- endif %}
-
-
+ {% include "snippets/flash_message" %}
+
+ {% include "snippets/noscript" %}
diff --git a/peach-web/templates/ssb_settings.html.tera b/peach-web/templates/ssb_settings.html.tera
new file mode 100644
index 0000000..24587ae
--- /dev/null
+++ b/peach-web/templates/ssb_settings.html.tera
@@ -0,0 +1,20 @@
+{%- extends "nav" -%}
+{%- block card %}
+
+
+{%- endblock card -%}