Update links, images, colors

src/App.vue

@@ -100,7 +100,7 @@
                   </a>
                 </li>
                 <li class="pure-menu-item">
-                  <a href="https://dev.funkwhale.audio/funkwhale">
+                  <a href="https://dev.funkwhale.audio/retribute.me">
                     <translate translate-context="Navigation/Link"
                       >Source code</translate
                     >
@@ -143,7 +143,8 @@
             </p>
             <p>
               <translate translate-context="Footer/Paragraph"
-                >The illustrations were kindly drawn by Robin.</translate
+                >The illustrations, logo, and mascot were kindly drawn by
+                Robin.</translate
               >
             </p>
           </div>

src/components/Navigation.vue

@@ -72,7 +72,7 @@
             </li>
             <li class="pure-menu-item">
               <a
-                href="https://dev.funkwhale.audio/funkwhale"
+                href="https://dev.funkwhale.audio/retribute.me"
                 target="_blank"
                 class="pure-menu-link"
               >

src/style/3-base/_layout.scss

@@ -33,7 +33,7 @@ footer.main-footer {
 }
 .row.strong {
   background: $page-background;
-  background: linear-gradient(90deg, #2bac48 0%, #2db44b 100%);
+  background: linear-gradient(90deg, #00b06a 0%, #7ac365 100%);
   @media screen and (min-width: $tablet-width) {
     padding: $content-padding * 2;
   }
@@ -69,7 +69,7 @@ section.wide, .navigation-wrapper > nav {
   box-shadow: 0px 0px 2px rgba(1, 1, 1, 0.15) inset;
 }
 footer.main-footer {
-  background-color: #383839;
+  background-color:#252a2a;
   color: $text-background-color;
   padding: $content-padding;
   a {

src/views/Home.vue

@@ -24,24 +24,23 @@
         <div class="feature">
           <div class="content">
             <h3>
-              <translate translate-context="Content/Home.Feature/Header"
-                >Support your favorite people on your favorite
-                platforms</translate
-              >
+              <translate translate-context="Content/Home.Feature/Header">
+                Support your favorite people on your favorite platforms
+              </translate>
             </h3>
             <p>
               <strong>
-                <translate translate-context="Content/Home.Feature/Paragraph"
-                  >Retribute helps you to support your favorite people on
-                  platforms you already know and love</translate
-                >
+                <translate translate-context="Content/Home.Feature/Paragraph">
+                  Retribute helps you to support your favorite people on
+                  platforms you already know and love
+                </translate>
               </strong>
             </p>
             <p>
-              <translate translate-context="Content/Home.Feature/Paragraph"
-                >Simply sign in to your Funkwhale, Mastodon, or Peertube account
-                and let Retribute do the rest.</translate
-              >
+              <translate translate-context="Content/Home.Feature/Paragraph">
+                Simply sign in to your Funkwhale, Mastodon, or Peertube account
+                and let Retribute do the rest.
+              </translate>
             </p>
             <a href="#get-started">
               <translate translate-context="Content/Home/Button.Label"
@@ -53,6 +52,29 @@
             <img class="strong" src="../assets/icons.png" />
           </div>
         </div>
+        <div class="feature">
+          <div class="content">
+            <h3>
+              <translate translate-context="Content/Home.Feature/Header"
+                >A wide range of support methods.</translate
+              >
+            </h3>
+            <p translate-context="Content/Home.Feature/Paragraph">
+              <strong
+                >Easily gather links to users' accounts on popular funding
+                sites.</strong
+              >
+            </p>
+            <p translate-context="Content/Home.Feature/Paragraph">
+              Retribute scans enabled services for links to a range of different
+              funding services - such as Liberpay, Patroen, Paypal, and Bandcamp
+              - allowing you to easily spread the love!
+            </p>
+          </div>
+          <div class="image">
+            <img src="../assets/pollen.jpg" />
+          </div>
+        </div>
         <div class="feature">
           <div class="content">
             <h3>
@@ -66,19 +88,19 @@
               >
             </p>
             <p>
-              <translate translate-context="Content/Home.Feature/Paragraph"
-                >All private and sensitive information is stored and processed
-                in your web browser, including login information and
-                suggestions. At the click of a button, this information can be
-                completely removed.</translate
-              >
+              <translate translate-context="Content/Home.Feature/Paragraph">
+                All private and sensitive information is stored and processed in
+                your web browser, including login information and suggestions.
+                At the click of a button, this information can be completely
+                removed.
+              </translate>
             </p>
           </div>
           <div class="image"></div>
         </div>
       </section>
     </div>
-    <div class="alternate row" id="features">
+    <div class="alternate row" id="get-started">
       <section class="very wide">
         <h3 class="centered">
           <translate translate-context="Content/Home.Feature/Header"
@@ -93,10 +115,10 @@
               >
             </h4>
             <p class="centered">
-              <translate translate-context="Content/Home/Paragraph"
-                >Retribute keeps track of who you engage with and provides you
-                with their donation links</translate
-              >
+              <translate translate-context="Content/Home/Paragraph">
+                Retribute keeps track of who you engage with and provides you
+                with their donation links
+              </translate>
             </p>
           </div>
           <div class="pure-u-1 pure-u-md-1-2">
@@ -106,10 +128,10 @@
               >
             </h4>
             <p class="centered">
-              <translate translate-context="Content/Home/Paragraph"
-                >Retribute delivers the contribution links listed on your
-                accounts online to potential supporters</translate
-              >
+              <translate translate-context="Content/Home/Paragraph">
+                Retribute delivers the contribution links listed on your
+                accounts online to potential supporters
+              </translate>
             </p>
           </div>
         </div>
@@ -119,10 +141,10 @@
       <section>
         <p>
           <strong>
-            <translate translate-context="Content/Home/Paragraph"
-              >Retribute is a decentralized and open effort to support creators.
-              This project is part of the Funkwhale community.</translate
-            >
+            <translate translate-context="Content/Home/Paragraph">
+              Retribute is a decentralized and open effort to support creators.
+              This project is part of the Funkwhale community.
+            </translate>
           </strong>
         </p>
         <div class="image centered">