1 files changed, 74 insertions, 0 deletions
diff --git a/web/templates/list/browse.tmpl b/web/templates/list/browse.tmpl
new file mode 100644
index 0000000..9c2ea3f
--- /dev/null
+++ b/web/templates/list/browse.tmpl
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+{{template "head"}}
+<body>
+{{template "header" "browse"}}
+
+<div class="container mb-5">
+    <div class="row">
+        <div class="col-12">
+            <h1 class="first-header">Gentoo Mailing List Archives</h1>
+
+            <h2>Current Mailing Lists</h2>
+
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div class="list-group">
+                    {{range .CurrentMailingLists}}
+                        <a href="/{{.Name}}/" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
+                          <span>
+                            <span class="fa fa-fw fa-archive"></span>
+                            {{.Name}}
+                          </span>
+                          <h4 class="mb-0">
+                          <span class="badge badge-secondary badge-pill">{{.MessageCount}}</span>
+                          </h4>
+                        </a>
+                    {{end}}
+                </div>
+              </div>
+              <div class="col-12 col-md-6">
+                <div class="alert alert-info" role="alert">
+                  <strong>How to Participate</strong><br>
+                  Please see our <a href="https://www.gentoo.org/main/en/lists.xml" class="alert-link">Mailing List information page</a> for more information on
+                  how you can subscribe and participate in the discussions.
+                </div>
+              </div>
+            </div>
+
+            <h2 class="mt-5">Frozen Archives</h2>
+
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div class="list-group">
+                    {{range .FrozenArchives}}
+                        <a href="/{{.Name}}/" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
+                          <span>
+                              <span class="fa fa-fw fa-archive"></span>
+                              {{.Name}}
+                          </span>
+                          <h4 class="mb-0">
+                          <span class="badge badge-secondary badge-pill">{{.MessageCount}}</span>
+                          </h4>
+                        </a>
+                    {{end}}
+                </div>
+              </div>
+              <div class="col-12 col-md-6">
+                <div class="alert alert-warning" role="alert">
+                  <strong>Inactive Lists</strong><br>
+                  These mailing lists are inactive. You can not post or subscribe to them any more.
+                  Archives are provided for future reference.
+                </div>
+              </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+
+{{template "footer"}}
+
+</body>
+</html>