location: Add all supported distributions to the install page

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

diff --git a/src/templates/location/install.html b/src/templates/location/install.html
index 5324179546b7a7889c9552a1089fd0c5ee8a75c5..31ed3abfcd52da03b40c696ae9b05baeb8378c32 100644 (file)
--- a/src/templates/location/install.html
+++ b/src/templates/location/install.html
@@ -3,7 +3,7 @@
 {% block title %}{{ _("Install IPFire Location") }}{% end block %}
 
 {% block container %}
-       <section class="hero is-primary">
+       <section class="hero is-light">
                <div class="hero-body">
                        <div class="container">
                                <nav class="breadcrumb" aria-label="breadcrumbs">
@@ -25,9 +25,56 @@
                                </nav>
 
                                <h1 class="title">{{ _("Install IPFire Location") }}</h1>
-                               <h6 class="subtitle">
-                                       Learn how to download and install <code>libloc</code>
-                               </h6>
+
+                               <div class="columns is-centered is-multiline py-5">
+                                       <div class="column is-one-third">
+                                               <a class="button is-large is-fullwidth is-light" href="/">
+                                                       {% module IPFireLogo() %}
+                                               </a>
+                                       </div>
+
+                                       <div class="column is-one-third">
+                                               <a class="button is-large is-fullwidth is-light" href="https://archlinux.org/packages/extra/x86_64/libloc/">
+                                                       <span class="icon">
+                                                               <i class="fa-brands fa-linux"></i>
+                                                       </span>
+                                                       <span>Archlinux (AUR)</span>
+                                               </a>
+                                       </div>
+
+                                       <div class="column is-one-third">
+                                               <a class="button is-large is-fullwidth is-light" href="https://packages.debian.org/source/stable/libloc">
+                                                       <span class="icon">
+                                                               <i class="fa-brands fa-debian"></i>
+                                                       </span>
+                                                       <span>Debian</span>
+                                               </a>
+                                       </div>
+
+                                       <div class="column is-one-third">
+                                               <a class="button is-large is-fullwidth is-light" href="https://packages.fedoraproject.org/pkgs/libloc/">
+                                                       <span class="icon">
+                                                               <i class="fa-brands fa-fedora"></i>
+                                                       </span>
+                                                       <span>Fedora</span>
+                                               </a>
+                                       </div>
+
+                                       <div class="column is-one-third">
+                                               <a class="button is-large is-fullwidth is-light" href="https://packages.ubuntu.com/source/stable/libloc">
+                                                       <span class="icon">
+                                                               <i class="fa-brands fa-ubuntu"></i>
+                                                       </span>
+                                                       <span>Ubuntu</span>
+                                               </a>
+                                       </div>
+                               </div>
+
+                               <h4 class="subtitle">
+                                       IPFire Location supports a variety of distributions.
+                                       Select your favorite one, install the packages and be ready
+                                       to use IPFire Location in seconds.
+                               </h4>
                        </div>
                </div>
        </section>
@@ -35,31 +82,23 @@
        <section class="hero">
                <div class="hero-body">
                        <div class="container">
-                               <div class="columns is-vcentered">
-                                       <div class="column">
-                                               <h2 class="title is-2">{{ _("Source") }}</h2>
+                               <h4 class="title is-4">{{ _("Source") }}</h4>
 
-                                               <div class="block">
-                                                       <p>
-                                                               Build <code>libloc</code>, the software that powers IPFire Location
-                                                               from source.
-                                                       </p>
-                                               </div>
-
-                                               <div class="buttons">
-                                                       <a class="button is-light" href="https://source.ipfire.org/releases/libloc/">
-                                                               {{ _("Download Source") }}
-                                                       </a>
+                               <div class="content">
+                                       <p>
+                                               If you want to review the source or if you want to compile
+                                               IPFire Location on your own, you can download the source here.
+                                       </p>
+                               </div>
 
-                                                       <a class="button is-light" href="https://git.ipfire.org/?p=location/libloc.git;a=summary">
-                                                               {{ _("Browse Source") }}
-                                                       </a>
-                                               </div>
-                                       </div>
+                               <div class="buttons">
+                                       <a class="button is-light" href="https://source.ipfire.org/releases/libloc/">
+                                               {{ _("Download") }}
+                                       </a>
 
-                                       <div class="column is-narrow">
-                                               <i class="fas fa-download fa-10x"></i>
-                                       </div>
+                                       <a class="button is-light" href="https://git.ipfire.org/?p=location/libloc.git;a=summary">
+                                               {{ _("Browse") }}
+                                       </a>
                                </div>
                        </div>
                </div>