working badges

nonpacks/static/css/style.css

@@ -359,6 +359,8 @@ body {
 .badge-deleted { background-color: var(--color-explicit); }
 .badge-unknown { background-color: var(--color-unknown); }
 .badge-custom { background-color: var(--color-custom); }
+.badge-staff { background-color: var(--md-sys-color-primary); }
+.badge-admin { background-color: var(--ctp-mocha-yellow); color: var(--ctp-mocha-crust); }
 .badge-custom-safe {
     background: linear-gradient(90deg, var(--color-custom) 0%, var(--color-safe) 100%);
 }

nonpacks/templates/profiles/profile.html

@@ -14,7 +14,13 @@
             {% endif %}
         </div>
         <div class="profile-info">
-            <h1>{{ profile_user.username }}</h1>
+            <h1>{{ profile_user.username }}
+                {% if profile_user.is_superuser %}
+                    <span class="badge badge-admin" title="Administrator"><i class="fas fa-crown"></i> Admin</span>
+                {% elif profile_user.is_staff %}
+                    <span class="badge badge-staff" title="Staff"><i class="fas fa-user-shield"></i> Staff</span>
+                {% endif %}
+            </h1>
             <p class="profile-joined"><i class="fas fa-calendar"></i> Joined {{ profile.joined|date:"F j, Y" }}</p>
             {% if can_impersonate %}
                 <form method="post" action="{% url 'profiles:impersonate_start' profile_user.pk %}" class="impersonate-form">

nonpacks/templates/profiles/users.html

@@ -24,7 +24,13 @@
                 {% endif %}
             </div>
             <div class="user-card-body">
-                <h3>{{ u.username }}</h3>
+                <h3>{{ u.username }}
+                    {% if u.is_superuser %}
+                        <span class="badge badge-admin" title="Administrator"><i class="fas fa-crown"></i> Admin</span>
+                    {% elif u.is_staff %}
+                        <span class="badge badge-staff" title="Staff"><i class="fas fa-user-shield"></i> Staff</span>
+                    {% endif %}
+                </h3>
                 <p class="user-card-meta"><i class="fas fa-calendar"></i> Joined {{ u.userprofile.joined|date:"M j, Y" }}</p>
                 <p class="user-card-meta"><i class="fas fa-box-open"></i> {{ u.projects.count }} pack{{ u.projects.count|pluralize }}</p>
             </div>