:: members section looked like trash.

assets/css/global.css

@@ -1,3 +1,4 @@
+/* I know everything looks absolutely trash :3 */
 #top {
     margin-top: 2vw;
     margin-left: 15vw;
@@ -11,6 +12,13 @@
     font-family: "Jetbrains Mono";
     src: url(/assets/ttf/JBM.ttf);
 }
+.user-display {
+}
+.prefix {
+    display: inline;
+    margin-right: 5px;
+    font-size: 12px;
+}
 :root {
     --text-color: #8941ad;
     --term-color: #4af626;
@@ -33,9 +41,6 @@ hr {
     color: var(--term-color);
 }
 
-/*
-    CSS styling for guestbook
-*/
 #entries {
     align-items: center;
     gap: 10px;
@@ -91,10 +96,6 @@ label {
     float: left;
 }
 
-/*
-    CSS styling for services page.
-*/
-
 :root {
     --sin-padding: 5px;
 }

templates/macros.html.tera

@@ -8,3 +8,13 @@
     <p class="service-description">{{description}}</p>
 </div>
 {% endmacro service %}
+{% macro user_display(username, role=0) %}
+    {% if role == 0 %}
+        {% set_global prefix = "<p class='prefix' style='color:gray;'>member</p>" %}
+    {% elif role == 1 %}
+        {% set_global prefix = "<p class='prefix' style='color:pink;'>friend</p>" %}
+    {% elif role == 2 %}
+        {% set_global prefix = "<p class='prefix' style='color:red;'>admin</p>" %}
+    {% endif %}
+    <li class="user-display">{{prefix | safe}}<a href="/assets/pgp/{{username}}.txt">{{username}}</a></li>
+{% endmacro user_display %}

templates/members.html.tera

@@ -1,9 +1,12 @@
+{% import "macros" as macros %}
 {% extends "base" %}
 {% block title %}members{% endblock title %}
 {% block content %}
-Make sure to verify our PGP keys when communicating with us.
+These are currently members of iwakura.rip, participating in some form.
 <ul>
-  <li><a href="/assets/pgp/andre.txt">andre</a></li>
-  <li><a href="/assets/pgp/hex.txt">hex</a></li>
+    {{macros::user_display(username="hex", role=2)}}
+    {{macros::user_display(username="andre", role=1)}}
+    {{macros::user_display(username="grng", role=1)}}
 </ul>
+If communicating with any of our members, please encrypt your message against their pgp key, if they have one.
 {% endblock content %}