From 6084b95a6515d75da56cccf913e082d5ffc539de Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Thu, 24 Oct 2024 18:17:53 -0700
Subject: [PATCH] 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 | 65 +++++++++++++++----
 static/themes/default/css/main.css            | 15 ++++-
 2 files changed, 68 insertions(+), 12 deletions(-)

diff --git a/plinth/modules/help/templates/help_about.html b/plinth/modules/help/templates/help_about.html
index 155fef351..371e71842 100644
--- a/plinth/modules/help/templates/help_about.html
+++ b/plinth/modules/help/templates/help_about.html
@@ -80,16 +80,59 @@
     {% endblocktrans %}
   </p>
 
-  <p>
-    {% blocktrans trimmed %}
-      For more information about the {{ box_name }} project, see the
-      <a href="https://wiki.debian.org/FreedomBox">{{ box_name }}
-      Wiki</a>.
-    {% endblocktrans %}
-  </p>
-
-  <p><a class="btn btn-primary"
-        href="https://wiki.debian.org/FreedomBox"
-        target="_blank">{% trans "Learn more" %}</a></p>
+  <div class="row help-about-links">
+    <section class="col">
+      <h2>{% trans "Learn" %}</h2>
+      <ul>
+        <li>
+          <a href="https://freedombox.org">{% trans "Homepage" %}</a>
+        </li>
+        <li>
+          <a href="https://wiki.debian.org/FreedomBox/Manual">
+            {% trans "Manual" context "User guide"%}
+          </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 %}
diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css
index c834bd80c..a2496b9a4 100644
--- a/static/themes/default/css/main.css
+++ b/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
  */