Skip to content
GitLab
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
Hide whitespace changes
Inline Side-by-side
src/App.vue
View file @ a26682b9
......@@ -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
View file @ a26682b9
......@@ -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
View file @ a26682b9
......@@ -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
View file @ a26682b9
......@@ -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">
......
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