Update and expand roles page (#309)

* Update and expand roles page

* Fixes

src/md-pages/roles.md

@@ -1,27 +1,37 @@
-<style>
-ol {
-  list-style-type: lower-alpha;
-}
-</style>
+# Experience roles
+
+We have self-selectable roles indicating experience, intended to help our members better understand who they're speaking with. Please don't use these for jokes.
+
+- <span style="color: #3498db">█ Student</span>
+- <span style="color: #00a4be">█ Junior</span>
+- <span style="color: #00a69c">█ Mid-level</span>
+- <span style="color: #00a473">█ Senior</span>
+- <span style="color: #43a047">█ Staff+</span>
+- <span style="color: #689a51">█ Tech Lead</span>
+- <span style="color: #85923c">█ Manager</span>
+
+# Participation rewards
 
 We have certain expectations for how members of the communities who have been distinguished with roles behave in the server. If you feel these expectations are not being met, Reactiflux staff would appreciate you reaching out. You can find information about how to do so on our [contact page](/contact).
 
-## Star Helpers
+## <span style="color: #e74c3c">█ Admins</span>
 
-Every quarter, we review the participation in the server for our most active, most selfless members offering their knowledge to folks asking for help. These members are all outstanding developers who have earned a rare achievement; of the thousands of active posters in Reactiflux, we recognize between 15 and 30 Star Helpers per quarter, and only around 40 per year.
+Our staff, (moderators and admins) share responsibility for day-to-day operation of the server, as members who have earned trust over years to safeguard Reactiflux. Our admins are selected from moderators who have gone above and beyond keeping the community operating, completing a project that expanded what the community is. These might a community program like an event series, or a technical project like a bot or major website contribution.
 
-## MVPs
+## <span style="color: #e67e22">█ Moderators</span>
 
-MVPs are members who made an early impact in the server, without them the server would not be what it is.
+Our moderators are tasked with keeping the server on the right course. They're our trusted stewards of server culture who enforce the code of conduct and oversee server governance. We select these from Star Helpers who have demonstrated a consistently even keel and a history of defusing unhealthy conflicts.
 
-### MVP Emeritus
+## <span style="color: #f1c40f">█ Star Helpers</span>
 
-These people were added to the MVP role before we formalized a process for how it would be applied.
+Every quarter, we review the participation in the server for our most active, most selfless members offering their knowledge to folks asking for help. These members are all outstanding developers who have earned a rare achievement; of the thousands of active posters in Reactiflux, we recognize between 15 and 30 Star Helpers per quarter, and only around 40 per year.
 
-## Moderators
+We evaluate by a combination of quantitative factors (message count and channels participated in) and qualitative factors (manual review by a human of members who cross the quantitative threshold). As trusted, highly engaged members of the community, these members are granted limited moderation access to delete messages and timeout members. Any action they take is tracked and reviewed by admins and moderators.
 
-Our moderators are tasked with keeping the server on the right course. They're our trusted stewards of server culture, trusted to enforce the code of conduct and oversee server governance.
+## <span style="color: #9b59b6">█ MVPs</span>
 
-## Admins
+MVPs are members who made an early impact in the server, without them the server would not be what it is.
 
-Our staff, (moderators and admins) share responsibility for day-to-day operation of the server, as members who have earned trust over years to safeguard Reactiflux. Our admins are those who have gone above and beyond keeping the community operating, completing a project that expanded what the community is.
+### <span style="color: #b182cf">█ MVP Emeritus</span>
+
+These people were added to the MVP role before we formalized a process for how it would be applied.