diff --git a/public/r/index.html b/public/r/index.html
index 1d1bfec6..3ee139aa 100644
--- a/public/r/index.html
+++ b/public/r/index.html
@@ -1,120 +1,129 @@
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
+
 <head>
-    <meta charset="UTF-8"/>
+    <meta charset="UTF-8" />
     <title>Ouisync</title>
-    <meta name="viewport" content="width=device-width,initial-scale=1"/>
-    <meta name="description" content=""/>
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="description" content="" />
     <link rel="icon" href="/favicon.png">
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
     <link rel="manifest" href="/site.webmanifest">
-    
-    <link rel="stylesheet" href="https://ouisync.net/styles.min.766d6e6f67135afd7e434d73cfe0f79698eb977f4d326a44a7e30535b6dee595.css">
+    <link rel="stylesheet"
+        href="https://ouisync.net/styles.min.766d6e6f67135afd7e434d73cfe0f79698eb977f4d326a44a7e30535b6dee595.css">
     <meta property="og:title" content="Ouisync" />
-    <meta property="og:description" content="Store, sync, and share files across devices anywhere with Ouisync. Secure, open source, peer-to-peer file-sharing" />
+    <meta property="og:description"
+        content="Store, sync, and share files across devices anywhere with Ouisync. Secure, open source, peer-to-peer file-sharing" />
     <meta property="og:url" content="https://ouisync.net" />
     <meta property="og:image" content="/img/ouisync-header.png" />
 </head>
-
 <header>
     <nav>
         <div class="desktop-nav" dir="ltr">
-            <a tabindex="1" href="https://ouisync.net/"><img height="40" width="152" src="/img/ouisync-logo.png"/></a>
+            <a tabindex="1" href="https://ouisync.net/"><img height="40" width="152" src="/img/ouisync-logo.png" /></a>
             <div aria-label="Navagation Selector" class="desktop-center-nav">
-                
                 <a href="/about">About</a>
                 <a href="/support">Support</a>
                 <a href="/community">Community</a>
-                
             </div>
             <div class="nav-buttons">
                 <div aria-label="Language Selector Switch" class="checkbox-wrapper">
-                    <input class="desktop-nav-toggle" type="checkbox" id="desktop-nav-toggle"/>
+                    <input class="desktop-nav-toggle" type="checkbox" id="desktop-nav-toggle" />
                     <label class="i18n-btn" for="desktop-nav-toggle">
-                        <img src="/icons/globe.png" height="20" width="20" alt="Select language"/>
+                        <img src="/icons/globe.png" height="20" width="20" alt="Select language" />
                         <div>English (en)</div>
-                        <img src="/icons/chevron-down.png" height="24" width="24"/>
+                        <img src="/icons/chevron-down.png" height="24" width="24" />
                     </label>
                     <div aria-label="Language Selector Panel" class="desktop-i18n-panel">
-                        
                     </div>
                 </div>
-                
                 <a class="download-btn" href="/#download">
-                
-                    <img src="/icons/download.png" height="24" width="24"/>
+                    <img src="/icons/download.png" height="24" width="24" />
                     <div>Download</div>
                 </a>
             </div>
         </div>
         <div class="mobile-nav">
-            <input class="mobile-nav-toggle" type="checkbox" id="mobile-nav-toggle"/>
+            <input class="mobile-nav-toggle" type="checkbox" id="mobile-nav-toggle" />
             <label aria-label="Navagation Hamburger Menu" class="nav-hamb-icon" for="mobile-nav-toggle">
                 <span></span>
                 <span></span>
             </label>
             <div aria-label="Language Selector" class="mobile-nav-panel">
-                
                 <a href="/about">About</a>
                 <a href="/support">Support</a>
                 <a href="/community">Community</a>
                 <a href="/#download">Download</a>
-                
             </div>
-            <a href="/"><img height="40" width="152" src="/img/ouisync-logo.png" alt="Ouisync logo"/></a>
+            <a href="/"><img height="40" width="152" src="/img/ouisync-logo.png" alt="Ouisync logo" /></a>
             <div aria-label="Language Selector Switch">
-                <input class="mobile-i18n-toggle" type="checkbox" id="mobile-i18n-toggle"/>
+                <input class="mobile-i18n-toggle" type="checkbox" id="mobile-i18n-toggle" />
                 <label class="i18n-toggle-icon" for="mobile-i18n-toggle">
-                    <img height="36" width="36" class="i18n-toggle-icon" src="/icons/translate.png" alt="Select language"/>
-                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mobile-i18n-chevron"><polyline points="6 9 12 15 18 9"></polyline></svg>
+                    <img height="36" width="36" class="i18n-toggle-icon" src="/icons/translate.png"
+                        alt="Select language" />
+                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
+                        stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                        class="mobile-i18n-chevron">
+                        <polyline points="6 9 12 15 18 9"></polyline>
+                    </svg>
                 </label>
-                
                 <div aria-label="Language Selector Panel" class="mobile-i18n-panel">
-                
                     <div style="color: #4b005ea7"> English (en)</div>
-                    
                 </div>
             </div>
         </div>
     </nav>
 </header>
-
-
-
- 
-
-
 <main class="single-body margin">
-<h1 id="welcome-to-ouisync">Welcome to Ouisync</h1>
-<p>You have been given a <em>share token</em> that grants you access to a repository,
-but you need to install Ouisync first! Please use the Download link above to do so
-and then follow the link you&rsquo;ve been given one more time.</p>
-
+    <div class="hero-text">
+        <h1 id="welcome-to-ouisync">Welcome to Ouisync</h1>
+        <p>You have been given a <em>share token</em> that grants you access to a repository, but you need to install
+            Ouisync first! Please use the Download link below to do so and then follow the link you&rsquo;ve been given
+            one more time.</p>
+        <div class="row col-12 p-5 mx-auto justify-content-center">
+            <a class="btn btn-lg btn-outline-light" href="/#download">
+                <img src="/icons/download.png" height="30" alt="Download">
+                <div class="humanst">Download Ouisync</div>
+            </a>
+        </div>
+    </div>
 </main>
 <div class="single-grad margin"></div>
-
-
 <footer>
     <div class="footer-wrapper" dir="ltr">
         <div class="footer">
             <div class="footer-flex-header">
-                <div><p><a href="https://equalit.ie"><img src="/img/eQualitie_Logo_Black.png" height="32" alt="eQualitie logo"></a></p></div>
                 <div>
-                    <a target="_blank" href="https://play.google.com/store/apps/details?id=org.equalitie.ouisync"><img src="/icons/google-play.png" height="32" alt="Download for Android on Google Play"></a>
-                    <a target="_blank" href="https://github.com/equalitie/ouisync-app"><img src="/icons/github.png" height="32" alt="Get the source code via Github"></a>
-                    <a target="_blank" href="https://social.eqver.se/@ouisync"><img src="/icons/mastodon.png" height="32" alt="Join our Mastodon"></a>
-                    <a target="_blank" href="https://twitter.com/ouisync"><img src="/icons/twitter.png" height="32" alt="Follow us on Twitter"></a>
-                    <a target="_blank" href="https://hosted.weblate.org/projects/ouisync/#information"><img src="/icons/globe-purple.png" height="32" alt="Translation crowdsourced on Weblate"></a>
+                    <p><a href="https://equalit.ie"><img src="/img/eQualitie_Logo_Black.png" height="32"
+                                alt="eQualitie logo"></a></p>
+                </div>
+                <div>
+                    <a target="_blank" href="https://play.google.com/store/apps/details?id=org.equalitie.ouisync"><img
+                            src="/icons/google-play.png" height="32" alt="Download for Android on Google Play"></a>
+                    <a target="_blank" href="https://github.com/equalitie/ouisync-app"><img src="/icons/github.png"
+                            height="32" alt="Get the source code via Github"></a>
+                    <a target="_blank" href="https://social.eqver.se/@ouisync"><img src="/icons/mastodon.png"
+                            height="32" alt="Join our Mastodon"></a>
+                    <a target="_blank" href="https://twitter.com/ouisync"><img src="/icons/twitter.png" height="32"
+                            alt="Follow us on Twitter"></a>
+                    <a target="_blank" href="https://hosted.weblate.org/projects/ouisync/#information"><img
+                            src="/icons/globe-purple.png" height="32" alt="Translation crowdsourced on Weblate"></a>
                 </div>
             </div>
-            <p>Ouisync is a project by  <a href="https://equalit.ie">eQualit.ie</a>  – a not-for-profit Canadian company creating decentralized internet services in support of a more equal and equitable network. Our solutions are open source, battle proven and developed in mind of our <a href="https://equalit.ie/en/values/">values.</a> Everyday, they enable freedom of association for millions of people online.</a></p>
+            <p>Ouisync is a project by <a href="https://equalit.ie">eQualit.ie</a> – a not-for-profit Canadian company
+                creating decentralized internet services in support of a more equal and equitable network. Our solutions
+                are open source, battle proven and developed in mind of our <a
+                    href="https://equalit.ie/en/values/">values.</a> Everyday, they enable freedom of association for
+                millions of people online.</a></p>
         </div>
-        <div class="copyright">
-           &copy; Ouisync 2020<script>new Date().getFullYear()>2021&&document.write("-"+new Date().getFullYear());</script> &nbsp; | <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU General Public License v3</a> | <a href="/privacy">Privacy</a>
+        <div class="copyright"> &copy; Ouisync 2020
+            <script>new Date().getFullYear() > 2021 && document.write("-" + new Date().getFullYear());</script> &nbsp; |
+            <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU General Public License v3</a> | <a
+                href="/privacy">Privacy</a> | <a href="/security">Security</a>
         </div>
     </div>
 </footer>
 
-</html>
\ No newline at end of file
+</html>
