about: Add a section about the team

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/about.html b/src/templates/about.html
index 3654829ec832e00986ba58da66b5075cffef66f5..4d6fd93cdf94fe243e0d78671bc2fda16063fa4d 100644 (file)
--- a/src/templates/about.html
+++ b/src/templates/about.html
@@ -72,4 +72,54 @@
                        </div>
                </section>
        </div>
+
+       <div class="container">
+               <section>
+                       <h3>{{ _("Meet The Team") }}</h3>
+
+                       {% set core_team = backend.groups.get_by_gid("core-team") %}
+
+                       <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 my-5">
+                               {% for account in sorted(core_team, key=lambda a: a.created_at) %}
+                                       <div class="col mb-4">
+                                               <div class="row justify-content-center mb-3">
+                                                       <div class="col-6 col-md-10">
+                                                               <img class="img-fluid rounded-circle"
+                                                                       src="{{ account.avatar_url(size=256) }}">
+                                                       </div>
+                                               </div>
+
+                                               <h5 class="text-center">{{ account }}</h5>
+
+                                               {% if account.description %}
+                                                       {% module Markdown(account.description) %}
+                                               {% end %}
+                                       </div>
+                               {% end %}
+                       </div>
+
+                       {% set team = [
+                               a for a in backend.groups.get_by_gid("contributors") if not a in core_team
+                       ] %}
+
+                       {% if team %}
+                               <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4">
+                                       {% for account in sorted(team, key=lambda a: a.created_at) %}
+                                               <div class="col mb-4">
+                                                       <div class="row align-items-center">
+                                                               <div class="col-2 col-md-3">
+                                                                       <img class="img-fluid rounded-circle"
+                                                                               src="{{ account.avatar_url(size=64) }}">
+                                                               </div>
+
+                                                               <div class="col">
+                                                                       <h6 class="mb-0">{{ account }}</h6>
+                                                               </div>
+                                                       </div>
+                                               </div>
+                                       {% end %}
+                               </div>
+                       {% end %}
+               </section>
+       </div>
 {% end block %}