help: Add all footer links to about page

Fixes: #2464.

- This page will act as replacement for the footer links in the home page.

- Remove link to FreedomBox Foundation and add link to Weblate project. We
already have a donate link to the foundation website.

Tests:

- About page is shown as expected. Old 'Learn more' button is no more. So is the
last paragraph.

- Styling is as expected. All the section have equal width.

- All links work.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>

plinth/modules/help/templates/help_about.html

@@ -80,16 +80,59 @@
     {% endblocktrans %}
   </p>
 
-  <p>
+  <div class="row help-about-links">
-    {% blocktrans trimmed %}
+    <section class="col">
-      For more information about the {{ box_name }} project, see the
+      <h2>{% trans "Learn" %}</h2>
-      <a href="https://wiki.debian.org/FreedomBox">{{ box_name }}
+      <ul>
-      Wiki</a>.
+        <li>
-    {% endblocktrans %}
+          <a href="https://freedombox.org">{% trans "Homepage" %}</a>
-  </p>
+        </li>
-
+        <li>
-  <p><a class="btn btn-primary"
+          <a href="https://wiki.debian.org/FreedomBox/Manual">
-        href="https://wiki.debian.org/FreedomBox"
+            {% trans "Manual" context "User guide"%}
-        target="_blank">{% trans "Learn more" %}</a></p>
+          </a>
+        </li>
+        <li>
+          <a href="https://wiki.debian.org/FreedomBox">{% trans "Wiki" %}</a>
+        </li>
+      </ul>
+    </section>
+    <section class="col">
+      <h2>{% trans "Contribute" %}</h2>
+      <ul>
+        <li>
+          <a href="https://freedomboxfoundation.org/donate/">{% trans "Donate" %}</a>
+        </li>
+        <li>
+          <a href="https://salsa.debian.org/freedombox-team/">{% trans "Join project" %}</a>
+        </li>
+        <li>
+          <a href="https://hosted.weblate.org/projects/freedombox/">
+            {% trans "Translate" %}
+          </a>
+        </li>
+      </ul>
+    </section>
+    <section class="col">
+      <h2>{% trans "Support" %}</h2>
+      <ul>
+        <li>
+          <a href="https://discuss.freedombox.org/">
+            {%trans "Forum" %}
+          </a>
+        </li>
+        <li>
+          <a href="https://webchat.oftc.net/?randomnick=1&channels=freedombox&prompt=1">
+            {%trans "IRC Chatroom" %}
+          </a>
+        </li>
+        <li>
+          <a href="https://lists.alioth.debian.org/mailman/listinfo/freedombox-discuss">
+            {% trans "Mailing list" %}
+          </a>
+        </li>
+      </ul>
+    </section>
+  </div>
 
 {% endblock %}

static/themes/default/css/main.css

@@ -879,7 +879,10 @@ input[type='submit'].running-status-button {
     }
 }
 
-/* Help manual - anchor is below navbar */
+/*
+ * Help
+ */
+/* Manual - anchor is below navbar */
 *[id^='idm']:before {
     display: block;
     content: " ";
@@ -888,6 +891,16 @@ input[type='submit'].running-status-button {
     visibility: hidden;
 }
 
+.help-about-links h2 {
+    font-size: 1rem;
+    font-weight: bold;
+}
+
+.help-about-links ul {
+    list-style: none;
+    padding: 0;
+}
+
 /*
  * Notifications
  */