Commit a26682b9 authored by Ciarán Ainsworth's avatar Ciarán Ainsworth
Browse files

Update links, images, colors

parent b00cb0cb
Pipeline #5905 passed with stages
in 2 minutes and 26 seconds
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
</a> </a>
</li> </li>
<li class="pure-menu-item"> <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" <translate translate-context="Navigation/Link"
>Source code</translate >Source code</translate
> >
...@@ -143,7 +143,8 @@ ...@@ -143,7 +143,8 @@
</p> </p>
<p> <p>
<translate translate-context="Footer/Paragraph" <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> </p>
</div> </div>
......
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
</li> </li>
<li class="pure-menu-item"> <li class="pure-menu-item">
<a <a
href="https://dev.funkwhale.audio/funkwhale" href="https://dev.funkwhale.audio/retribute.me"
target="_blank" target="_blank"
class="pure-menu-link" class="pure-menu-link"
> >
......
...@@ -33,7 +33,7 @@ footer.main-footer { ...@@ -33,7 +33,7 @@ footer.main-footer {
} }
.row.strong { .row.strong {
background: $page-background; 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) { @media screen and (min-width: $tablet-width) {
padding: $content-padding * 2; padding: $content-padding * 2;
} }
...@@ -69,7 +69,7 @@ section.wide, .navigation-wrapper > nav { ...@@ -69,7 +69,7 @@ section.wide, .navigation-wrapper > nav {
box-shadow: 0px 0px 2px rgba(1, 1, 1, 0.15) inset; box-shadow: 0px 0px 2px rgba(1, 1, 1, 0.15) inset;
} }
footer.main-footer { footer.main-footer {
background-color: #383839; background-color:#252a2a;
color: $text-background-color; color: $text-background-color;
padding: $content-padding; padding: $content-padding;
a { a {
......
...@@ -24,24 +24,23 @@ ...@@ -24,24 +24,23 @@
<div class="feature"> <div class="feature">
<div class="content"> <div class="content">
<h3> <h3>
<translate translate-context="Content/Home.Feature/Header" <translate translate-context="Content/Home.Feature/Header">
>Support your favorite people on your favorite Support your favorite people on your favorite platforms
platforms</translate </translate>
>
</h3> </h3>
<p> <p>
<strong> <strong>
<translate translate-context="Content/Home.Feature/Paragraph" <translate translate-context="Content/Home.Feature/Paragraph">
>Retribute helps you to support your favorite people on Retribute helps you to support your favorite people on
platforms you already know and love</translate platforms you already know and love
> </translate>
</strong> </strong>
</p> </p>
<p> <p>
<translate translate-context="Content/Home.Feature/Paragraph" <translate translate-context="Content/Home.Feature/Paragraph">
>Simply sign in to your Funkwhale, Mastodon, or Peertube account Simply sign in to your Funkwhale, Mastodon, or Peertube account
and let Retribute do the rest.</translate and let Retribute do the rest.
> </translate>
</p> </p>
<a href="#get-started"> <a href="#get-started">
<translate translate-context="Content/Home/Button.Label" <translate translate-context="Content/Home/Button.Label"
...@@ -53,6 +52,29 @@ ...@@ -53,6 +52,29 @@
<img class="strong" src="../assets/icons.png" /> <img class="strong" src="../assets/icons.png" />
</div> </div>
</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="feature">
<div class="content"> <div class="content">
<h3> <h3>
...@@ -66,19 +88,19 @@ ...@@ -66,19 +88,19 @@
> >
</p> </p>
<p> <p>
<translate translate-context="Content/Home.Feature/Paragraph" <translate translate-context="Content/Home.Feature/Paragraph">
>All private and sensitive information is stored and processed All private and sensitive information is stored and processed in
in your web browser, including login information and your web browser, including login information and suggestions.
suggestions. At the click of a button, this information can be At the click of a button, this information can be completely
completely removed.</translate removed.
> </translate>
</p> </p>
</div> </div>
<div class="image"></div> <div class="image"></div>
</div> </div>
</section> </section>
</div> </div>
<div class="alternate row" id="features"> <div class="alternate row" id="get-started">
<section class="very wide"> <section class="very wide">
<h3 class="centered"> <h3 class="centered">
<translate translate-context="Content/Home.Feature/Header" <translate translate-context="Content/Home.Feature/Header"
...@@ -93,10 +115,10 @@ ...@@ -93,10 +115,10 @@
> >
</h4> </h4>
<p class="centered"> <p class="centered">
<translate translate-context="Content/Home/Paragraph" <translate translate-context="Content/Home/Paragraph">
>Retribute keeps track of who you engage with and provides you Retribute keeps track of who you engage with and provides you
with their donation links</translate with their donation links
> </translate>
</p> </p>
</div> </div>
<div class="pure-u-1 pure-u-md-1-2"> <div class="pure-u-1 pure-u-md-1-2">
...@@ -106,10 +128,10 @@ ...@@ -106,10 +128,10 @@
> >
</h4> </h4>
<p class="centered"> <p class="centered">
<translate translate-context="Content/Home/Paragraph" <translate translate-context="Content/Home/Paragraph">
>Retribute delivers the contribution links listed on your Retribute delivers the contribution links listed on your
accounts online to potential supporters</translate accounts online to potential supporters
> </translate>
</p> </p>
</div> </div>
</div> </div>
...@@ -119,10 +141,10 @@ ...@@ -119,10 +141,10 @@
<section> <section>
<p> <p>
<strong> <strong>
<translate translate-context="Content/Home/Paragraph" <translate translate-context="Content/Home/Paragraph">
>Retribute is a decentralized and open effort to support creators. Retribute is a decentralized and open effort to support creators.
This project is part of the Funkwhale community.</translate This project is part of the Funkwhale community.
> </translate>
</strong> </strong>
</p> </p>
<div class="image centered"> <div class="image centered">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment