Add a link to weblate on inverse landing page

css/inverse.css

@@ -2449,7 +2449,8 @@ body {
       opacity: 0.8;
       color: #387592; }
     #conversejs #controlbox .brand-heading-container .brand-subtitle {
-      font-size: 90%; }
+      font-size: 90%;
+      padding: 0.5em; }
     @media screen and (max-width: 480px) {
       #conversejs #controlbox .brand-heading-container .brand-heading {
         font-size: 400%; } }

sass/inverse/_controlbox.scss

@@ -20,6 +20,7 @@
             }
             .brand-subtitle {
                 font-size: 90%;
+                padding: 0.5em;
             }
             @media screen and (max-width: $mobile-portrait-length) {
                 .brand-heading {

src/templates/inverse_brand_heading.html

 <span class="brand-heading-container">
-    <h1 class="brand-heading"><i class="icon-conversejs"></i>inverse</h1>
-    <p class="brand-subtitle"><a href="https://conversejs.org">Open Source</a> XMPP chat client</p>
+    <h1 class="brand-heading"><i class="icon-conversejs"></i>inVerse</h1>
+    <p class="brand-subtitle"><a target="_blank" rel="nofollow" href="https://conversejs.org">Open Source</a> XMPP chat client</p>
+    <p class="brand-subtitle"><a target="_blank" rel="nofollow" href="https://hosted.weblate.org/projects/conversejs/#languages">Translate</a> into your own language</p>
 <span>