Add flatpak/flathub to website

Author: tsterbak

public/download.html

@@ -133,6 +133,15 @@ <h2 class="subtitle">The OpenAndroidInstaller is available for download for diff
     </article>
     <div class="tile is-ancestor">
       <div class="tile is-6 is-vertical is-parent">
+        <a class="tile is-child box is-clickable" target="_blank" href="https://flathub.org/apps/org.openandroidinstaller.OpenAndroidInstaller">
+          <div class="icon-text title">
+            <span class="icon is-medium">
+              <i class="fab fa-linux" aria-hidden="true"></i>
+            </span>
+            <span>Flatpak</span>
+          </div>
+          <p>Get it from Flathub and install it easily on any Linux distribution.</p>
+        </a>
         <a class="tile is-child box is-clickable" target="_blank"
           href="https://github.com/openandroidinstaller-dev/openandroidinstaller/releases/download/v0.4.2-beta/openandroidinstaller-v0.4.2-beta-ubuntu-latest.zip">
           <div class="icon-text title">
@@ -155,15 +164,6 @@ <h2 class="subtitle">The OpenAndroidInstaller is available for download for diff
           <p>Build on Ubuntu 20.04.</p>
           <p>Click to download the zipped executable. You may need to give it execution permissions.</p>
         </a>
-        <a class="tile is-child box is-clickable" target="_blank" href="#">
-          <div class="icon-text title">
-            <span class="icon is-medium">
-              <i class="fab fa-linux" aria-hidden="true"></i>
-            </span>
-            <span>Flathub</span>
-          </div>
-          <p>Coming soon!</p>
-        </a>
       </div>
       <div class="tile is-vertical is-parent">
         <a class="tile is-child box" target="_blank"

public/index.html

@@ -261,10 +261,9 @@ <h2 class="mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-bold">Getting st
           </p>
           <h4>How to run the application:</h4>
           <ul>
-            <li><a href="https://openandroidinstaller.org/download.html">Download</a> the AppImage, .exe or appropriate
-              executable file for your OS. You might need to change
-              permissions to run the executable. (On Windows, also <a href="https://adb.clockworkmod.com/">install
-                the Universal USB Drivers</a> and other
+            <li><a href="https://openandroidinstaller.org/download.html">Download</a> the .exe, flatpak or appropriate
+              executable file for your OS. You might need to change permissions to run the executable.
+              (On Windows, also <a href="https://adb.clockworkmod.com/">install the Universal USB Drivers</a> and other
               potentially drivers needed for your device.)</li>
             <li>Start the desktop app and follow the instructions. You might need to allow or enable the execution
               of the software.</li>

templates/download.html

@@ -34,6 +34,15 @@ <h2 class="subtitle">The OpenAndroidInstaller is available for download for diff
     </article>
     <div class="tile is-ancestor">
       <div class="tile is-6 is-vertical is-parent">
+        <a class="tile is-child box is-clickable" target="_blank" href="https://flathub.org/apps/org.openandroidinstaller.OpenAndroidInstaller">
+          <div class="icon-text title">
+            <span class="icon is-medium">
+              <i class="fab fa-linux" aria-hidden="true"></i>
+            </span>
+            <span>Flatpak</span>
+          </div>
+          <p>Get it from Flathub and install it easily on any Linux distribution.</p>
+        </a>
         <a class="tile is-child box is-clickable" target="_blank"
           href="https://github.com/openandroidinstaller-dev/openandroidinstaller/releases/download/{{ version }}/openandroidinstaller-{{ version }}-ubuntu-latest.zip">
           <div class="icon-text title">
@@ -56,15 +65,6 @@ <h2 class="subtitle">The OpenAndroidInstaller is available for download for diff
           <p>Build on Ubuntu 20.04.</p>
           <p>Click to download the zipped executable. You may need to give it execution permissions.</p>
         </a>
-        <a class="tile is-child box is-clickable" target="_blank" href="#">
-          <div class="icon-text title">
-            <span class="icon is-medium">
-              <i class="fab fa-linux" aria-hidden="true"></i>
-            </span>
-            <span>Flathub</span>
-          </div>
-          <p>Coming soon!</p>
-        </a>
       </div>
       <div class="tile is-vertical is-parent">
         <a class="tile is-child box" target="_blank"

templates/index.html

@@ -162,10 +162,9 @@ <h2 class="mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-bold">Getting st
           </p>
           <h4>How to run the application:</h4>
           <ul>
-            <li><a href="https://openandroidinstaller.org/download.html">Download</a> the AppImage, .exe or appropriate
-              executable file for your OS. You might need to change
-              permissions to run the executable. (On Windows, also <a href="https://adb.clockworkmod.com/">install
-                the Universal USB Drivers</a> and other
+            <li><a href="https://openandroidinstaller.org/download.html">Download</a> the .exe, flatpak or appropriate
+              executable file for your OS. You might need to change permissions to run the executable.
+              (On Windows, also <a href="https://adb.clockworkmod.com/">install the Universal USB Drivers</a> and other
               potentially drivers needed for your device.)</li>
             <li>Start the desktop app and follow the instructions. You might need to allow or enable the execution
               of the software.</li>