mnalis/organicmaps-website
1
Fork 0
forked from organicmaps/website
Code Pull requests Activity

crowdfunding

Browse source
This commit is contained in:
borntojesus 2023-11-29 07:32:50 +02:00
parent 937c8a6d79
commit 47f6aa9d97
15 changed files with 670 additions and 217 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
content/crowdfunding/index.md
View file

@ -7,6 +7,8 @@ extra:
hero_description: Donate and create better maps for everyone today!
why_section_title_1: Donate Now!
why_section_title_2: Why Organic Maps?
hero_image: /crowdfunding/crowdfunding-bg.png
menu_title_pre: Home
why_section_description_1: Do you value privacy and prefer to use services that respect your data? We've got the perfect solution for you! Introducing Organic Maps, the innovative map navigation app designed to make your journeys effortless, privacy-focused, and environmentally friendly.
why_section_description_2: Organic Maps isn't your typical navigation app. We've worked tirelessly to create a unique platform that prioritizes user privacy, sustainability, and functionality. Here's why Organic Maps is the ultimate choice for mindful travelers
benefits_section_card_title_1: Privacy-Centric
@ -25,6 +27,7 @@ extra:
benefits_section_card_description_7: Personalize your navigation experience. Organic Maps allows you to choose between various map styles, so you can tailor the app's appearance to your preference. Additionally, our reliable routing algorithm ensures you reach your destination efficiently.
support_section_title: Your Support Matters
support_section_description: We've come a long way in developing Organic Maps, but to continue providing a privacy-first and sustainable navigation experience, we need your support. By backing our crowdfunding campaign, you'll be contributing to the growth of an app that prioritizes user values and the planet.
support_section_description_2: By backing our crowdfunding campaign, you'll be contributing to the growth of an app that prioritizes user values and the planet.
rewards_section_title: Rewards
rewards_section_description: As a token of our gratitude for your support we've prepared some exciting rewards for our backers
rewards_section_card_title_1: Privacy Advocate

BIN
content/download/bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 145 KiB

2
content/download/index.md
View file

@ -5,6 +5,8 @@ weight: 10
extra:
hero_title: Download
hero_description: Organic Maps
hero_image: /download/bg.png
menu_title_pre: Home
mobile_payment_title: Mobile
desktop_payment_title: Desktop
mobile_payment_methods_1: IOS

2
sass/component/header-sub.scss
View file

@ -20,7 +20,7 @@
&--big {
padding:calc(var(--menu-height) + 30rem) 0 274rem;
@media (max-width: $media-sm) {
padding:calc(var(--menu-height) + 30rem) 0 74rem;
padding:calc(var(--menu-height) + 30rem) 0 74rem;
}
&:before {
background: transparent;

1
sass/main.scss
View file

@ -32,5 +32,6 @@
@import "./pages/new-support";
@import "./pages/faq-page";
@import "./pages/about-us";
@import "./pages/crowdfunding";

289
sass/pages/crowdfunding.scss Normal file
View file

@ -0,0 +1,289 @@
@import "../variables/media";
.crowdfunding {
color: var(--common-black);
.hero-sub__title, .hero-sub__description, .nav-bred {
color: var(--common-black);
}
&:before {
background: linear-gradient(90deg, rgba(242, 250, 246, 0.81) 0%, rgba(204, 225, 215, 0.00) 100%);
}
}
.crowdfunding-loc {
padding: var(--container-mob-section) 0;
&__container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 70rem;
position: relative;
@media (max-width: $media-sm) {
grid-template-columns: 1fr;
gap: 20rem;
}
}
&__content {
position: relative;
display: flex;
flex-direction: column;
gap: 20rem;
svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--point-color);
}
}
&__img {
width: 100%;
border-radius: 20rem;
position: absolute;
right: -114%;
top: 0;
@media (max-width: $media-sm) {
position: static;
}
}
&__text {
margin-bottom: 89rem;
&:last-of-type {
margin-bottom: 0;
}
@media (max-width: $media-sm) {
margin-bottom: 0;
}
}
}
.crowdfunding-card {
.services-support {
&__title-row {
display: flex;
gap: 10rem;
align-items: center;
margin-bottom: 10rem;
}
&__icon {
margin-left: -33rem;
@media (max-width: $media-sm) {
margin-left: -10rem;
}
}
}
&__container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60rem;
@media (max-width: $media-sm) {
grid-template-columns: 1fr;
gap: 20rem;
}
}
img {
display: block;
width: 100%;
border-radius: 20rem;
margin-bottom: 10rem;
}
&__item {
.donate {
padding: 70rem 20rem;
margin: 0;
@media (max-width: $media-sm) {
padding: 20rem 0rem;
}
&__container {
flex-direction: column-reverse;
align-items: flex-start;
}
&__img {
@media (max-width: $media-sm) {
margin: 0 auto;
}
}
}
}
}
.crowdfunding-support {
padding: var(--container-mob-section) 0;
@media (max-width: $media-sm) {
margin: 0 15rem;
}
&__container {
background-color: var(--bg-green);
padding: 50rem;
border-radius: 20rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 62rem;
align-items: center;
@media (max-width: $media-sm) {
grid-template-columns: 1fr;
gap: 20rem;
padding: 30rem 15rem;
}
}
img {
display: block;
width: 100%;
border-radius: 20rem;
}
&__content {
display: flex;
flex-direction: column;
gap: 20rem;
}
}
.crowdfunding-card-v2 {
&__content {
background-color: var(--bg-green);
padding: 35rem;
border-radius: 20rem;
@media (max-width: $media-sm) {
margin-top: -20rem;
}
}
img {
display: block;
width: 100%;
border-radius: 20rem;
}
&__item {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30rem;
&:nth-child(2n) {
img {
order: 2;
}
}
@media (max-width: $media-sm) {
grid-template-columns: 1fr;
&:nth-child(2n) {
img {
order: 0;
}
}
}
}
&__row {
padding: 40rem 0;
display: grid;
gap: 40rem;
}
&__num {
width: 81rem;
height: 81rem;
border-radius: 81rem;
background-color: var(--common-green);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--common-white);
margin: -60rem 0 10rem;
}
&__title {
margin-bottom: 10rem;
}
&__button {
margin: 0 auto;
}
}
.crowdfunding-journey {
margin: var(--container-mob-section) 0;
&__img {
width: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
max-width: 400rem;
@media (max-width: $media-sm) {
margin-bottom: 10rem;
position: static;
}
}
&__container {
display: grid;
grid-template-columns: minmax(430rem, 1fr) 2fr;
gap: 40rem;
position: relative;
@media (max-width: $media-sm) {
grid-template-columns: 1fr;
}
@media (max-width: $media-sm) {
text-align: center;
}
}
&__title {
margin-bottom: 20rem;
}
&__card {
margin: 20rem 0;
display: flex;
align-items: center;
justify-content: space-between;
border: 1rem dashed var(--common-green);
border-radius: 20rem;
padding: 14rem 60rem;
gap: 20rem;
@media (max-width: $media-md) {
padding: 0;
}
@media (max-width: $media-sm) {
flex-direction: column;
align-items: center;
text-align: center;
padding: 24rem;
}
svg {
color: var(--common-green);;
flex-shrink: 0;
}
}
}

2
sass/variables/color-theme.scss
View file

@ -29,6 +29,7 @@
// Theme COLOR change
.light {
--point-color: var(--common-green);
--link-map-section: var(--common-white);
--cart-bg: var(--common-acord-button);
--card-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
@ -50,6 +51,7 @@
}
.dark {
--point-color: var(--common-green-primery);
--link-map-section: var(--common-grey-v6);
--cart-bg: var(--common-green-02);
--card-box-shadow: none;

10
sass/variables/fonts.scss
View file

@ -19,6 +19,7 @@
--h5-boold: 700 22rem/28rem var(--main-font);
--p: 300 18rem/28rem var(--main-font);
--p-15: 300 15rem/26rem var(--main-font);
--p-15-bold: 500 15rem/18rem var(--main-font);
--p-md: 400 16rem/28rem var(--main-font);
--p-md-bold: 600 16rem/28rem var(--main-font);
--p-sm: 500 14rem/21rem var(--main-font);
@ -27,6 +28,8 @@
--nav-link: 500 16rem/28rem var(--main-font);
--nav-bred: 400 13rem/18rem var(--main-font);
--price-icon: 700 24rem/18rem var(--main-font);
--icon-count: 700 64rem/60rem var(--sub-fonst);
}
@ -115,6 +118,9 @@
.p-sm-light {
font: var(--p-sm-light);
}
.p-15-bold {
font: var(--p-15-bold);
}
.p-card {
font: var(--p-card);
}
@ -133,3 +139,7 @@
font: var(--icon-count);
}
.price-icon {
font: var(--price-icon);
}

16
templates/community.html
View file

@ -149,19 +149,5 @@
<li class="section-social__item">{% include 'ui/icons/social/git.html' %}</li>
</ul>
</section>
<section class="donate">
<div class="container donate__container">
<div class="donate__content">
<h2 class="h6 donate__title">
{{ page.extra.donate.title | safe }}
</h2>
<div class=" donate__line"></div>
<p class="h2-sub_v2 donate__description"> {{ page.extra.donate.description | safe }}</p>
{% include 'components/donate-button.html' %}
</div>
<div class="donate__img">
{% include 'ui/icons/community/donate.html' %}
</div>
</div>
</section>
{% include 'section/solo-donate.html' %}
{%- endblock content %}

350
templates/crowdfunding.html
View file

@ -1,129 +1,231 @@
{% extends "base.html" %}
{%- block content %}
<section class="hero-sub">
<div class="container hero-sub__container">
<h1>{{ page.extra.hero_title | safe }}</h1>
<p>{{ page.extra.hero_description | safe }}</p>
<button> {{ trans(key='donate-title', lang=lang) }}</button>
</div>
</section>
<section class="section-community">
<div>
<img src="images/crowdfunding/why-us-banner.png">
<h2> {{ page.extra.why_section_title_1 | safe }} </h2>
<p> {{ page.extra.why_section_description_1 | safe }}</p>
<h2> {{ page.extra.why_section_title_2 | safe }} </h2>
<p> {{ page.extra.why_section_description_2 | safe }}</p>
</div>
</section>
<section>
<div>
<img src="images/crowdfunding/benefits-banner-1.png">
<h3>{{ page.extra.benefits_section_card_title_1 | safe }}</h3>
<p>{{ page.extra.benefits_section_card_description_1 | safe }}</p>
</div>
<div>
<img src="images/crowdfunding/benefits-banner-2.png">
<h3>{{ page.extra.benefits_section_card_title_2 | safe }}</h3>
<p>{{ page.extra.benefits_section_card_description_2 | safe }}</p>
</div>
<div>
<img src="images/crowdfunding/benefits-banner-3.png">
<h3>{{ page.extra.benefits_section_card_title_3 | safe }}</h3>
<p>{{ page.extra.benefits_section_card_description_3 | safe }}</p>
</div>
<div>
<img src="images/crowdfunding/benefits-banner-4.png">
<h3>{{ page.extra.benefits_section_card_title_4 | safe }}</h3>
<p>{{ page.extra.benefits_section_card_description_4 | safe }}</p>
</div>
<div>
<img src="images/crowdfunding/benefits-banner-5.png">
<h3>{{ page.extra.benefits_section_card_title_5 | safe }}</h3>
<p>{{ page.extra.benefits_section_card_description_5 | safe }}</p>
</div>
<div>
<img src="images/crowdfunding/benefits-banner-6.png">
<h3>{{ page.extra.benefits_section_card_title_6 | safe }}</h3>
<p>{{ page.extra.benefits_section_card_description_6 | safe }}</p>
</div>
<div>
<img src="images/crowdfunding/benefits-banner-7.png">
<h3>{{ page.extra.benefits_section_card_title_7 | safe }}</h3>
<p>{{ page.extra.benefits_section_card_description_7 | safe }}</p>
</div>
<div>
<img src="get-involved/donation-ico.png">
{{ trans(key='donate-title', lang=lang) }}
{{ trans(key='donate-description', lang=lang) }}
<button> {{ trans(key='donate-title', lang=lang) }}</button>
</div>
</section>
<section>
<h2>{{ page.extra.support_section_title | safe }}</h2>
<p>{{ page.extra.support_section_description | safe }}</p>
</section>
<section>
<h2>{{ page.extra.rewards_section_title | safe }}</h2>
<p>{{ page.extra.rewards_section_description | safe }}</p>
<div>
<img src="images/crowdfunding/rewards-banner-1.png">
<div>
<h3>{{ page.extra.rewards_section_card_title_1 | safe }}</h3>
<p>{{ page.extra.rewards_section_card_description_1 | safe }}</p>
</div>
</div>
<div>
<img src="images/crowdfunding/rewards-banner-2.png">
<div>
<h3>{{ page.extra.rewards_section_card_title_2 | safe }}</h3>
<p>{{ page.extra.rewards_section_card_description_2 | safe }}</p>
</div>
</div>
<div>
<img src="images/crowdfunding/rewards-banner-3.png">
<div>
<h3>{{ page.extra.rewards_section_card_title_3 | safe }}</h3>
<p>{{ page.extra.rewards_section_card_description_3 | safe }}</p>
</div>
</div>
<div>
<img src="images/crowdfunding/rewards-banner-4.png">
<div>
<h3>{{ page.extra.rewards_section_card_title_4 | safe }}</h3>
<p>{{ page.extra.rewards_section_card_description_4 | safe }}</p>
</div>
</div>
<button> {{ trans(key='donate-title', lang=lang) }}</button>
</section>
<section>
<img src="images/crowdfunding/join-us-banner.png">
<h2>{{ page.extra.join_us_section_title | safe }}</h2>
<p>{{ page.extra.join_us_section_description_1 | safe }}</p>
<div>
<img src="images/crowdfunding/join-us-ico.png">
<p>{{ page.extra.join_us_section_description_2 | safe }}</p>
</div>
<p>{{ page.extra.join_us_section_description_3 | safe }}</p>
</section>
<section>
{{ trans(key='ged-involved-title', lang=lang) }}
<div>
<img src="get-involved/donation-ico.png">
{{ trans(key='donate-title', lang=lang) }}
{{ trans(key='donate-description', lang=lang) }}
</div>
<div>
<img src="get-involved/contribute-code-ico.png">
{{ trans(key='contribute-code-title', lang=lang) }}
{{ trans(key='contribute-code-description', lang=lang) }}
</div>
<div>
<img src="get-involved/contribute-info-ico.png">
{{ trans(key='contribute-location-title', lang=lang) }}
{{ trans(key='contribute-location-description', lang=lang) }}
</div>
</section>
<section class="crowdfunding hero-sub hero-sub--big"
style="background-image: url({{ page.extra.hero_image | safe }})">
<div class="container hero-sub__container">
<nav class="bred-crum">
<ul class="bred-crum__row">
<li class="bred-crum__item">
<a class="nav-bred bred-crum__link" href="/">{{ page.extra.menu_title_pre }}</a>
</li>
<li class="bred-crum__item">
<span class="nav-bred">
>
</span>
</li>
<li class="bred-crum__item">
<a class="nav-bred bred-crum__link bred-crum--active"
href="/{{ page.extra.hero_title | lower }}">{{ page.extra.hero_title }}</a>
</li>
</ul>
</nav>
<h1 class="h1 hero-sub__title">{{ page.extra.hero_title | safe }}</h1>
<p class="h2-sub_v2 hero-sub__description">{{ page.extra.hero_description | safe }}</p>
<button class="button button--main"> {{ trans(key='donate-title', lang=lang) }}</button>
</div>
</section>
<section class="crowdfunding-loc">
<div class="container crowdfunding-loc__container">
<div class="crowdfunding-loc__content">
{% include 'ui/icons/social/point.html' %}
<h2 class="h6-bold crowdfunding-loc__title"> {{ page.extra.why_section_title_1 | safe }} </h2>
<p class="p-card crowdfunding-loc__text"> {{ page.extra.why_section_description_1 | safe }}</p>
<div class="crowdfunding-loc__img-row">
<img class="crowdfunding-loc__img" src="/images/crowdfunding/why-us-banner.png" alt="img">
</div>
<h2 class="h6-bold crowdfunding-loc__title"> {{ page.extra.why_section_title_2 | safe }} </h2>
<p class="p-card crowdfunding-loc__text"> {{ page.extra.why_section_description_2 | safe }}</p>
</div>
</div>
</section>
<section class="crowdfunding-card">
<div class="container crowdfunding-card__container">
<div class="crowdfunding-card__item">
<img src="/images/crowdfunding/benefits-banner-1.png" alt="img">
<div class="services-support__title-row">
<div class="services-support__count">
<span class="icon-count services-support__number">01</span>
<div class="services-support__icon">
{% include 'ui/icons/new-support/pin.html' %}
</div>
</div>
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_1 | safe }}</h2>
</div>
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_1 | safe }}</p>
</div>
<div class="crowdfunding-card__item">
<img src="/images/crowdfunding/benefits-banner-2.png" alt="img">
<div class="services-support__title-row">
<div class="services-support__count">
<span class="icon-count services-support__number">02</span>
<div class="services-support__icon">
{% include 'ui/icons/new-support/pin.html' %}
</div>
</div>
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_2 | safe }}</h2>
</div>
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_2 | safe }}</p>
</div>
<div class="crowdfunding-card__item">
<img src="/images/crowdfunding/benefits-banner-3.png" alt="img">
<div class="services-support__title-row">
<div class="services-support__count">
<span class="icon-count services-support__number">03</span>
<div class="services-support__icon">
{% include 'ui/icons/new-support/pin.html' %}
</div>
</div>
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_3 | safe }}</h2>
</div>
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_3 | safe }}</p>
</div>
<div class="crowdfunding-card__item">
<img src="/images/crowdfunding/benefits-banner-4.png" alt="img">
<div class="services-support__title-row">
<div class="services-support__count">
<span class="icon-count services-support__number">04</span>
<div class="services-support__icon">
{% include 'ui/icons/new-support/pin.html' %}
</div>
</div>
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_4 | safe }}</h2>
</div>
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_4 | safe }}</p>
</div>
<div class="crowdfunding-card__item">
<img src="/images/crowdfunding/benefits-banner-5.png" alt="img">
<div class="services-support__title-row">
<div class="services-support__count">
<span class="icon-count services-support__number">05</span>
<div class="services-support__icon">
{% include 'ui/icons/new-support/pin.html' %}
</div>
</div>
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_5 | safe }}</h2>
</div>
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_5 | safe }}</p>
</div>
<div class="crowdfunding-card__item">
<img src="/images/crowdfunding/benefits-banner-6.png" alt="img">
<div class="services-support__title-row">
<div class="services-support__count">
<span class="icon-count services-support__number">06</span>
<div class="services-support__icon">
{% include 'ui/icons/new-support/pin.html' %}
</div>
</div>
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_6 | safe }}</h2>
</div>
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_6 | safe }}</p>
</div>
<div class="crowdfunding-card__item">
<img src="/images/crowdfunding/benefits-banner-7.png" alt="img">
<div class="services-support__title-row">
<div class="services-support__count">
<span class="icon-count services-support__number">07</span>
<div class="services-support__icon">
{% include 'ui/icons/new-support/pin.html' %}
</div>
</div>
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_7 | safe }}</h2>
</div>
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_7 | safe }}</p>
</div>
<div class="crowdfunding-card__item">
{% include 'section/solo-donate.html' %}
</div>
</div>
</section>
<section class="crowdfunding-support">
<div class="container crowdfunding-support__container">
<div class="crowdfunding-support__content">
<h2 class="crowdfunding-support__title">{{ page.extra.support_section_title | safe }}</h2>
<p class="crowdfunding-support__text">{{ page.extra.support_section_description | safe }}</p>
<p class="crowdfunding-support__text">{{ page.extra.support_section_description_2 | safe }}</p>
</div>
<img class="crowdfunding-support__img" src="/images/crowdfunding/benefits-banner-5.png" alt="img">
</div>
</section>
<section class="crowdfunding-card-v2">
<div class="container crowdfunding-card-v2__container">
<h2 class="h6-bold">{{ page.extra.rewards_section_title | safe }}</h2>
<p class="p-card">{{ page.extra.rewards_section_description | safe }}</p>
<div class="crowdfunding-card-v2__row">
<div class="crowdfunding-card-v2__item">
<img class="crowdfunding-card-v2__img" src="/images/crowdfunding/rewards-banner-1.png" alt="img">
<div class="crowdfunding-card-v2__content">
<div class="price-icon crowdfunding-card-v2__num">
$50
</div>
<h3 class="h5 crowdfunding-card-v2__title">{{ page.extra.rewards_section_card_title_1 | safe }}</h3>
<p class="p-card crowdfunding-card-v2__text">{{ page.extra.rewards_section_card_description_1 | safe }}</p>
</div>
</div>
<div class="crowdfunding-card-v2__item">
<img class="crowdfunding-card-v2__img" src="/images/crowdfunding/rewards-banner-2.png" alt="img">
<div class="crowdfunding-card-v2__content">
<div class="price-icon crowdfunding-card-v2__num">
$100
</div>
<h3 class="h5 crowdfunding-card-v2__title">{{ page.extra.rewards_section_card_title_2 | safe }}</h3>
<p class="p-card crowdfunding-card-v2__text">{{ page.extra.rewards_section_card_description_2 | safe }}</p>
</div>
</div>
<div class="crowdfunding-card-v2__item">
<img class="crowdfunding-card-v2__img" src="/images/crowdfunding/rewards-banner-3.png" alt="img">
<div class="crowdfunding-card-v2__content">
<div class="price-icon crowdfunding-card-v2__num">
$250
</div>
<h3 class="h5 crowdfunding-card-v2__title">{{ page.extra.rewards_section_card_title_3 | safe }}</h3>
<p class="p-card crowdfunding-card-v2__text">{{ page.extra.rewards_section_card_description_3 | safe }}</p>
</div>
</div>
<div class="crowdfunding-card-v2__item">
<img class="crowdfunding-card-v2__img" src="/images/crowdfunding/rewards-banner-4.png" alt="img">
<div class="crowdfunding-card-v2__content">
<div class="price-icon crowdfunding-card-v2__num">
$1000
</div>
<h3 class="h5 crowdfunding-card-v2__title">{{ page.extra.rewards_section_card_title_4 | safe }}</h3>
<p class="p-card crowdfunding-card-v2__text">{{ page.extra.rewards_section_card_description_4 | safe }}</p>
</div>
</div>
<button class="button button--main crowdfunding-card-v2__button"> {{ trans(key='donate-title', lang=lang) }}</button>
</div>
</div>
</section>
<section class="crowdfunding-journey">
<div class="container crowdfunding-journey__container">
<div class="crowdfunding-journey__fai"></div>
<div class="crowdfunding-journey__content">
<h2 class="h6-bold crowdfunding-journey__title">{{ page.extra.join_us_section_title | safe }}</h2>
<img class="crowdfunding-journey__img" src="/images/crowdfunding/join-us-banner.png" alt="img">
<p class="p-card">{{ page.extra.join_us_section_description_1 | safe }}</p>
<div class="crowdfunding-journey__card">
{% include 'ui/icons/social/hand.html' %}
<p class="p-15">{{ page.extra.join_us_section_description_2 | safe }}</p>
</div>
<p class="p-card">{{ page.extra.join_us_section_description_3 | safe }}</p>
</div>
</div>
</section>
{% include 'section/donate.html' %}
{%- endblock content %}

181
templates/download.html
View file

@ -1,81 +1,108 @@
{% extends "base.html" %}
{%- block content %}
<section class="hero-sub">
<div class="container hero-sub__container">
<h1>{{ page.extra.hero_title | safe }}</h1>
<p>{{ page.extra.hero_description | safe }}</p>
</div>
</section>
<section class="section-community">
<div>
<h3>{{ page.extra.mobile_payment_title | safe }}</h3>
<div>
<p>{{ page.extra.mobile_payment_methods_1 | safe }}</p>
<p>{{ page.extra.mobile_shop_name_1 | safe }}</p>
<img src="images/download/app-store-logo.png">
</div>
<div>
<div>
<p>{{ page.extra.mobile_payment_methods_2 | safe }}</p>
<p>{{ page.extra.mobile_shop_name_2 | safe }}</p>
<img src="images/download/googleplay-logo.png">
</div>
<div>
<p>{{ page.extra.mobile_shop_name_3 | safe }}</p>
<img src="images/download/f-droid-logo.png">
</div>
<div>
<p>{{ page.extra.mobile_shop_name_4 | safe }}</p>
<img src="images/download/app-gallery-logo.png">
</div>
</div>
</div>
<div>
<h3>{{ page.extra.desktop_payment_title | safe }}</h3>
<div>
<p>{{ page.extra.desktop_payment_methods_1 | safe }}</p>
<p>{{ page.extra.desktop_shop_name_1 | safe }}</p>
<img src="images/download/app-store-logo.png">
</div>
<div>
<p>{{ page.extra.desktop_payment_methods_2 | safe }}</p>
<p>{{ page.extra.desktop_shop_name_2 | safe }}</p>
<img src="images/download/flathub-logo.png">
</div>
</div>
</section>
<section>
<h2>{{ page.extra.download_section_title | safe }}</h2>
<div>
<p>{{ page.extra.download_section_list_title_1 | safe }}</p>
</div>
<div>
<p>{{ page.extra.download_section_list_title_2 | safe }}</p>
</div>
<div>
<p>{{ page.extra.download_section_list_title_3 | safe }}</p>
</div>
<div>
<p>{{ page.extra.download_section_list_title_4 | safe }}</p>
</div>
</section>
<section>
{{ trans(key='ged-involved-title', lang=lang) }}
<div>
<img src="get-involved/donation-ico.png">
{{ trans(key='donate-title', lang=lang) }}
{{ trans(key='donate-description', lang=lang) }}
</div>
<div>
<img src="get-involved/contribute-code-ico.png">
{{ trans(key='contribute-code-title', lang=lang) }}
{{ trans(key='contribute-code-description', lang=lang) }}
</div>
<div>
<img src="get-involved/contribute-info-ico.png">
{{ trans(key='contribute-location-title', lang=lang) }}
{{ trans(key='contribute-location-description', lang=lang) }}
</div>
</section>
<section class="hero-sub" style="background-image: url({{ page.extra.hero_image | safe }})">
<div class="container hero-sub__container">
<nav class="bred-crum">
<ul class="bred-crum__row">
<li class="bred-crum__item">
<a class="nav-bred bred-crum__link" href="/">{{ page.extra.menu_title_pre }}</a>
</li>
<li class="bred-crum__item">
<span class="nav-bred">
>
</span>
</li>
<li class="bred-crum__item">
<a class="nav-bred bred-crum__link bred-crum--active"
href="/{{ page.extra.hero_title | lower }}">{{ page.extra.hero_title }}</a>
</li>
</ul>
</nav>
<div class="hero-sub__content">
<h1 class="h1 hero-sub__title">
{{ page.extra.hero_title | safe }}
</h1>
<p class="h2-sub_v2 hero-sub__description">
{{ page.extra.hero_description | safe }}
</p>
</div>
</div>
</section>
<section class="section-device">
<div class="container section-device__container">
<div class="section-device__item">
<div class="section-device__title-row">
<h3 class="h5 section-device__title">{{ page.extra.mobile_payment_title | safe }}</h3>
<div class="section-device__icon">
{% include 'ui/icons/social/upload.html' %}
</div>
</div>
<div class="section-device__content">
<p class="p-15-bold section-device__content-title">{{ page.extra.mobile_payment_methods_1 | safe }}</p>
<div class="section-device__content-item">
<p class="p-15 section-device__text">{{ page.extra.mobile_shop_name_1 | safe }}</p>
<img class="section-device__img" src="/images/download/app-store-logo.png" alt="img">
</div>
</div>
</div>
</div>
<div>
<div>
<p>{{ page.extra.mobile_payment_methods_1 | safe }}</p>
</div>
<div>
<div>
<p>{{ page.extra.mobile_payment_methods_2 | safe }}</p>
<p>{{ page.extra.mobile_shop_name_2 | safe }}</p>
<img src="images/download/googleplay-logo.png">
</div>
<div>
<p>{{ page.extra.mobile_shop_name_3 | safe }}</p>
<img src="images/download/f-droid-logo.png">
</div>
<div>
<p>{{ page.extra.mobile_shop_name_4 | safe }}</p>
<img src="images/download/app-gallery-logo.png">
</div>
</div>
</div>
<div>
<h3>{{ page.extra.desktop_payment_title | safe }}</h3>
<div>
<p>{{ page.extra.desktop_payment_methods_1 | safe }}</p>
<p>{{ page.extra.desktop_shop_name_1 | safe }}</p>
<img src="images/download/app-store-logo.png">
</div>
<div>
<p>{{ page.extra.desktop_payment_methods_2 | safe }}</p>
<p>{{ page.extra.desktop_shop_name_2 | safe }}</p>
<img src="images/download/flathub-logo.png">
</div>
</div>
</section>
<section>
<h2>{{ page.extra.download_section_title | safe }}</h2>
<div>
<p>{{ page.extra.download_section_list_title_1 | safe }}</p>
</div>
<div>
<p>{{ page.extra.download_section_list_title_2 | safe }}</p>
</div>
<div>
<p>{{ page.extra.download_section_list_title_3 | safe }}</p>
</div>
<div>
<p>{{ page.extra.download_section_list_title_4 | safe }}</p>
</div>
</section>
{% include 'section/donate.html' %}
{%- endblock content %}

15
templates/section/solo-donate.html Normal file
View file

@ -0,0 +1,15 @@
<section class="donate">
<div class="container donate__container">
<div class="donate__content">
<h2 class="h6 donate__title">
{{ trans(key='donate-title', lang=lang) }}
</h2>
<div class=" donate__line"></div>
<p class="h2-sub_v2 donate__description"> {{ trans(key='donate-description', lang=lang) }}</p>
{% include 'components/donate-button.html' %}
</div>
<div class="donate__img">
{% include 'ui/icons/community/donate.html' %}
</div>
</div>
</section>

10
templates/ui/icons/social/hand.html Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="73" height="73" viewBox="0 0 73 73" fill="none">
<g clip-path="url(#clip0_880_4988)">
<path d="M67.2418 9.06542C63.4027 4.98702 58.0987 2.60354 52.4999 2.4408C46.9012 2.27806 41.4677 4.34942 37.3982 8.19794L36.4747 9.07029C28.4769 0.587639 15.1168 0.194623 6.63414 8.19247C-1.84851 16.1903 -2.24153 29.5504 5.75632 38.033L7.8356 40.2364C6.95764 42.2692 7.23822 44.6167 8.5705 46.3853C9.90278 48.1539 12.0818 49.0713 14.2779 48.7884C13.906 50.7236 14.4871 52.7196 15.8396 54.1528C17.1921 55.586 19.1511 56.2818 21.1046 56.0227C20.7327 57.9576 21.3137 59.9533 22.666 61.3863C24.0182 62.8193 25.9769 63.5149 27.9301 63.2558C27.4461 65.8836 28.7057 68.5249 31.0523 69.8029C33.3989 71.081 36.3011 70.7064 38.2462 68.8743C45.1897 62.3189 44.9719 62.6462 45.6277 61.5415C47.6586 62.5408 50.0744 62.3426 51.9153 61.0257C53.7561 59.7087 54.7239 57.4864 54.4339 55.2416C56.3688 55.6042 58.3603 55.0186 59.7908 53.6663C61.2214 52.314 61.918 50.3585 61.6646 48.4063C64.3079 48.8919 66.962 47.6133 68.2298 45.2436C69.4976 42.8739 69.0883 39.9564 67.2175 38.027C74.9214 29.9138 74.9321 17.1915 67.2418 9.06542ZM10.7872 45.26C9.36575 43.7497 9.43431 41.3739 10.9405 39.9481L17.2672 33.9742C18.7801 32.5769 21.1359 32.6579 22.5492 34.1559C23.9625 35.6539 23.9064 38.0104 22.4234 39.4395L16.0968 45.4133C14.5875 46.8352 12.212 46.7666 10.7872 45.26ZM17.614 52.4943C16.1911 50.9845 16.2597 48.6076 17.7673 47.1824L24.0939 41.2085C25.6028 39.785 27.9799 39.8542 29.4035 41.3631C30.827 42.8719 30.7578 45.2491 29.2489 46.6726L22.9223 52.6476C21.4112 54.0664 19.0371 53.9951 17.614 52.4883V52.4943ZM24.4395 59.7274C23.0184 58.2172 23.0875 55.8418 24.594 54.4167L30.9206 48.4428C32.4391 47.1097 34.7402 47.2169 36.1282 48.6855C37.5161 50.154 37.4935 52.4574 36.0769 53.8984L29.7502 59.8722C28.242 61.2969 25.8644 61.2294 24.4395 59.7213V59.7274ZM36.5757 67.115C35.5996 68.0361 34.2063 68.3665 32.9206 67.9817C31.6349 67.597 30.6522 66.5555 30.3425 65.2497C30.0329 63.9439 30.4434 62.572 31.4195 61.651L37.7461 55.6759C39.259 54.2786 41.6148 54.3596 43.0281 55.8576C44.4414 57.3556 44.3853 59.7121 42.9024 61.1412L36.5757 67.115ZM65.3535 45.0727C64.6304 45.7585 63.6637 46.1279 62.6675 46.0992C61.6713 46.0704 60.7276 45.6458 60.0452 44.9194L43.8319 27.74C43.3706 27.2512 42.6004 27.2289 42.1115 27.6902C41.6227 28.1515 41.6004 28.9217 42.0617 29.4105L58.2786 46.5886C59.1999 47.5645 59.5306 48.9577 59.1461 50.2435C58.7617 51.5293 57.7205 52.5123 56.4147 52.8222C55.109 53.1321 53.7371 52.7219 52.8158 51.7461L36.6 34.5655C36.3016 34.2493 35.8572 34.1163 35.4341 34.2166C35.0111 34.3169 34.6737 34.6353 34.549 35.0519C34.4244 35.4684 34.5314 35.9198 34.8298 36.236L51.0407 53.4117C52.3207 54.767 52.4117 56.8565 51.2542 58.3179C50.0967 59.7792 48.0419 60.1692 46.4295 59.2335C46.6819 57.4954 46.1782 55.7325 45.0457 54.3901C43.9131 53.0478 42.2601 52.2546 40.5043 52.2109C39.166 52.1756 39.6527 52.6817 39.6867 51.3434C39.7352 49.7022 39.1292 48.109 38.0023 46.9148C36.8755 45.7206 35.3201 45.0233 33.6788 44.9766C32.3405 44.934 32.8211 45.4632 32.8612 44.1091C32.909 42.4678 32.3027 40.8748 31.1757 39.6808C30.0487 38.4867 28.4934 37.7893 26.8521 37.7423C25.5053 37.7045 25.9944 38.2399 26.0345 36.8748C26.1002 34.3754 24.6573 32.0814 22.376 31.0582C20.0948 30.035 17.422 30.483 15.5992 32.1943C6.89999 40.4055 9.9015 37.5756 9.25302 38.1876L7.52778 36.3626C0.452859 28.8579 0.801208 17.0389 8.30584 9.96393C15.8105 2.88901 27.6295 3.23736 34.7045 10.742L24.74 20.1517C23.7951 21.0577 23.2389 22.2952 23.1887 23.6034C23.0671 28.6002 30.4997 31.7465 35.0415 27.448L44.1227 18.8778C44.3572 18.6561 44.6703 18.5366 44.993 18.5457C45.3156 18.5549 45.6214 18.6918 45.8431 18.9265C48.2302 21.456 63.2171 37.3383 65.5068 39.7631C66.1909 40.4874 66.5591 41.4538 66.5304 42.4497C66.5016 43.4455 66.0783 44.3891 65.3535 45.0727ZM65.5616 36.2762L47.6121 17.256C46.9475 16.5521 46.0306 16.141 45.0629 16.1131C44.0952 16.0853 43.1561 16.443 42.4522 17.1076L33.3698 25.6802C32.4052 26.5907 31.1178 27.0796 29.792 27.0387C28.4662 26.9978 27.2113 26.4306 26.3046 25.4624C25.8481 24.9785 25.603 24.3328 25.6233 23.6679C25.6436 23.003 25.9277 22.3735 26.4129 21.9183L39.0662 9.96697C46.3943 3.02965 57.9075 3.16701 65.068 10.2772C72.2285 17.3874 72.4471 28.8993 65.5616 36.2762Z" fill="currentColor"/>
</g>
<defs>
<clipPath id="clip0_880_4988">
<rect width="73" height="73" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.3 KiB

3
templates/ui/icons/social/point.html Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="439" height="452" viewBox="0 0 439 452" fill="none">
<path opacity="0.07" fill-rule="evenodd" clip-rule="evenodd" d="M396.632 182.276C396.632 300.434 251.374 427.46 223.94 450.398C221.361 452.554 217.65 452.53 215.092 450.349C197.64 435.463 132.137 377.382 87.0076 307.332C41.7565 321.611 9.7429 323.616 1.8531 309.953C-11.3808 287.036 47.5039 227.393 138.946 167.497C206.017 189.494 247.216 140.466 275.821 106.426C284.383 96.2363 291.817 87.3898 298.478 82.1932C301.047 80.1888 301.098 75.1615 298.127 73.8222C211.331 34.6938 132.316 60.471 123.796 131.771C123.447 134.691 126.681 136.559 129.16 134.977C162.522 113.688 200.807 97.9803 229.673 90.5718C233.75 89.5255 234.687 93.6117 230.769 95.1494C203.456 105.87 176.108 120.608 151.616 135.84C151.479 135.836 151.34 135.869 151.217 135.943C108.661 161.254 72.2492 187.541 45.308 211.665C43.4001 201.816 42.3673 191.996 42.3673 182.276C42.3673 81.6077 121.672 0 219.5 0C272.216 0 319.553 23.6971 352.001 61.3042C397.248 47.0278 429.258 45.0239 437.147 58.6858C447.748 77.0436 412.072 118.968 350.454 165.71C335.632 177.439 318.041 189.874 298.346 202.44C232.279 181.819 191.535 230.305 163.174 264.056C154.612 274.246 147.178 283.092 140.517 288.289C137.947 290.293 137.897 295.32 140.868 296.66C227.663 335.788 306.679 310.011 315.199 238.711C315.548 235.791 312.314 233.923 309.834 235.505C276.473 256.794 238.187 272.502 209.321 279.91C205.245 280.956 204.308 276.87 208.225 275.333C235.574 264.598 262.959 249.836 287.475 234.582C287.581 234.572 287.686 234.539 287.781 234.482C331.04 208.753 367.951 182.015 395.018 157.566C396.083 165.646 396.632 173.895 396.632 182.276ZM382.999 112.029C397.282 97.3638 403.852 86.0033 400.343 79.9261C396.912 73.9846 384.289 73.8602 365.183 78.5622C372.2 88.9805 378.189 100.188 382.999 112.029ZM58.4892 254.091C42.4923 269.969 34.9524 282.283 38.6594 288.703C42.2268 294.881 55.7314 294.769 76.1292 289.483C69.4728 277.886 63.4968 266.045 58.4892 254.091Z" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

3
templates/ui/icons/social/upload.html Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="55" height="52" viewBox="0 0 55 52" fill="none">
<path d="M48.125 39V32.5C48.125 32.069 47.9439 31.6557 47.6216 31.351C47.2993 31.0462 46.8621 30.875 46.4062 30.875C45.9504 30.875 45.5132 31.0462 45.1909 31.351C44.8686 31.6557 44.6875 32.069 44.6875 32.5V39C44.6875 39.431 44.5064 39.8443 44.1841 40.149C43.8618 40.4538 43.4246 40.625 42.9688 40.625H12.0312C11.5754 40.625 11.1382 40.4538 10.8159 40.149C10.4936 39.8443 10.3125 39.431 10.3125 39V32.5C10.3125 32.069 10.1314 31.6557 9.80909 31.351C9.48676 31.0462 9.04959 30.875 8.59375 30.875C8.13791 30.875 7.70074 31.0462 7.37841 31.351C7.05608 31.6557 6.875 32.069 6.875 32.5V39C6.875 40.2929 7.41825 41.5329 8.38523 42.4471C9.35222 43.3614 10.6637 43.875 12.0312 43.875H42.9688C44.3363 43.875 45.6478 43.3614 46.6148 42.4471C47.5818 41.5329 48.125 40.2929 48.125 39ZM37.1594 30.5175L28.5656 37.0175C28.2622 37.2442 27.8867 37.3675 27.5 37.3675C27.1133 37.3675 26.7378 37.2442 26.4344 37.0175L17.8406 30.5175C17.5275 30.2381 17.3367 29.8577 17.306 29.4516C17.2754 29.0455 17.407 28.6433 17.6749 28.3247C17.9429 28.006 18.3276 27.794 18.7529 27.7306C19.1783 27.6672 19.6133 27.7571 19.9719 27.9825L25.7812 32.37V9.75C25.7812 9.31902 25.9623 8.9057 26.2847 8.60095C26.607 8.29621 27.0442 8.125 27.5 8.125C27.9558 8.125 28.393 8.29621 28.7153 8.60095C29.0377 8.9057 29.2188 9.31902 29.2188 9.75V32.37L35.0281 27.9825C35.2012 27.828 35.4063 27.7092 35.6305 27.6336C35.8547 27.5581 36.093 27.5273 36.3304 27.5433C36.5678 27.5594 36.7991 27.6218 37.0096 27.7268C37.2201 27.8318 37.4053 27.9769 37.5534 28.1531C37.7015 28.3292 37.8093 28.5325 37.8699 28.7501C37.9306 28.9677 37.9428 29.1948 37.9057 29.4171C37.8687 29.6394 37.7832 29.852 37.6547 30.0414C37.5263 30.2308 37.3576 30.3929 37.1594 30.5175Z" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB