Add percentage of subscribers compared to the highest-subscribed group.

source/scss/common.scss

@@ -65,3 +65,7 @@ details {
 .underline {
   text-decoration: underline;
 }
+
+.small {
+  font-size: 1rem;
+}

source/templates/index.html

@@ -44,7 +44,11 @@
           <td>
             <a href="/{{ group.name }}">{{ group.name }}</a>
           </td>
-          <td>{{ group.subscribers }}</td>
+          <td>
+            {{ group.subscribers }}&nbsp;<span class="small"
+              title="Percentage of subscribers compared to the highest-subscribed group."
+            >({{ group.subscribers|percentage(user_count) }})</span>
+          </td>
           <td>
             {% if let Some(description) = group.description %}
             {{ description }}

source/templates/mod.rs

@@ -40,7 +40,7 @@ pub struct HomeTemplate {
   pub today: NaiveDate,
 
   /// The user count from the group with the most subscribers.
-  pub user_count: String,
+  pub user_count: i64,
 }
 
 impl HomeTemplate {
@@ -59,9 +59,7 @@ impl HomeTemplate {
       groups,
       page_title: "Tildes Statistics".to_string(),
       today: today(),
-      user_count: user_count
+      user_count: user_count.unwrap_or(1),
-        .map(|n| n.to_string())
-        .unwrap_or_else(|| "unknown".to_string()),
     }
   }
 
@@ -128,3 +126,10 @@ impl GroupTemplate {
     Ok(())
   }
 }
+
+mod filters {
+  pub fn percentage(a: &i64, b: &i64) -> askama::Result<String> {
+    let percentage = (*a as f64 / *b as f64) * 100_f64;
+    Ok(format!("{:.2}%", percentage))
+  }
+}