Genaral website update/overhaul

public/static/custom.css

@@ -2,6 +2,47 @@ html {
   scroll-behavior: smooth;
 }
 
+.px-6 ul {
+  list-style: unset;
+}
+
+#pf-funding-logos {
+  width: 333px;
+}
+
+.pt-5 {
+  border-top: 1px solid #dee2e6;
+}
+
+#user {
+  display: block;
+}
+
+#donate-widgets {
+  margin: auto;
+  margin-top: 10px;
+}
+
+.opencollective,
+#gh-sponsors {
+  display: flex !important;
+  margin: auto !important;
+}
+
+.liberapay {
+  display: flex !important;
+  width: 50% !important;
+  margin-bottom: 10px;
+  margin-left: 46.05px !important;
+}
+
+.liberapay-nojs {
+  display: flex;
+  margin: auto;
+  margin-top: -20px;
+  margin-bottom: 10px;
+}
+
 /* Style the tab content */
 .tabcontent {
   display: none;

templates/base.html

@@ -87,7 +87,7 @@
               <span class="icon"><i class="fa fa-question"></i></span><span>FAQ</span>
             </a>
             <a class="navbar-item" href="https://github.com/openandroidinstaller-dev/openandroidinstaller"
-              target="_blank">
+              rel="noopener" target="_blank">
               <span class="icon"><i class="fab fa-github"></i></span><span>GitHub</span>
             </a>
             <a class="navbar-item" href="mailto:[email protected]">
@@ -114,7 +114,7 @@
                 <img class="image is-96x96" src="static/oai-logo.jpg" alt="OpenAndroidInstaller Logo">
               </a>
             </div>
-            <div class="is-inline-block" style="width: 333px;">
+            <div class="is-inline-block" id="pf-funding-logos">
               <figure class="image">
                 <img src="static/pf_funding_logos.svg" alt="BMBF logo">
               </figure>
@@ -124,13 +124,13 @@
             <ul class="is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-center">
               <li class="mr-4"><a class="button is-white"
                   href="https://github.com/openandroidinstaller-dev/openandroidinstaller-dev.github.io/files/10787205/press-kit-openandroidinstaller.zip"
-                  target="_blank">Download press kit</a></li>
+                  rel="noopener" target="_blank">Download press kit</a></li>
               <li class="mr-4"><a class="button is-white"
                   href="https://github.com/openandroidinstaller-dev/openandroidinstaller#acknowledgements"
-                  target="_blank">Funding</a></li>
+                  rel="noopener" target="_blank">Funding</a></li>
               <li class="mr-4"><a class="button is-white"
                   href="https://github.com/openandroidinstaller-dev/openandroidinstaller/blob/main/LICENSE"
-                  target="_blank">License</a></li>
+                  rel="noopener" target="_blank">License</a></li>
               <li class="mr-4"><a class="button is-white"
                   href="https://openandroidinstaller.org/imprint.html">Impressum</a></li>
               <li class="mr-4"><a class="button is-white" href="https://openandroidinstaller.org/privacy.html">Privacy
@@ -139,21 +139,22 @@
           </div>
         </div>
       </div>
-      <div class="pt-5" style="border-top: 1px solid #dee2e6;"></div>
+      <div class="pt-5"></div>
       <div class="container">
         <div class="is-flex-tablet is-justify-content-between is-align-items-center">
-          <p>Made with &#x1F49A;, Python and <a href="https://bulma.io/" target="_blank">Bulma</a> by Tobias Sterbak.
-            All rights reserved © OpenAndroidInstaller 2022-2023</p>
+          <p>Made with &#x1F49A;, Python and <a href="https://bulma.io" rel="noopener" target="_blank">Bulma</a> by
+            Tobias Sterbak. All rights reserved © OpenAndroidInstaller 2022-2023</p>
           <div class="py-2 is-hidden-tablet"></div>
           <div class="ml-auto">
             <a class="mr-4 is-inline-block" href="https://github.com/openandroidinstaller-dev/openandroidinstaller"
-              target="_blank">
+              rel="noopener" target="_blank">
               <span class="icon"><i class="fab fa-github"></i></span><span>GitHub</span>
             </a>
-            <a class="mr-4 is-inline-block" href="https://twitter.com/OAInstaller" target="_blank">
+            <a class="mr-4 is-inline-block" href="https://twitter.com/OAInstaller" rel="noopener" target="_blank">
               <span class="icon"><i class="fab fa-twitter"></i></span><span>Twitter</span>
             </a>
-            <a rel="me" class="mr-4 is-inline-block" href="https://fosstodon.org/@openandroidinstaller" target="_blank">
+            <a class="mr-4 is-inline-block" href="https://fosstodon.org/@openandroidinstaller" rel="me noopener"
+              target="_blank">
               <span class="icon"><i class="fab fa-mastodon"></i></span><span>Mastodon</span>
             </a>
           </div>
@@ -163,7 +164,7 @@
     <!-- Footer End -->
   </div>
 </body>
-<link rel="stylesheet" href="static/all.min.css" >
+<link rel="stylesheet" href="static/all.min.css">
 <!-- Track button clicks-->
 <script>
   document.getElementById('download-header').addEventListener("click", function () { plausible('download-header'); });
@@ -213,4 +214,4 @@
   } 
 </script>
 
-</html>
+</html>

templates/download.html

@@ -34,7 +34,8 @@ <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">
+        <a class="tile is-child box is-clickable" rel="noopener" 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>
@@ -43,41 +44,41 @@ <h2 class="subtitle">The OpenAndroidInstaller is available for download for diff
           </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"
+        <a class="tile is-child box is-clickable" rel="noopener" target="_blank"
           href="https://github.com/openandroidinstaller-dev/openandroidinstaller/releases/download/{{ version }}/openandroidinstaller-{{ version }}-ubuntu-latest.zip">
           <div class="icon-text title">
             <span class="icon is-medium">
               <i class="fab fa-ubuntu" aria-hidden="true"></i>
             </span>
-            <span>latest Debian-based</span>
+            <span>Latest Debian-based</span>
           </div>
-          <p>Build on Ubuntu 22.04.</p>
+          <p>Built on Ubuntu 22.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"
+        <a class="tile is-child box is-clickable" rel="noopener" target="_blank"
           href="https://github.com/openandroidinstaller-dev/openandroidinstaller/releases/download/{{ version }}/openandroidinstaller-{{ version }}-ubuntu-20.04.zip">
           <div class="icon-text title">
             <span class="icon is-medium">
               <i class="fab fa-ubuntu" aria-hidden="true"></i>
             </span>
-            <span>earlier Debian-based</span>
+            <span>LTS Debian-based</span>
           </div>
-          <p>Build on Ubuntu 20.04.</p>
+          <p>Built on Ubuntu 20.04.</p>
           <p>Click to download the zipped executable. You may need to give it execution permissions.</p>
         </a>
       </div>
       <div class="tile is-vertical is-parent">
-        <a class="tile is-child box" target="_blank"
+        <a class="tile is-child box" rel="noopener" target="_blank"
           href="https://github.com/openandroidinstaller-dev/openandroidinstaller/releases/download/{{ version }}/openandroidinstaller-{{ version }}-windows-latest.zip">
           <div class="icon-text title">
             <span class="icon is-medium">
               <i class="fab fa-windows" aria-hidden="true"></i>
             </span>
             <span>Windows</span>
           </div>
-          <p>Click to download the zipped exe.</p>
+          <p>Click to download the zipped .exe.</p>
         </a>
-        <a class="tile is-child box is-clickable" target="_blank"
+        <a class="tile is-child box is-clickable" rel="noopener" target="_blank"
           href="https://github.com/openandroidinstaller-dev/openandroidinstaller/releases/download/{{ version }}/openandroidinstaller-{{ version }}-macos-latest.zip">
           <div class="icon-text title">
             <span class="icon is-medium">
@@ -87,15 +88,15 @@ <h2 class="subtitle">The OpenAndroidInstaller is available for download for diff
           </div>
           <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="https://github.com/openandroidinstaller-dev/openandroidinstaller/releases/">
+        <a class="tile is-child box is-clickable" rel="noopener" target="_blank"
+          href="https://github.com/openandroidinstaller-dev/openandroidinstaller/releases">
           <div class="icon-text title">
             <span class="icon is-medium">
               <i class="fab fa-github" aria-hidden="true"></i>
             </span>
             <span>Releases on Github</span>
           </div>
-          <p>Get different releases from github.</p>
+          <p>Get different releases from GitHub.</p>
         </a>
       </div>
     </div>
@@ -114,7 +115,7 @@ <h2 class="has-text-white mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-b
       <div class="column is-5 ml-auto">
         <div class="mx-auto box p-6 has-background-light has-text-centered">
           <a class="button is-link is-fullwidth" id="contribute-button"
-            href="mailto:[email protected]">Write a mail</a>
+            href="mailto:[email protected]">Write a email</a>
         </div>
       </div>
     </div>