base: Simplify markup of the footer

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

diff --git a/src/templates/base.html b/src/templates/base.html
index 95c38696f1a59df7a6aac0c5bd8f509df3043656..ebf7de63719aa60b300f4eaed4ac938ad224c4c3 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -217,85 +217,96 @@
                {% end block %}
 
                {% block footer %}
-                       <footer>
-                               <div class="content">
-                                       <div class="container">
-                                               <hr>
-                                               <div class="columns">
-                                                       <div class="column is-two-fifths">
-                                                               <section class="section">
-                                                                       <p class="is-size-4">
-                                                                               <span class="has-text-weight-bold">IPFire</span><span class="has-text-primary has-text-weight-bold">_</span>People
-                                                                       </p>
-
-                                                                       <p>
-                                                                               Join the community and sign up for our newsletter
-                                                                       </p>
-
-                                                                       <a class="button is-primary is-outlined is-medium
-                                                                                       has-text-black has-text-weight-bold" href="/register">
-                                                                               JOIN NOW
+                       <footer class="footer">
+                               <div class="container">
+                                       <div class="columns">
+                                               <div class="column is-two-fifths">
+                                                       <p class="is-size-4">
+                                                               <span class="has-text-weight-bold">IPFire</span><span class="has-text-primary has-text-weight-bold">_</span>People
+                                                       </p>
+
+                                                       <p>
+                                                               Join the community and sign up for our newsletter
+                                                       </p>
+
+                                                       <a class="button is-primary is-outlined is-medium
+                                                                       has-text-black has-text-weight-bold" href="/register">
+                                                               JOIN NOW
+                                                       </a>
+                                               </div>
+
+                                               <div class="column is-one-fifth">
+                                                       <ul>
+                                                               <li>
+                                                                       <a href="/about">
+                                                                               {{ _("About") }}
                                                                        </a>
-                                                               </section>
-                                                       </div>
-                                                       <section class="section">
-                                                               <div class="column is-one-fifth">
-                                                                               <button class="button is-ghost">
-                                                                                               <a href="/about"><span class="is-underlined">{{ _("About") }}</span></a>
-                                                                               </button>
-                                                                               <br>
-                                                                               <button class="button is-ghost">
-                                                                                               <a  href="https://wiki.ipfire.org"><span class="is-underlined">{{ _("Wiki") }}</span></a>
-                                                                               </button>
-                                                                               <br>
-                                                                               <button class="button is-ghost">
-                                                                                               <a  href="/help"><span class="is-underlined">{{ _("Help") }}</span></a>
-                                                                               </button>
-                                                                               <br>
-                                                                               <button class="button is-ghost">
-                                                                                               <a  href="https://wiki.ipfire.org/devel"><span class="is-underlined">{{ _("Development") }}</span></a>
-                                                                               </button>
-                                                               </div>
-                                                       </section>
-                                                       <section class="section">
-                                                               <div class="column is-one-fifth">
-                                                                       <button class="button is-ghost">
-                                                                               <a href="/download"><span class="is-underlined">{{ _("Download") }}</span></a>
-                                                                       </button>
-                                                                       <br>
-                                                                       <button class="button is-ghost">
-                                                                               <a href="/blog"><span class="is-underlined">{{ _("Blog") }}</span></a>
-                                                                       </button>
-                                                                       <br>
-                                                                       <button class="button is-ghost">
-                                                                               <a href="https://community.ipfire.org/"><span class="is-underlined">{{ _("Community") }}</span></a>
-                                                                       </button>
-                                                                       <br>
-                                                                       <button class="button is-ghost">
-                                                                               <a href="/legal"><span class="is-underlined">{{ _("Legal") }}</span></a>
-                                                                       </button>
-                                                               </div>
-                                                       </section>
-                                                       <section class="section">
-                                                               <div class="column is-one-fifth">
+                                                               </li>
+                                                               <li>
+                                                                       <a href="https://wiki.ipfire.org">
+                                                                               {{ _("Wiki") }}
+                                                                       </a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="/help">
+                                                                               {{ _("Help") }}
+                                                                       </a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="https://wiki.ipfire.org/devel">
+                                                                               {{ _("Development") }}
+                                                                       </a>
+                                                               </li>
+                                                       </ul>
+                                               </div>
 
-                                                                       <button class="button is-ghost">
-                                                                               <a  href="https://twitter.com/ipfire"><span class="is-underlined">{{ _("Twitter") }}</span></a>
-                                                                       </button>
-                                                                       <br>
-                                                                       <button class="button is-ghost">
-                                                                               <a  href="https://de.linkedin.com/company/ipfire"><span class="is-underlined">{{ _("LinkedIn") }}</span></a>
-                                                                       </button>
-                                                                       <br>
-                                                                       <button class="button is-primary is-medium" href="https://www.ipfire.org/donate">
-                                                                               <p class="has-text-centered has-text-weight-bold is-uppercase">
-                                                                                       {{ _("Donate") }}
-                                                                               </p>
-                                                                       </button>
+                                               <div class="column is-one-fifth">
+                                                       <ul>
+                                                               <li>
+                                                                       <a href="/download">
+                                                                               {{ _("Download") }}
+                                                                       </a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="/blog">
+                                                                               {{ _("Blog") }}
+                                                                       </a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="https://community.ipfire.org/">
+                                                                               {{ _("Community") }}
+                                                                       </a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="/legal">
+                                                                               {{ _("Legal") }}
+                                                                       </a>
+                                                               </li>
+                                                       </ul>
+                                               </div>
 
+                                               <div class="column is-one-fifth">
+                                                       <div class="block">
+                                                               <button class="button is-primary is-fullwidth is-medium"
+                                                                               href="https://www.ipfire.org/donate">
+                                                                       {{ _("DONATE") }}
+                                                               </button>
+                                                       </div>
+
+                                                       <div class="block">
+                                                               <div class="level">
+                                                                       <div class="level-item">
+                                                                               <a href="https://twitter.com/ipfire">
+                                                                                       {{ _("Twitter") }}
+                                                                               </a>
+                                                                       </div>
+                                                                       <div class="level-item">
+                                                                               <a href="https://linkedin.com/company/ipfire">
+                                                                                       {{ _("LinkedIn") }}
+                                                                               </a>
+                                                                       </dif>
                                                                </div>
                                                        </div>
-                                                       </section>
                                                </div>
                                        </div>
                                </div>