web/donate: rewrite motivation text to convey the message better

This commit is contained in:
wukko 2024-09-28 17:41:57 +06:00
parent bf7a48a36c
commit 24bc50793a
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 8 additions and 2 deletions

View file

@ -2,8 +2,9 @@
"banner.title": "Support a safe\nand open Internet",
"banner.subtitle": "donate to imput or share the\njoy of cobalt with a friend",
"body.motivation": "cobalt helps thousands of producers, educators, and other creative people to do what they love. we created cobalt because we believe that internet doesnt have to be scary. greed and ads have ruined the internet — we fight back with friendly and open tools that are made with love, not for profit.",
"body.keep_going": "you can help us stay motivated & keep creating safe alternatives to abusive tools by sharing cobalt with a friend or donating.",
"body.motivation": "cobalt helps producers, educators, video makers, and many others to do what they love. it's a different kind of service that is made with love, not for profit.",
"body.no_bullshit": "we believe that the internet doesn't have to be scary, which is why cobalt will never have ads or other kinds of malicious content. it's a promise that we firmly stand by. everything we do is built with privacy, accessibility, and ease of use in mind, making cobalt available for everyone.",
"body.keep_going": "if you found cobalt useful, please consider supporting our work! you can help us by making a donation or sharing cobalt with a friend. every donation is highly appreciated and helps us keep working on cobalt and other projects.",
"card.once": "one-time donation",
"card.recurring": "recurring donation",

View file

@ -33,6 +33,7 @@
<section id="motivation" class="long-text-noto">
<p>{$t("donate.body.motivation")}</p>
<p>{$t("donate.body.no_bullshit")}</p>
<p>{$t("donate.body.keep_going")}</p>
</section>
@ -119,6 +120,10 @@
gap: 10px;
}
#motivation p:first-child {
margin-block-start: 10px;
}
@media screen and (max-width: 760px) {
#support-options {
flex-direction: column;