From 6a7bf4fdc3c17d8f1e5070f97cdbcf3597bb8eca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Bedna=C5=99=C3=ADk?= <jan.bednarik@gmail.com>
Date: Tue, 26 May 2020 11:38:53 +0200
Subject: [PATCH] donate: App with roughly working homepage
---
README.md | 1 +
donate/__init__.py | 0
donate/apps.py | 5 +
donate/models.py | 102 ++
donate/static/donate/assets/css/icons.css | 57 +
donate/static/donate/assets/css/style.css | 1062 +++++++++++++++++
donate/static/donate/assets/js/scripts.js | 62 +
donate/static/donate/icons/icomoon.eot | Bin 0 -> 3028 bytes
donate/static/donate/icons/icomoon.svg | 20 +
donate/static/donate/icons/icomoon.ttf | Bin 0 -> 2864 bytes
donate/static/donate/icons/icomoon.woff | Bin 0 -> 2940 bytes
donate/static/donate/img/donate.png | Bin 0 -> 22163 bytes
donate/static/donate/img/logo_napis.png | Bin 0 -> 8536 bytes
donate/static/donate/img/logo_napis.svg | 49 +
donate/static/donate/img/logo_napis_white.svg | 55 +
donate/templates/donate/base.html | 215 ++++
donate/templates/donate/donate_home_page.html | 231 ++++
majak/settings/base.py | 1 +
18 files changed, 1860 insertions(+)
create mode 100644 donate/__init__.py
create mode 100644 donate/apps.py
create mode 100644 donate/models.py
create mode 100644 donate/static/donate/assets/css/icons.css
create mode 100644 donate/static/donate/assets/css/style.css
create mode 100644 donate/static/donate/assets/js/scripts.js
create mode 100644 donate/static/donate/icons/icomoon.eot
create mode 100644 donate/static/donate/icons/icomoon.svg
create mode 100644 donate/static/donate/icons/icomoon.ttf
create mode 100644 donate/static/donate/icons/icomoon.woff
create mode 100644 donate/static/donate/img/donate.png
create mode 100644 donate/static/donate/img/logo_napis.png
create mode 100644 donate/static/donate/img/logo_napis.svg
create mode 100644 donate/static/donate/img/logo_napis_white.svg
create mode 100644 donate/templates/donate/base.html
create mode 100644 donate/templates/donate/donate_home_page.html
diff --git a/README.md b/README.md
index d522cdfd..9ce30bd8 100644
--- a/README.md
+++ b/README.md
@@ -26,6 +26,7 @@ jako přehled pluginů a rozšíření pro Wagtail.
.
├── home = app na web úvodní stránky Majáku
+ ├── donate = app na web dary.pirati.cz
├── senat_campaign = app na weby kandidátů na senátory
...
├── majak = Django projekt s konfigurací Majáku
diff --git a/donate/__init__.py b/donate/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/donate/apps.py b/donate/apps.py
new file mode 100644
index 00000000..d539a5b7
--- /dev/null
+++ b/donate/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class DonateConfig(AppConfig):
+ name = "donate"
diff --git a/donate/models.py b/donate/models.py
new file mode 100644
index 00000000..4679f0db
--- /dev/null
+++ b/donate/models.py
@@ -0,0 +1,102 @@
+from django.db import models
+from django.utils.translation import gettext_lazy
+from wagtail.admin.edit_handlers import FieldPanel, HelpPanel, MultiFieldPanel
+from wagtail.core.fields import RichTextField
+from wagtail.core.models import Page
+from wagtail.images.edit_handlers import ImageChooserPanel
+
+
+class DonateHomePage(Page):
+ # lead section
+ lead_title = models.CharField("hlavní nadpis", max_length=250, blank=True)
+ lead_body = models.TextField("hlavní popis", blank=True)
+ lead_video = models.URLField("video na youtube", blank=True, null=True)
+ lead_preview = models.ForeignKey(
+ "wagtailimages.Image",
+ on_delete=models.PROTECT,
+ blank=True,
+ null=True,
+ verbose_name="náhled videa",
+ )
+ # support section
+ support_title = models.CharField("podpoř stranu nadpis", max_length=250, blank=True)
+ support_body = models.TextField("podpoř stranu popis", blank=True)
+ # projects section
+ project_title = models.CharField(
+ "podpoř projekt nadpis", max_length=250, blank=True
+ )
+ project_body = models.TextField("podpoř projekt popis", blank=True)
+ # regions section
+ region_title = models.CharField("podpoř kraj nadpis", max_length=250, blank=True)
+ region_body = models.TextField("podpoř kraj popis", blank=True)
+ # settings
+ facebook = models.URLField("Facebook URL", blank=True, null=True)
+ instagram = models.URLField("Instagram URL", blank=True, null=True)
+ twitter = models.URLField("Twitter URL", blank=True, null=True)
+ flickr = models.URLField("Flickr URL", blank=True, null=True)
+ matomo_id = models.IntegerField(
+ "Matomo ID pro sledování návštěvnosti", blank=True, null=True
+ )
+
+ content_panels = Page.content_panels + [
+ MultiFieldPanel(
+ [
+ FieldPanel("lead_title"),
+ FieldPanel("lead_body"),
+ FieldPanel("lead_video"),
+ ImageChooserPanel("lead_preview"),
+ ],
+ heading="hlavní sekce",
+ ),
+ MultiFieldPanel(
+ [FieldPanel("support_title"), FieldPanel("support_body")],
+ heading="podpoř stranu",
+ ),
+ MultiFieldPanel(
+ [FieldPanel("project_title"), FieldPanel("project_body")],
+ heading="podpoř projekt",
+ ),
+ MultiFieldPanel(
+ [FieldPanel("region_title"), FieldPanel("region_body")],
+ heading="podpoř kraj",
+ ),
+ ]
+
+ promote_panels = [
+ MultiFieldPanel(
+ [
+ HelpPanel(
+ "Název stránky na předchozím tabu slouží k rozlišení stránek "
+ "v Majáku. V prohlížeči se zobrazí tento titulek."
+ ),
+ FieldPanel("seo_title"),
+ FieldPanel("search_description"),
+ ],
+ gettext_lazy("Common page configuration"),
+ ),
+ ]
+
+ settings_panels = [
+ MultiFieldPanel(
+ [
+ FieldPanel("facebook"),
+ FieldPanel("instagram"),
+ FieldPanel("twitter"),
+ FieldPanel("flickr"),
+ ],
+ heading="sociální sítě",
+ ),
+ FieldPanel("matomo_id"),
+ ]
+
+ subpage_types = ["donate.DonateRegionIndexPage"]
+
+ # flag for rendering anchor links in menu
+ is_home = True
+
+ class Meta:
+ verbose_name = "Dary"
+
+ @property
+ def root_page(self):
+ return self
diff --git a/donate/static/donate/assets/css/icons.css b/donate/static/donate/assets/css/icons.css
new file mode 100644
index 00000000..64c5132c
--- /dev/null
+++ b/donate/static/donate/assets/css/icons.css
@@ -0,0 +1,57 @@
+@font-face {
+ font-family: 'icomoon';
+ src: url('../../icons/icomoon.eot?692jc3');
+ src: url('../../icons/icomoon.eot?692jc3#iefix') format('embedded-opentype'),
+ url('../../icons/icomoon.ttf?692jc3') format('truetype'),
+ url('../../icons/icomoon.woff?692jc3') format('woff'),
+ url('../../icons/icomoon.svg?692jc3#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+i {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'icomoon' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-heart:before {
+ content: "\f004";
+}
+.icon-check:before {
+ content: "\f00c";
+}
+.icon-chevron-left:before {
+ content: "\f053";
+}
+.icon-chevron-right:before {
+ content: "\f054";
+}
+.icon-external-link:before {
+ content: "\f08e";
+}
+.icon-calendar:before {
+ content: "\f133";
+}
+.icon-linkedin:before {
+ content: "\f08c";
+}
+.icon-twitter:before {
+ content: "\f099";
+}
+.icon-instagram:before {
+ content: "\f16d";
+}
+.icon-facebook-f:before {
+ content: "\f39e";
+}
diff --git a/donate/static/donate/assets/css/style.css b/donate/static/donate/assets/css/style.css
new file mode 100644
index 00000000..e65af21f
--- /dev/null
+++ b/donate/static/donate/assets/css/style.css
@@ -0,0 +1,1062 @@
+/*
+*
+* Custom styling for Piráti senate candidate website
+* Author: Daniel Hlavacek
+* Author's website: https://danielhlavacek.cz/
+*
+*/
+
+/* GENERAL */
+
+body {
+ font-size: 16px;
+ /*padding-top: 79px;*/
+ font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+a:hover {
+ color: #757575;
+}
+
+/* HEADINGS */
+
+h1, h1.lead {
+ font-size: 3.6rem;
+}
+
+h2, h2.lead {
+ font-size: 2.8rem;
+}
+
+h3, h3.lead {
+ font-size: 2.1rem;
+}
+
+h4, h4.lead {
+ font-size: 1.65rem;
+}
+
+h5, h5.lead {
+ font-size: 1.3rem;
+}
+
+h6, h6.lead {
+ font-size: 1rem;
+}
+
+@media screen and (max-width: 500px) {
+ h1, h1.lead {
+ font-size: 3rem;
+ }
+ h2, h2.lead {
+ font-size: 2.4rem;
+ }
+ h3, h3.lead {
+ font-size: 1.85rem;
+ }
+ h4, h4.lead {
+ font-size: 1.4rem;
+ }
+ h5, h5.lead {
+ font-size: 1.2rem;
+ }
+ h6, h6.lead {
+ font-size: 1rem;
+ }
+}
+
+h1.lead, h2.lead, h3.lead, h4.lead, h5.lead, h6.lead {
+ font-family: "Bebas Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ line-height: 1;
+ text-transform: uppercase;
+}
+
+
+
+h1.homepage-heading {
+ font-size: 6rem;
+}
+h1.heading {
+ font-size: 4rem;
+}
+h2.page-subheading {
+ font-size: 4rem;
+}
+h3.page-subheading {
+ font-size: 3.8rem;
+}
+
+@media screen and (max-width: 1200px) {
+ h1.homepage-heading {
+ font-size: 5.4rem;
+ }
+ h1.heading {
+ font-size: 4rem;
+ }
+ h2.page-subheading {
+ font-size: 4rem;
+ }
+ h3.page-subheading {
+ font-size: 3.6rem;
+ }
+}
+
+@media screen and (max-width: 991px) {
+ h1.homepage-heading {
+ font-size: 4.4rem;
+ }
+ h1.heading {
+ font-size: 3.7rem;
+ }
+ h2.page-subheading {
+ font-size: 3.7rem;
+ }
+ h3.page-subheading {
+ font-size: 3.2rem;
+ }
+}
+
+@media screen and (max-width: 440px) {
+ h1.homepage-heading {
+ font-size: 3.8rem;
+ }
+ h1.heading {
+ font-size: 3.4rem;
+ }
+ h2.page-subheading {
+ font-size: 3.4rem;
+ }
+ h3.page-subheading {
+ font-size: 3rem;
+ }
+}
+
+@media screen and (max-width: 370px) {
+ h1.homepage-heading {
+ font-size: 3.6rem;
+ }
+ h2.page-subheading {
+ font-size: 3rem;
+ }
+ h3.page-subheading {
+ font-size: 2.6rem;
+ }
+}
+
+@media screen and (max-width: 330px) {
+ h1.homepage-heading {
+ font-size: 3rem;
+ }
+ h2.page-subheading {
+ font-size: 2.8rem;
+ }
+ h3.page-subheading {
+ font-size: 2.3rem;
+ }
+}
+
+
+
+/* BUTTONS */
+
+.btn-dark {
+ background: black;
+}
+
+.btn {
+ border-radius: 0;
+ padding: 0.7rem 1.6rem;
+}
+
+.btn {
+ font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+.btn-lg {
+ border-radius: 0;
+ padding: 0.7rem 3rem;
+}
+
+/* TOOLS AND FIXES */
+
+.lazyload, .lazyloading {
+ opacity: 0;
+}
+
+.lazyloaded {
+ opacity: 1;
+ transition: opacity .5s;
+}
+
+/* SECTIONS */
+
+.section--primary {
+ background: #ffffff;
+ color: #000000;
+}
+
+.section--alternate {
+ background: #f7f7f7;
+ color: #000000;
+}
+
+.section--black {
+ background: #000000;
+ color: #ffffff;
+}
+
+/* SECTION SIZING */
+
+section {
+ padding: 4rem 0rem;
+}
+
+.section--lead {
+ padding: 6rem 0rem;
+}
+
+.section--no-bottom-padding {
+ padding-bottom: 0rem;
+}
+
+@media screen and (max-width: 991px) {
+ section {
+ padding: 3.5rem 0rem;
+ }
+ .section--lead {
+ padding: 4rem 0rem;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ section {
+ padding: 3rem 0rem;
+ }
+ .section--lead {
+ padding: 3.5rem 0rem;
+ }
+}
+
+@media screen and (max-width: 575px) {
+ section {
+ padding: 2.5rem 0rem;
+ }
+ .section--lead {
+ padding: 3rem 0rem;
+ }
+}
+
+/* HEADER */
+
+.navbar {
+ background: #212121;
+}
+
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255,255,255);
+}
+
+.navbar-dark .navbar-toggler {
+ color: #ffffff;
+ border: none;
+ margin-right: -1rem;
+}
+
+.navbar.sticky-top {
+ top: -1px;
+}
+
+.nav-link {
+ display: block;
+ padding: .5rem 1rem;
+ text-transform: uppercase;
+ font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-size: 1.2rem;
+}
+
+.navbar-brand {
+ font-family: "Bebas Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-size: 2.2rem;
+ text-transform: uppercase;
+}
+
+@media screen and (max-width: 420px) {
+ .navbar-brand {
+ font-size: 2rem;
+ }
+}
+
+@media screen and (max-width: 390px) {
+ .navbar-brand {
+ font-size: 1.8rem;
+ }
+}
+
+@media screen and (max-width: 350px) {
+ .navbar-brand {
+ font-size: 1.6rem;
+ }
+}
+
+.brand-wrapper {
+ height: 90px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+}
+
+.brand-wrapper img {
+ width: 160px;
+
+}
+
+@media screen and (max-width: 575px) {
+ .brand-wrapper {
+ height: 74px;
+ }
+ .brand-wrapper img {
+ width: 150px;
+ }
+}
+
+@media screen and (min-width: 1200px) {
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: 0.8rem;
+ padding-left: 0.8rem;
+ }
+}
+
+@media screen and (min-width: 576px) and (max-width: 1199.99px) {
+ .navbar .navbar-collapse .navbar-nav {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+}
+
+.header__socials {
+ display: flex;
+ margin-left: -0.5rem;
+}
+
+.header__socials a {
+ padding: 0.5rem;
+}
+
+.header__socials a i {
+ font-size: 1rem;
+ color: white;
+}
+
+.header__socials.header__socials--mobile {
+ margin-left: -0.7rem;
+ padding-top: 0.4rem;
+}
+
+.header__socials.header__socials--mobile a {
+ padding: 0.7rem;
+}
+
+.header__socials.header__socials--mobile a i {
+ font-size: 1.3rem;
+ color: rgba(255,255,255,.5);
+}
+
+.header_link.header_link--desktop {
+ color: white;
+}
+
+.header_link.header_link--mobile {
+ color: rgba(255,255,255,.5);
+}
+
+
+/*--/ Hamburger Navbar /--*/
+
+.navbar-toggler {
+ position: relative;
+}
+
+.navbar-toggler:focus,
+.navbar-toggler:active {
+ outline: 0;
+}
+
+.navbar-toggler span {
+ display: block;
+ background-color: #ffffff;
+ height: 2px;
+ width: 30px;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ left: 0;
+ opacity: 1;
+}
+
+.navbar-toggler span:nth-child(1),
+.navbar-toggler span:nth-child(3) {
+ transition: -webkit-transform .35s ease-in-out;
+ transition: transform .35s ease-in-out;
+ transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
+}
+
+.navbar-toggler:not(.collapsed) span:nth-child(1) {
+ position: absolute;
+ left: 12px;
+ top: 10px;
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ opacity: 0.9;
+}
+
+.navbar-toggler:not(.collapsed) span:nth-child(2) {
+ height: 12px;
+ visibility: hidden;
+ background-color: transparent;
+}
+
+.navbar-toggler:not(.collapsed) span:nth-child(3) {
+ position: absolute;
+ left: 12px;
+ top: 10px;
+ -webkit-transform: rotate(-135deg);
+ transform: rotate(-135deg);
+ opacity: 0.9;
+}
+
+
+/* FOOTER */
+
+.footer__top {
+ background: #212121;
+}
+
+.footer__bottom {
+ background: #000000;
+}
+
+footer {
+ color: #8a8a8a;
+}
+
+footer a {
+ color: #8a8a8a;
+}
+
+footer a:hover {
+ color: #ffffff;
+ text-decoration: none;
+}
+
+footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
+ color: #ffffff;
+}
+
+.footer__top {
+ padding: 4rem 0rem;
+}
+
+@media screen and (max-width: 991px) {
+ .footer__top {
+ padding: 3.5rem 0rem;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .footer__top {
+ padding: 3rem 0rem;
+ }
+}
+
+@media screen and (max-width: 575px) {
+ .footer__top {
+ padding: 2.5rem 0rem;
+ }
+}
+
+.footer__bottom {
+ padding: 2rem 0rem;
+}
+
+.footer__bottom a {
+ border-bottom: 1px dotted;
+}
+
+.footer__bottom a:hover {
+ border-bottom: none;
+ text-decoration: none;
+ color: #8a8a8a;
+}
+
+.footer__list-heading {
+ text-transform: uppercase;
+ margin-bottom: 1.6rem;
+}
+
+.footer__menu {
+ padding-left: 0;
+ list-style: none;
+}
+
+.footer__menu li {
+ padding: 0.15rem 0;
+}
+
+.footer__logo img {
+ width: 180px;
+}
+
+/* UVOD */
+
+.uvod__image-wrapper {
+ max-width: 180px;
+ display: inline-block;
+}
+
+.uvod__button {
+ margin-right: 2rem;
+}
+
+
+
+/* PROJEKTY */
+
+.project {
+ box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+ border-radius: 0;
+ border: 0;
+ height: 100%;
+ color: black;
+ transition: all 0.5s ease-in-out;
+}
+
+
+.project:hover {
+ text-decoration: none;
+ box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, 0.73);
+ color: black;
+}
+
+.project:hover .card-img-top {
+ opacity: 0.9;
+}
+
+.project .card-footer {
+ border-radius: 0;
+ border: 0;
+}
+
+.card-footer .text-muted {
+ color: #707070 !important;
+}
+
+.project .card-img, .project .card-img-top {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.project .card-body h5 {
+ font-weight: bold;
+}
+
+.project .card-body p:last-child {
+ margin-bottom: 0;
+}
+
+.project .card-body p {
+ color: #797676;
+}
+
+.project .card-footer p {
+ margin-bottom: 0;
+}
+
+.project .progress-bar {
+ background-color: #04a548;
+}
+
+.project .progress {
+ margin-bottom: 0.8rem;
+}
+
+.project__flags {
+ position: absolute;
+ top: 0;
+ margin-bottom: 0;
+ z-index: 1;
+ left: -0.25rem;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ list-style: none;
+ padding-left: 0;
+}
+
+.project__flag {
+ margin-top: .5rem;
+ color: #fff;
+ background: #2fb5d2;
+ padding: .25rem .6rem;
+ font-weight: bold;
+}
+
+.project__flag.almost {
+ background: #04a548;
+}
+
+.project__flag.new {
+ background: #e1242a;
+}
+
+.project-images {
+ margin-right: -7.5px;
+ margin-left: -7.5px;
+}
+
+.project-images > div{
+ padding-right: 7.5px;
+ padding-left: 7.5px;
+ margin-bottom: 15px;
+}
+
+.project-donate-form .progress-bar {
+ background-color: #04a548;
+}
+
+
+/* KRAJE */
+
+.region {
+ box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+ border-radius: 0;
+ border: 0;
+ height: 100%;
+ color: black;
+ transition: all 0.5s ease-in-out;
+}
+
+
+.region:hover {
+ text-decoration: none;
+ box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, 0.73);
+ color: black;
+}
+
+.region:hover .card-img-top {
+ opacity: 0.9;
+}
+
+.region .card-img, .region .card-img-top {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.region .card-body h5 {
+ font-weight: bold;
+}
+
+.region .card-body p:last-child {
+ margin-bottom: 0;
+}
+
+.region .card-body p {
+ color: #797676;
+}
+
+
+/* DONATE FORM */
+.donate-form {
+ display: flex;
+ box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+}
+
+.donate-form__left {
+ background: #090A0B;
+ color: white;
+ padding: 1.8rem;
+ flex: 0 0 auto;
+ justify-content: space-between;
+ display: flex;
+ flex-direction: column;
+}
+
+.donate-form__icon {
+ max-width: 7rem;
+ margin-bottom: 4rem;
+}
+
+.donate-form__right {
+ width: 100%;
+ padding: 1.8rem;
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
+ color: #fff;
+ border-color: #28a745;
+ background-color: #28a745;
+}
+
+.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+ color: #fff;
+ background-color: #b3ffd1;
+ border-color: #b3ffd1;
+}
+
+.custom-control-input:focus ~ .custom-control-label::before {
+ box-shadow: 0 0 0 .2rem rgba(0, 255, 147, 0.25);
+}
+
+.custom-control-label::after {
+ top: .5rem;
+ left: -2.5rem;
+ width: 2rem;
+ height: 2rem;
+}
+
+.custom-control-label::before {
+ top: .5rem;
+ left: -2.5rem;
+ width: 2rem;
+ height: 2rem;
+}
+
+.custom-control-input {
+ width: 2rem;
+ height: 2.5rem;
+}
+
+.custom-control {
+ min-height: 2.5rem;
+ padding-left: 2.5rem;
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-append > .input-group-text {
+ border-radius: 0;
+}
+
+.form-control-lg {
+ border-radius: 0;
+}
+
+.form-control:focus {
+ border-color: #28a745;
+ box-shadow: 0 0 0 .2rem rgba(43, 174, 70, 0.25);
+}
+
+@media screen and (min-width: 1200px) {
+ .donate-form__left {
+ width: 16rem;
+ }
+}
+
+@media screen and (max-width: 991px) {
+ .donate-form {
+ flex-direction: column;
+ }
+ .donate-form__left {
+ flex-direction: row;
+ align-items: center;
+ }
+ .donate-form__icon {
+ max-width: 2.5rem;
+ margin-bottom: 0rem;
+ order: 1;
+ margin-left: 1.8rem;
+ }
+ .donate-form__left-content {
+ order: 0;
+ }
+}
+
+.donate-form .custom-amount {
+ max-width: 15rem;
+}
+
+
+/* REGION DONATE FORM */
+
+.region-donate-form {
+ display: flex;
+ box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+ flex-direction: column;
+}
+
+.region-donate-form__left {
+ background: #090A0B;
+ color: white;
+ padding: 1.8rem;
+ flex: 0 0 auto;
+ justify-content: space-between;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+
+.region-donate-form__icon {
+ max-width: 2.5rem;
+ margin-bottom: 0rem;
+ order: 1;
+ margin-left: 1.8rem;
+}
+
+.region-donate-form__right {
+ width: 100%;
+ padding: 1.8rem;
+}
+
+
+/* PROJECT DONATE FORM */
+
+.project-donate-form {
+ display: flex;
+ box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+ flex-direction: column;
+}
+
+.project-donate-form__left {
+ background: #090A0B;
+ color: white;
+ padding: 1.8rem;
+ flex: 0 0 auto;
+ justify-content: space-between;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+
+.project-donate-form__icon {
+ max-width: 2.5rem;
+ margin-bottom: 0rem;
+ order: 1;
+ margin-left: 1.8rem;
+}
+
+.project-donate-form__right {
+ width: 100%;
+ padding: 1.8rem;
+}
+
+/* FOOTER */
+
+.socials {
+ display: flex;
+ margin-left: -0.8rem;
+}
+
+.socials a {
+ padding: 0.8rem;
+}
+
+.socials a:last-child {
+ margin-right: 0;
+}
+
+.socials a i {
+ font-size: 1.4rem;
+ color: white;
+}
+
+
+
+/* PAGINATION */
+.page-link {
+ padding: .8rem 1.1rem;
+ color: #333;
+ background-color: #f3f3f3;
+ border: 1px solid #f3f3f3;
+ font-weight: bold;
+}
+
+.page-link:hover {
+ color: #333;
+ background-color: #e9ecef;
+ border-color: #e9ecef;
+}
+
+.page-link:focus {
+ box-shadow: 0 0 0 .2rem rgba(168, 168, 168, 0.25);
+}
+
+.page-item {
+ margin-right: 0.5rem;
+}
+
+.page-item:last-child {
+ margin-right: 0;
+}
+
+.page-item.active .page-link {
+ color: #fff;
+ background-color: #333;
+ border-color: #333;
+}
+
+.page-item:first-child .page-link {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.page-item:last-child .page-link {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+
+
+/* PROJECT */
+.project__header {
+ padding: 4rem 0 2rem 0;
+}
+
+.project__date {
+ margin-bottom: 0;
+ color: #707070;
+}
+
+.project__badges .badge {
+ font-size: 1rem;
+ background: white;
+ border-radius: 0;
+ padding: 0.8rem 1.3rem;
+ font-weight: bold;
+}
+
+.badge.almost {
+ background: #04a548;
+ color: white;
+}
+
+.badge.new {
+ background: #e1242a;
+ color: white;
+}
+
+
+/* SHARING BOX */
+.article__sharing-box {
+ box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+ border: none;
+ border-radius: 0;
+}
+
+.article__sharing-box h3 {
+ margin-bottom: 0;
+}
+
+.article__sharing-box .icon i {
+ font-size: 2.4rem;
+}
+
+.article__sharing-box .icon {
+ margin-bottom: 2.8rem;
+}
+
+.article__sharing-box .card-body {
+ padding: 2rem;
+ margin-bottom: 1rem;
+}
+
+.btn-facebook {
+ color: #fff;
+ background-color: #3b5998;
+ border-color: #3b5998;
+}
+
+.btn-twitter {
+ color: #fff;
+ background-color: #55acee;
+ border-color: #55acee;
+}
+
+.btn-linkedin {
+ color: #fff;
+ background-color: #007bb5;
+ border-color: #007bb5;
+}
+
+.btn-facebook:hover {
+ color: #fff;
+ background-color: #253860;
+ border-color: #253860;
+}
+
+.btn-twitter:hover {
+ color: #fff;
+ background-color: #448cc4;
+ border-color: #448cc4;
+}
+
+.btn-linkedin:hover {
+ color: #fff;
+ background-color: #006291;
+ border-color: #006291;
+}
+
+.sharing-buttons {
+ display: flex;
+ justify-content: space-between;
+}
+
+.sharing-buttons a {
+ flex: 1;
+ margin-right: 8px;
+ padding: .375rem .75rem;
+}
+
+.sharing-buttons a:last-child {
+ margin-right: 0;
+}
+
+.sharing-box__content {
+ margin-bottom: 0.6rem;
+}
+
+@media screen and (max-width: 991px) {
+ .article__sharing-box .card-body {
+ padding: 1.8rem;
+ margin-bottom: 0;
+ }
+ .article__sharing-box .image {
+ display: none;
+ }
+
+ .sharing-box__content {
+ display: flex;
+ align-items: center;
+ margin-bottom: 1rem;
+ }
+
+ .article__sharing-box .icon {
+ margin-bottom: 0;
+ margin-right: 1.2rem;
+ }
+}
+
+
+/* REGION */
+.region__header {
+ padding: 4rem 0 2rem 0;
+}
+
+.other-regions a {
+ box-shadow: 0 .25rem 1.875rem rgba(42, 53, 79, .28);
+ margin-bottom: 1rem;
+ color: black;
+ padding: 0.8rem 1rem;
+ display: block;
+ font-weight: bold;
+}
+
+/* ARTICLE CONTENT */
+article img {
+ max-width: 100%;
+ height: auto;
+ margin-top: 1rem;
+ margin-bottom: 3rem;
+}
diff --git a/donate/static/donate/assets/js/scripts.js b/donate/static/donate/assets/js/scripts.js
new file mode 100644
index 00000000..05045202
--- /dev/null
+++ b/donate/static/donate/assets/js/scripts.js
@@ -0,0 +1,62 @@
+
+ // Scroll to an element
+ function scrollToElement(elementId, margin, upOnly) {
+
+ // Defaults
+ if (margin === undefined) {
+ margin = 30;
+ }
+ if (upOnly === undefined) {
+ upOnly = 0;
+ }
+
+ // Target position and current position
+ var targetOffset = $(elementId).offset().top - (margin);
+ var currentOffset = $(window).scrollTop();
+
+ if (upOnly == 1) {
+ // Check if target position is higher, we don't scroll down
+ if (targetOffset < currentOffset) {
+ // Animate the body to the position
+ $('html, body').animate({
+ scrollTop: targetOffset
+ }, 400);
+ }
+ } else {
+ $('html, body').animate({
+ scrollTop: targetOffset
+ }, 400);
+ }
+
+ }
+
+
+ // Universal scrolling
+ $(document).on('click','.js-scroll-anchor', {} ,function(e){
+ e.preventDefault();
+ scrollToElement($(this).attr("href"), 10);
+ });
+
+ $('[data-fancybox="gallery"]').fancybox({
+ buttons: [
+ // "zoom",
+ //"share",
+ //"slideShow",
+ //"fullScreen",
+ //"download",
+ // "thumbs",
+ "close"
+ ],
+ });
+
+
+// Donate forn
+$("input[name='amount']").change(function() {
+ if($(this).attr('id') == 'amount4') {
+ $("#js-custom-amount-input").show(50);
+ } else {
+ $("#js-custom-amount-input").hide(50);
+ }
+});
+
+$("input[name='amount']:checked").change(); // trigger correct state onload
diff --git a/donate/static/donate/icons/icomoon.eot b/donate/static/donate/icons/icomoon.eot
new file mode 100644
index 0000000000000000000000000000000000000000..6fb7543a72961a9fc594560469f85154c375ca1e
GIT binary patch
literal 3028
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
S`$C)3pjZU8_Mj1hjRF9#`QNVq
literal 0
HcmV?d00001
diff --git a/donate/static/donate/icons/icomoon.svg b/donate/static/donate/icons/icomoon.svg
new file mode 100644
index 00000000..63aec286
--- /dev/null
+++ b/donate/static/donate/icons/icomoon.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="896" descent="-128" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode=" " horiz-adv-x="0" d="" />
+<glyph unicode="" glyph-name="heart" d="M924.6 770.8c125.6-107.201 132.201-299.602 19.6-415.8l-387-399.6c-25-25.801-65.6-25.801-90.6 0l-387 399.6c-112.4 116.199-105.799 308.6 19.801 415.8 109.6 93.398 272.798 76.6 373.2-27.201l39.4-40.6 39.4 40.6c100.6 103.801 263.6 120.6 373.2 27.201z" />
+<glyph unicode="" glyph-name="check" horiz-adv-x="896" d="M827.010 712.098c9.373 9.373 24.568 9.373 33.939 0l22.629-22.627c9.371-9.375 9.371-24.57 0-33.943l-599.626-599.624c-9.373-9.373-24.568-9.373-33.941 0l-237.588 237.588c-9.371 9.373-9.371 24.57 0 33.941l22.627 22.627c9.373 9.371 24.568 9.371 33.941 0l197.99-197.99z" />
+<glyph unicode="" glyph-name="chevron-left" horiz-adv-x="512" d="M476.95-55.070c-9.371-9.373-24.566-9.373-33.939-0.002l-422.102 422.1c-9.373 9.375-9.373 24.57 0 33.943l422.102 422.1c9.373 9.371 24.568 9.371 33.939 0l14.143-14.141c9.373-9.373 9.373-24.57 0-33.941l-390.986-390.988 390.986-390.988c9.373-9.373 9.373-24.57 0-33.941z" />
+<glyph unicode="" glyph-name="chevron-right" horiz-adv-x="512" d="M35.051 823.070c9.371 9.373 24.566 9.373 33.939 0l422.102-422.098c9.373-9.375 9.373-24.57 0-33.943l-422.102-422.1c-9.373-9.371-24.568-9.371-33.939 0l-14.143 14.141c-9.373 9.373-9.373 24.57 0 33.941l390.986 390.988-390.986 390.988c-9.373 9.373-9.373 24.57 0 33.941z" />
+<glyph unicode="" glyph-name="linkedin" d="M832 832.004c35.199 0 64-29 64-64.6v-766.8c0-35.6-28.801-64.6-64-64.6h-768.2c-35.201 0-63.801 29-63.801 64.6v766.8c0 35.6 28.6 64.6 63.801 64.6h768.2zM270.8 64.004h0.199v427.6h-133v-427.6h132.801zM204.4 550.004c42.6 0 77 34.4 77 77 0 42.4-34.6 77-77 77-42.6 0-77-34.6-77-77s34.4-77 77-77zM768.6 64.004v234.4c0 115.199-25 203.798-159.4 203.798-64.6 0-108-35.398-125.799-69h-1.801v58.4h-127.4v-427.6h132.801v211.6c0 55.801 10.6 109.801 79.801 109.801 68 0 69-63.801 69-113.4v-208h132.799z" />
+<glyph unicode="" glyph-name="external-link" d="M880 384c8.832 0 16-7.168 16-16v-400c0-52.992-43.008-96-96-96h-704c-52.992 0-96 43.008-96 96v704c0 52.992 43.008 96 96 96h400c8.832 0 16-7.168 16-16v-32c0-8.832-7.168-16-16-16h-400c-17.664 0-32-14.336-32-32v-704c0-17.664 14.336-32 32-32h704c17.664 0 32 14.336 32 32v400c0 8.832 7.168 16 16 16h32zM1000 896c13.248 0 24-10.752 24-24l-0.68-272.080c0-13.248-10.752-24-24-24h-20c-13.248 0-24 10.752-24 24l0.68 180-1.42 1.4-646.24-646.36c-3.883-3.898-11.498-7.061-17-7.061-5.5 0-13.117 3.162-17 7.061l-11.32 11.318c-3.896 3.883-7.059 11.5-7.059 17 0 5.502 3.162 13.117 7.059 17l646.38 646.3-1.4 1.42-180-0.68c-13.248 0-24 10.752-24 24v20c0 13.248 10.752 24 24 24z" />
+<glyph unicode="" glyph-name="twitter" d="M918.74 592.572c0.65-9.096 0.65-18.195 0.65-27.291 0-277.44-211.166-597.116-597.118-597.116-118.904 0-229.36 34.438-322.274 94.211 16.895-1.947 33.137-2.598 50.68-2.598 98.109 0 188.426 33.137 260.548 89.664-92.264 1.951-169.584 62.377-196.225 145.545 12.996-1.949 25.99-3.248 39.637-3.248 18.842 0 37.686 2.6 55.227 7.146-96.162 19.494-168.285 103.959-168.285 205.968v2.598c27.938-15.594 60.428-25.34 94.861-26.637-56.527 37.686-93.561 102.010-93.561 174.781 0 38.984 10.393 74.721 28.588 105.908 103.309-127.35 258.6-210.516 432.728-219.614-3.248 15.594-5.197 31.836-5.197 48.080 0 115.654 93.564 209.868 209.868 209.868 60.428 0 115.004-25.34 153.342-66.273 47.43 9.096 92.91 26.639 133.197 50.68-15.596-48.732-48.732-89.666-92.264-115.654 42.234 4.547 83.168 16.244 120.852 32.486-28.584-41.582-64.322-78.617-105.256-108.506z" />
+<glyph unicode="" glyph-name="calendar" horiz-adv-x="896" d="M800 768c53.020 0 96-42.98 96-96v-704c0-53.020-42.98-96-96-96h-704c-53.020 0-96 42.98-96 96v704c0 53.020 42.98 96 96 96h96v104c0 13.254 10.746 24 24 24h16c13.254 0 24-10.746 24-24v-104h384v104c0 13.254 10.746 24 24 24h16c13.254 0 24-10.746 24-24v-104h96zM96 704c-17.645 0-32-14.355-32-32v-96h768v96c0 17.645-14.355 32-32 32h-704zM800-64c17.645 0 32 14.355 32 32v544h-768v-544c0-17.645 14.355-32 32-32h704z" />
+<glyph unicode="" glyph-name="instagram" d="M448.2 614.004c127.201 0 229.8-102.6 229.8-229.8s-102.6-229.798-229.8-229.798c-127.199 0-229.798 102.6-229.798 229.798 0 127.201 102.6 229.8 229.798 229.8zM448.2 234.804c82.201 0 149.4 67 149.4 149.398 0 82.4-67 149.4-149.4 149.4-82.398 0-149.398-67-149.398-149.4 0-82.398 67.199-149.398 149.398-149.398zM741 623.404c0-29.801-24-53.6-53.6-53.6-29.801 0-53.6 24-53.6 53.6s24 53.6 53.6 53.6 53.6-24 53.6-53.6zM893.2 569.004c4.201-74 4.201-295.6 0-369.6-3.6-71.801-20-135.4-72.398-187.801-52.4-52.6-116-69-187.801-72.4-74-4.199-295.8-4.199-369.8 0-71.799 3.602-135.199 20-187.799 72.4s-69 116-72.4 187.801c-4.199 74-4.199 295.798 0 369.798 3.6 71.801 19.801 135.4 72.4 187.801s116.199 68.801 187.799 72.199c74 4.201 295.8 4.201 369.8 0 71.801-3.6 135.4-20 187.801-72.398 52.6-52.4 69-116 72.398-187.801zM797.6 120.004c23.4 58.801 18 199 18 264.2s5.4 205.202-18 264.202c-15.799 39.4-46 69.6-85.199 85.199-58.801 23.201-199 18-264.202 18-65.199 0-205.2 5.4-264.2-18-39.4-15.799-69.6-46-85.199-85.199-23.201-58.801-18-199-18-264.202 0-65.199-5.4-205.2 18-264.2 15.799-39.4 46-69.6 85.199-85.199 58.801-23.201 199-18 264.2-18s205.202-5.4 264.202 18c39.4 15.799 69.6 46 85.199 85.199z" />
+<glyph unicode="" glyph-name="facebook-f" horiz-adv-x="640" d="M558.28 320.004h-149.379v-448h-200.34v448h-162.781v185.32h162.781v141.24c0 160.68 95.719 249.44 242.16 249.44 70.139 0 143.5-12.52 143.5-12.52v-157.781h-80.84c-79.641 0-104.48-49.42-104.48-100.119v-120.26h177.82z" />
+</font></defs></svg>
diff --git a/donate/static/donate/icons/icomoon.ttf b/donate/static/donate/icons/icomoon.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..bad690b0cf77b95ce08a10ea5061bb320ecb0ea2
GIT binary patch
literal 2864
zcmZQzWME+6W@unwW-#y%);Ho0;$OtTz_5pbfgvF|H?iP?^vY8V42&`i3=C7!6N?KN
z7#IW?7#KG&FfeeW=TxQzbxeEBz`(eJfr0H$MrvY;#DD%|1_q8T3=9lr85yaG>`l!5
z3=AA^7#J8-GIC2QR2vw|85lSP7#J8Va`KZCIli#3VqoC(U|?X7%T25(U=U&0$iTpv
z!N9<vke8U7I@62uHv<D_2Ll6RTS0zt2?H|&$iX1}3JlE5QH&E9SQ!|YW-^^&U|{Hn
z(2TDcj2SsW>X0xaNDC65fx&@+;qyG^hW`x=4a^M;4Gaw6uz)F105d?gfv^k%BiLpc
z24=7-83q=H3I+xSDFy)sW(F<>Mh1lsEFXA2gna1v(Dz~HN8^vVpXdGm`~N@K6o_0f
zh8*Mn#{vxeKlwNF*YH>K7xLZUo6nOEwE?UV3&F_1`2RlxKiCxzX(k2+b4yS(k{~AZ
z|1$GCW>W@b1_nkkaXChIHg-lfC3QwMbu}|{FccFPlV>zHGq+<D7ZYcmt1ltRDk7rw
zuU6Pp=wGe2un4Q9gua%cVXD4?n!380fqtr?ktQ><hM8HBxw+220%2js2|DKHMP_Ci
z%KUsBVq)r=n(AU=9DMvBD;angESO7}PB4ftFff`K$uo+Hfb7?2R5P&$^O>#LMcBpJ
z+5fI!7h!+L&MwX_!hVeD1c)IF5@dhNAq<i~#=yuR`u`;3Yi4thS*&0`n3#jj5EEhN
z1RH#pU4;E#6gxZPGIkMmK6dthm5lA|?B-Ab#%1j6d>|E-|0>x<*g;{6Vy3W}kvP~G
zHYJez%sCm=Ow5(pML@=Zj0GFX*#57Qot@d79U=m<4P+)`J7YW4Ocn-){|A^Gm>n4S
z8AKQq8O#|N7>&e41x47D6_wOX1x?J1g$)Ij1%-{wOik33mDof@#EcmsOm<~cWkF+8
z6EkBYF<C}qW(O%XHL1T0(yFS`=Ubf=bafR#n90;S)xd#|v7uGQ#8{}6*+EVEFO#&I
znl#ftX|=x$jBEadFg}AQRnYw>^(wqnN7DLV$Q4Z&AJq#CObiVF8(0{a8yM6Xd@<do
z2(lUMRyI*V5iw&$BQuDbjl@KmMcA|%mDEhl)fxF1m6g==8TA-VP0Y+0)!CKQY#B|=
zjF}7AIW08)I%rr}XfRG-=j3GnSHLSQ%*%9uSD2H11{WVAAD0LhA0y-6N@gw=7A|IP
zW)>D^rZ&bcTzq_7j13_5AiYcnG%PsT71%k2dH*_q3;-F%#K6b(?*mBT7RJ9-AdTD*
zLzvnbA?8Bjl;Qsa76xVou<v9TMMc>87}?pBmDKeZ)z#GH7>$k0%=H-I3|mGyMsbKg
zKp8|_49qdNV>AcFg18-{IUgfCgk+wsu0FjWf1-}IcA%P?GOr}BXRDcOwg{InH=hiz
zM}nw<q?R#1ueyOjo}H~D6SIJzrJ9<KuD`5`vmCd9qJpiAsF@s7AUhv>Mpo7ub2Bz}
z2|*z-Mn-)trXV{;CT14?B3~wMK1P`sb6Haf19f#vK|y972_9{AHA?|O6*)F3Ar%{8
zW<ef#b1_gU^}m4`RH7*}=weA_)}W}dW&}m2qN#})gvF}FCd;S@N^F9lcvS?&FtY+E
z#36B(z{e%P#mCqHrv5JA6=r4-=H(Us%OK3l%m9m6P~>EQq9Fr9ItcS7BtR4~Dg1rF
zE6l*k!1(_lI1k7$Xfl{GWHGD*r8IFlMsYFJ_%Jnrgfz%Gh}<B;rmUm}$p+$L;xde)
zY@j#<MI$?#lDZlwCP9&Ds%Byi)(?s-b1Oz;a0JRRiZg?XGj$VF6H_xah;on~b|qyc
zWi>W-uwfuV6yz8YF>$aq5MgX)Y$R?3Di-Y+84nm}Y1s)02?^P0X&LBiY1xC=_F7u{
zb`cSFcHt4WjH>eDV)F80;_@??7#W$E<ki*V&18&?@{NsU%;GfE<(NUj%yQ})@uo7y
z#`#9ZGG_7W>hetS94su%jEu}IEF3&Ka$?F#J}N4b5-KV_%F1GLI^3KrEFg_6ESx+#
zvSP~0J}N2_k}4`bN+4OLG)xCU9Qv;{+z#S2#ukXP<b9#8F^yN(kYi>917<l5b%=Y6
zjiBxU*#>d_KYMihc<{MZn+Msgpn6sBe*;qxa|44U0|TS7pt7K{sWB{yjl>K^l|kvx
zm`QKyiN%Wr1?_cp%}t^Mt#vmsI{b5BJg~FRMo-^fP=I%?omwR{FN5kj&N;t##`D{J
zW#DE3i89=J|8z5m0imI#83O|csB8m?gY<ywdj^Pl7Ld!p5^#bKA_M1xR0=USFz_%j
zFo=RMNFIin8yG<Hj7$v-dSD$~3?dA23~>xC4C@$fFlsQ)VB%qlVh&@jgSIXB7}kSY
zD+~;97lE}w2|k8(AQytwf~p~KmCnG#z|N2W6=!B(XE1}ZSs2(EN}+6425tsXD4UIe
zoxvN*=3<ay=mNDTSU4FN8Tc63p=>4wK8AECo0)-+!4}G9Vc=t^fwEZ{#26HyY&Hfy
zh9D@Li@}6pNoI0>Zhn3qLncEqLq0<;Lq0=3Lta>FQE_H|o`RvC0Yex=Dnk)NF+(Ou
zf<b}7kU@{Z0IM#nf<dY2r8$X33_%R34CxG|3^@#m3`JN~y5;AUD5R(6r4}WYq^2k&
zRVsKU=lka8=jk!Hf$c6~P+&-BNM*<ayC{*Ngdvq7g+YNKiJ_7~fx#2(0bhs*z_AEw
K?Li|18wCKuan5@H
literal 0
HcmV?d00001
diff --git a/donate/static/donate/icons/icomoon.woff b/donate/static/donate/icons/icomoon.woff
new file mode 100644
index 0000000000000000000000000000000000000000..d09f3f253b3f447ebe76f6841076738823399ba3
GIT binary patch
literal 2940
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
literal 0
HcmV?d00001
diff --git a/donate/static/donate/img/donate.png b/donate/static/donate/img/donate.png
new file mode 100644
index 0000000000000000000000000000000000000000..fda3ad89b4e5f6f0156eca803a133f1465f32166
GIT binary patch
literal 22163
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
P=-60KS3j3^P6<r_k|E~N
literal 0
HcmV?d00001
diff --git a/donate/static/donate/img/logo_napis.png b/donate/static/donate/img/logo_napis.png
new file mode 100644
index 0000000000000000000000000000000000000000..46a9607f9bdf2ad54101a1d4aba9def6e08d5f36
GIT binary patch
literal 8536
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
literal 0
HcmV?d00001
diff --git a/donate/static/donate/img/logo_napis.svg b/donate/static/donate/img/logo_napis.svg
new file mode 100644
index 00000000..8356c4db
--- /dev/null
+++ b/donate/static/donate/img/logo_napis.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 145.7 46.7" style="enable-background:new 0 0 145.7 46.7;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FFFFFF;}
+</style>
+<g>
+ <path class="st0" d="M22,2.8C16.1,2.8,10.6,5,6.4,9.2C2.3,13.3,0,18.9,0,24.7c0,5.9,2.3,11.4,6.4,15.5c4.2,4.1,9.7,6.4,15.5,6.4
+ c5.9,0,11.4-2.3,15.5-6.4c4.2-4.1,6.4-9.7,6.4-15.5c0-5.9-2.3-11.4-6.4-15.5C33.4,5,27.8,2.8,22,2.8 M22,44.6
+ c-11,0-19.9-8.9-19.9-19.9C2.1,13.8,11,4.8,22,4.8c11,0,19.9,8.9,19.9,19.9C41.9,35.7,32.9,44.6,22,44.6"/>
+</g>
+<path class="st0" d="M15.4,11.7V8.6h-1.9v3.6c-1.3,0.4-2.1,0.8-1.9,1.1c0.4-0.1,1.1-0.2,1.9-0.1v18.5c-2,3.8,0.9,9.7,0.9,9.7
+ S12.2,35,16.9,32c4.3-2.7,19.3-1.5,19.2-9.9C36.1,10.1,22.3,10.2,15.4,11.7 M21.5,23.3c-0.7,3.2-4.1,4.8-6.2,6.2V13.4
+ C18.8,14.2,22.9,16.9,21.5,23.3"/>
+<g>
+ <path class="st0" d="M56.4,16.7v5.1h-4.4V5.5c1.5-0.2,3.2-0.3,4.9-0.3c5.1,0,7.7,1.8,7.7,5.5c0,2-0.6,3.5-1.7,4.5
+ c-1.1,1-2.8,1.5-5,1.5C57.3,16.8,56.8,16.7,56.4,16.7z M56.4,13.4c0.3,0,0.6,0.1,1,0.1c1,0,1.7-0.2,2.3-0.7
+ c0.5-0.5,0.8-1.1,0.8-1.9c0-1.6-1-2.4-3-2.4c-0.3,0-0.7,0-1,0.1V13.4z"/>
+ <path class="st0" d="M67.8,7.4c1.5-1.5,3.6-2.3,6.2-2.3s4.6,0.8,6.2,2.3c1.5,1.5,2.3,3.6,2.3,6.2s-0.8,4.7-2.3,6.2
+ c-1.5,1.5-3.6,2.3-6.2,2.3s-4.6-0.8-6.2-2.3c-1.5-1.5-2.3-3.6-2.3-6.2S66.3,8.9,67.8,7.4z M70.2,13.6c0,3.1,1.3,4.7,3.8,4.7
+ c2.5,0,3.8-1.6,3.8-4.7S76.5,8.9,74,8.9C71.4,8.9,70.2,10.5,70.2,13.6z"/>
+ <path class="st0" d="M98.2,13.4c0,2.7-0.8,4.9-2.3,6.4s-3.7,2.3-6.5,2.3c-1.8,0-3.4-0.1-5-0.3V5.5c1.5-0.2,3.2-0.3,5-0.3
+ c2.8,0,4.9,0.7,6.5,2.2C97.4,8.8,98.2,10.8,98.2,13.4z M88.8,18.5c0.3,0.1,0.7,0.1,1,0.1c2.7,0,4-1.7,4-5.2c0-3.1-1.4-4.7-4-4.7
+ c-0.3,0-0.7,0-1,0.1V18.5z"/>
+ <path class="st0" d="M104.6,16.7v5.1h-4.4V5.5c1.5-0.2,3.2-0.3,5-0.3c5.1,0,7.6,1.8,7.6,5.5c0,2-0.6,3.5-1.7,4.5s-2.8,1.5-5,1.5
+ C105.5,16.8,105,16.7,104.6,16.7z M104.6,13.4c0.3,0,0.6,0.1,1,0.1c1,0,1.7-0.2,2.3-0.7c0.5-0.5,0.8-1.1,0.8-1.9c0-1.6-1-2.4-3-2.4
+ c-0.3,0-0.7,0-1,0.1V13.4z"/>
+ <path class="st0" d="M116,7.4c1.5-1.5,3.6-2.3,6.2-2.3s4.6,0.8,6.2,2.3c1.5,1.5,2.3,3.6,2.3,6.2s-0.8,4.7-2.3,6.2
+ c-1.5,1.5-3.6,2.3-6.2,2.3s-4.6-0.8-6.2-2.3c-1.5-1.5-2.3-3.6-2.3-6.2S114.5,8.9,116,7.4z M118.3,13.6c0,3.1,1.3,4.7,3.8,4.7
+ s3.8-1.6,3.8-4.7s-1.3-4.7-3.8-4.7S118.3,10.5,118.3,13.6z"/>
+ <path class="st0" d="M137,16.1v5.7h-4.4V5.5c1.9-0.2,3.9-0.3,5.8-0.3c4.5,0,6.8,1.7,6.8,5.1c0,0.9-0.3,1.8-0.9,2.6
+ s-1.3,1.4-2.3,1.7v0c0.5,0.3,0.8,0.6,1.1,1c0.3,0.4,0.6,1,0.9,1.7l1.6,4.5H141l-1.4-4.3c-0.2-0.5-0.4-0.9-0.6-1.1s-0.6-0.3-1-0.3
+ H137z M138.7,2.6L140,0h4l-2.7,4.1H136L133.3,0h4L138.7,2.6L138.7,2.6z M137,12.8h1.2c0.8,0,1.4-0.2,1.8-0.6
+ c0.4-0.4,0.7-0.9,0.7-1.6c0-1.4-0.8-2.1-2.5-2.1c-0.5,0-0.9,0-1.2,0.1V12.8z"/>
+ <path class="st0" d="M56.4,39v5.1h-4.4V27.8c1.5-0.2,3.2-0.3,4.9-0.3c5.1,0,7.7,1.8,7.7,5.5c0,2-0.6,3.5-1.7,4.5
+ c-1.1,1-2.8,1.5-5,1.5C57.3,39.1,56.8,39,56.4,39z M56.4,35.7c0.3,0,0.6,0.1,1,0.1c1,0,1.7-0.2,2.3-0.7c0.5-0.5,0.8-1.1,0.8-1.9
+ c0-1.6-1-2.4-3-2.4c-0.3,0-0.7,0-1,0.1V35.7z"/>
+ <path class="st0" d="M66.8,44.1V27.7h4.9v16.4H66.8z"/>
+ <path class="st0" d="M79.4,38.4v5.7H75V27.8c1.9-0.2,3.9-0.3,5.9-0.3c4.5,0,6.7,1.7,6.7,5.1c0,0.9-0.3,1.8-0.9,2.6
+ c-0.6,0.8-1.3,1.4-2.3,1.7v0c0.4,0.3,0.8,0.6,1.1,1c0.3,0.4,0.6,1,0.9,1.7l1.6,4.5h-4.6L82,39.8c-0.2-0.5-0.4-0.9-0.6-1.1
+ c-0.3-0.2-0.6-0.3-1-0.3H79.4z M79.4,35.1h1.2c0.8,0,1.4-0.2,1.8-0.6c0.4-0.4,0.7-0.9,0.7-1.6c0-1.4-0.8-2.1-2.5-2.1
+ c-0.5,0-0.9,0-1.2,0.1V35.1z"/>
+ <path class="st0" d="M94.5,41l-0.7,3.2h-4.7l5.4-16.4h4.7l5.4,16.4h-4.8L99.1,41H94.5z M97.7,26.4h-3.6l2.3-4.1h5L97.7,26.4z
+ M95.3,37.6h3l-1.5-6.1h0L95.3,37.6z"/>
+ <path class="st0" d="M118.5,27.7v3.7h-4.5v12.7h-4.6V31.4H105v-3.7H118.5z"/>
+ <path class="st0" d="M127.8,34.5L127.8,34.5l2.7-6.8h5L130.1,38v6.1h-4.6V38L120,27.7h5.1L127.8,34.5z"/>
+</g>
+</svg>
diff --git a/donate/static/donate/img/logo_napis_white.svg b/donate/static/donate/img/logo_napis_white.svg
new file mode 100644
index 00000000..c0e3f66d
--- /dev/null
+++ b/donate/static/donate/img/logo_napis_white.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 165.3 46.7" style="enable-background:new 0 0 165.3 46.7;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FFFFFF;}
+</style>
+<g>
+ <path class="st0" d="M22,2.8c-5.9,0-11.4,2.3-15.5,6.4C2.3,13.4,0,18.9,0,24.7c0,5.9,2.3,11.4,6.4,15.5c4.2,4.1,9.7,6.4,15.5,6.4
+ c5.9,0,11.4-2.3,15.5-6.4c4.2-4.1,6.4-9.7,6.4-15.5c0-5.9-2.3-11.4-6.4-15.5C33.4,5.1,27.8,2.8,22,2.8 M22,44.6
+ c-11,0-19.9-8.9-19.9-19.9C2.1,13.8,11,4.9,22,4.9c11,0,19.9,8.9,19.9,19.9C41.9,35.7,32.9,44.6,22,44.6"/>
+</g>
+<path class="st0" d="M15.4,11.7V8.6h-1.9v3.6c-1.3,0.4-2.1,0.8-1.9,1.1c0.4-0.1,1.1-0.2,1.9-0.1v18.5c-2,3.8,0.9,9.7,0.9,9.7
+ S12.2,35,16.9,32c4.3-2.7,19.3-1.5,19.2-9.9C36.1,10.2,22.3,10.2,15.4,11.7 M21.5,23.3c-0.7,3.2-4.1,4.8-6.2,6.2V13.4
+ C18.8,14.2,22.9,16.9,21.5,23.3 M57.2,5.2c-1.8,0-3.4,0.1-5,0.3V22h4.4v-5.2c0.4,0,0.9,0.1,1.5,0.1c2.2,0,3.9-0.5,5.1-1.6
+ c1.2-1,1.7-2.6,1.7-4.6C64.9,7.1,62.4,5.2,57.2,5.2 M59.9,12.9c-0.5,0.5-1.3,0.7-2.3,0.7c-0.4,0-0.7,0-1-0.1V8.7
+ c0.3-0.1,0.7-0.1,1-0.1c2,0,3.1,0.8,3.1,2.4C60.7,11.8,60.5,12.5,59.9,12.9"/>
+<path class="st0" d="M67,5.4h5V22h-5V5.4z"/>
+<g>
+ <path class="st0" d="M83.7,22h4.6l-1.6-4.5c-0.3-0.7-0.6-1.3-0.9-1.7c-0.3-0.4-0.7-0.7-1.1-1v0c0.9-0.3,1.7-0.9,2.3-1.7
+ c0.6-0.8,0.9-1.7,0.9-2.7c0-3.4-2.3-5.1-6.8-5.1c-2,0-3.9,0.1-5.9,0.3V22h4.4v-5.8h1c0.4,0,0.8,0.1,1,0.3c0.3,0.2,0.5,0.6,0.6,1.1
+ L83.7,22z M80.9,12.9h-1.2V8.7c0.3-0.1,0.8-0.1,1.2-0.1c1.7,0,2.5,0.7,2.5,2.2c0,0.7-0.2,1.2-0.7,1.6
+ C82.3,12.7,81.7,12.9,80.9,12.9"/>
+</g>
+<path class="st0" d="M94.8,18.8h4.6l0.8,3.2h4.8L99.5,5.4h-4.8L89.3,22H94C94,22,94.8,18.8,94.8,18.8z M97.1,9.3L97.1,9.3l1.5,6.1
+ h-3C95.6,15.4,97.1,9.3,97.1,9.3z M101.7,0h-5l-2.3,4.1h3.6 M109.1,22h4.6V9.2h4.5V5.4h-13.6v3.7h4.5"/>
+<g>
+ <path class="st0" d="M125.6,18.7c-0.8,0-1.6-0.2-2.5-0.5c-0.9-0.3-1.7-0.7-2.5-1.2l-1,3.5c0.7,0.5,1.6,0.9,2.7,1.2
+ c1.1,0.3,2.1,0.5,3.1,0.5c2.3,0,4-0.4,5.2-1.3c1.1-0.9,1.7-2.1,1.7-3.8c0-1.4-0.5-2.5-1.5-3.4c-1-0.9-2.6-1.6-5-2.3
+ c-1-0.3-1.5-0.7-1.5-1.4c0-0.4,0.2-0.7,0.5-1c0.4-0.2,0.9-0.4,1.6-0.4c1.6,0,3.1,0.4,4.6,1.1l0.8-3.5c-1.5-0.8-3.4-1.1-5.7-1.1
+ c-2.1,0-3.7,0.4-4.9,1.3c-1.2,0.9-1.7,2.1-1.7,3.6c0,1.4,0.5,2.5,1.4,3.4c0.9,0.9,2.5,1.7,4.7,2.3c1.2,0.3,1.8,0.8,1.8,1.5
+ C127.6,18.2,126.9,18.7,125.6,18.7"/>
+</g>
+<path class="st0" d="M148.7,5.4h-5.2l-4.3,7h0v-7h-4.5V22h4.5v-7.7h0l4.5,7.7h5.2l-5.4-8.6 M162,0h-5l-2.3,4.1h3.6 M159.9,5.4h-4.8
+ L149.7,22h4.7l0.8-3.2h4.6l0.8,3.2h4.8C165.3,22,159.9,5.4,159.9,5.4z M156,15.4l1.5-6.1h0l1.5,6.1H156L156,15.4z"/>
+<g>
+ <path class="st0" d="M57.9,33.8c-1-0.3-1.5-0.7-1.5-1.4c0-0.4,0.2-0.7,0.5-1c0.4-0.2,0.9-0.4,1.6-0.4c1.6,0,3.1,0.4,4.7,1.1
+ l0.8-3.5c-1.5-0.8-3.4-1.1-5.7-1.1c-2.1,0-3.7,0.4-4.9,1.3c-1.2,0.9-1.7,2.1-1.7,3.6c0,1.4,0.5,2.5,1.4,3.4
+ c0.9,0.9,2.5,1.7,4.7,2.3c1.2,0.3,1.8,0.8,1.8,1.5c0,1-0.7,1.5-2,1.5c-0.8,0-1.6-0.1-2.5-0.5c-0.9-0.3-1.7-0.7-2.5-1.2l-1,3.5
+ c0.7,0.5,1.6,0.9,2.7,1.2c1.1,0.3,2.1,0.5,3.1,0.5c2.3,0,4-0.4,5.2-1.3c1.2-0.9,1.7-2.1,1.7-3.8c0-1.4-0.5-2.5-1.5-3.4
+ C61.9,35.2,60.3,34.5,57.9,33.8"/>
+</g>
+<path class="st0" d="M65.8,31.6h4.5v12.8h4.6V31.6h4.5v-3.7H65.8"/>
+<g>
+ <g>
+ <path class="st0" d="M92.5,38.1c-0.3-0.4-0.7-0.7-1.1-1v0c0.9-0.3,1.7-0.9,2.3-1.7c0.6-0.8,0.9-1.7,0.9-2.7c0-3.4-2.3-5.1-6.8-5.1
+ c-2,0-3.9,0.1-5.9,0.3v16.4h4.4v-5.8h1c0.4,0,0.8,0.1,1,0.3c0.3,0.2,0.5,0.6,0.6,1.1l1.4,4.3H95l-1.6-4.5
+ C93.1,39.1,92.8,38.5,92.5,38.1 M89.3,34.7c-0.4,0.4-1.1,0.6-1.8,0.6h-1.2v-4.2C86.6,31,87,31,87.5,31c1.7,0,2.5,0.7,2.5,2.2
+ C90,33.8,89.7,34.3,89.3,34.7"/>
+ </g>
+</g>
+<path class="st0" d="M101.6,27.8l-5.4,16.5h4.7l0.7-3.2h4.6l0.8,3.2h4.8l-5.4-16.5H101.6z M102.4,37.8l1.5-6.1h0l1.5,6.1
+ C105.4,37.8,102.4,37.8,102.4,37.8z M123,36.9L123,36.9l-5-9.1h-4.4v16.6h4.4v-9.1h0l4.9,9.1h4.4V27.8H123 M134.8,27.8l-5.4,16.5
+ h4.7l0.8-3.2h4.6l0.8,3.2h4.8l-5.4-16.5H134.8L134.8,27.8z M135.6,37.8l1.5-6.1h0l1.5,6.1H135.6L135.6,37.8z"/>
+</svg>
diff --git a/donate/templates/donate/base.html b/donate/templates/donate/base.html
new file mode 100644
index 00000000..99a1af08
--- /dev/null
+++ b/donate/templates/donate/base.html
@@ -0,0 +1,215 @@
+{% load static wagtailuserbar wagtailcore_tags wagtailimages_tags %}
+<!doctype html>
+<html lang="cs">
+<head>
+
+ <!-- Font loader -->
+ <script type="text/javascript">
+ WebFontConfig = {
+ google: { families: ['Roboto+Condensed:300,300i,400,400i,700,700i:latin-ext', 'Bebas+Neue'] }
+ };
+ (function () {
+ var wf = document.createElement('script');
+ wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
+ wf.type = 'text/javascript';
+ wf.async = 'true';
+ var s = document.getElementsByTagName('script')[0];
+ s.parentNode.insertBefore(wf, s);
+ })();
+ </script>
+
+ <!-- Meta -->
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+ <meta name="description" content="{{ page.search_description }}">
+ <meta name="author" content="Daniel Hlavacek">
+ <title>{% firstof page.seo_title page.title %}</title>
+
+ <!-- OpenGraph info -->
+ <meta property="og:title" content="{% firstof page.seo_title page.title %}" />
+ <meta property="og:type" content="website" />
+ <meta property="og:locale" content="cs_CZ" />
+ <meta property="og:url" content="{{ page.full_url }}" />
+ {# TODO #}
+ <meta property="og:image" content="{% static "shared/img/og_image.jpg" %}" />
+ <meta property="og:description" content="{{ page.search_description }}" />
+
+ <!-- Favicon -->
+ <link rel="icon" type="image/png" href="{% static "shared/favicon/favicon-196.png" %}" sizes="196x196">
+ <link rel="icon" type="image/png" href="{% static "shared/favicon/favicon-128.png" %}" sizes="128x128">
+ <link rel="icon" type="image/png" href="{% static "shared/favicon/favicon-96.png" %}" sizes="96x96">
+ <link rel="icon" type="image/png" href="{% static "shared/favicon/favicon-32.png" %}" sizes="32x32">
+ <link rel="icon" type="image/png" href="{% static "shared/favicon/favicon-16.png" %}" sizes="16x16">
+
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="{% static "shared/vendor/bootstrap-4.4.1/css/bootstrap.min.css" %}">
+ <link rel="stylesheet" href="{% static "shared/vendor/fancybox/jquery.fancybox.min.css" %}">
+
+ <!-- Styles -->
+ <link href="{% static "donate/assets/css/style.css" %}" rel="stylesheet">
+ <link href="{% static "donate/assets/css/icons.css" %}" rel="stylesheet">
+
+ {% if page.root_page.matomo_id %}
+ {% include "shared/matomo_snippet.html" with matomo_id=page.root_page.matomo_id %}
+ {% endif %}
+</head>
+
+<body id="top">
+
+ {% wagtailuserbar %}
+
+ <!-- HEADER -->
+ <div class="pre-navbar d-none d-lg-flex" style="background:black;">
+ <div class="container d-flex justify-content-end">
+ <a href="https://www.pirati.cz/" class="header_link header_link--desktop mr-4 py-2" target="_blank" rel="noreferrer"><i class="icon-external-link mr-2" title="Ikona odkazu"></i>www.pirati.cz</a>
+ {# TODO #}
+ <a href="#" class="header_link header_link--desktop py-2" target="_blank" rel="noreferrer"><i class="icon-external-link mr-2" title="Ikona odkazu"></i>Profil dárce</a>
+ </div>
+ </div>
+
+ <nav class="navbar navbar-expand-xl navbar-dark">
+ <div class="container">
+
+ <!-- Candidate name -->
+ <div class="brand-wrapper">
+ <a class="navbar-brand" href="/">
+ <img src="{% static "donate/img/logo_napis.svg" %}" alt="Logo podpoř piráty">
+ </a>
+ </div>
+
+ <!-- Mobile menu toggler -->
+ <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainNavigation" aria-controls="mainNavigation" aria-expanded="false" aria-label="Otevřít menu">
+ <span></span>
+ <span></span>
+ <span></span>
+ </button>
+
+ <!-- Navigation -->
+ <div class="collapse navbar-collapse" id="mainNavigation">
+ <ul class="navbar-nav ml-auto">
+ <li class="nav-item">
+ {% if page.is_home %}
+ <a class="nav-link js-scroll-anchor" href="#top">Úvod</a>
+ {% else %}
+ <a class="nav-link" href="/#top">Úvod</a>
+ {% endif %}
+ </li>
+ <li class="nav-item">
+ {% if page.is_home %}
+ <a class="nav-link js-scroll-anchor" href="#strana">Podpoř stranu</a>
+ {% else %}
+ <a class="nav-link" href="/#strana">Podpoř stranu</a>
+ {% endif %}
+ </li>
+ <li class="nav-item">
+ {% if page.is_home %}
+ <a class="nav-link js-scroll-anchor" href="#projekty">Podpoř projekt</a>
+ {% else %}
+ <a class="nav-link" href="/#projekty">Podpoř projekt</a>
+ {% endif %}
+ </li>
+ <li class="nav-item">
+ {% if page.is_home %}
+ <a class="nav-link js-scroll-anchor" href="#kraje">Podpoř kraj</a>
+ {% else %}
+ <a class="nav-link" href="/#kraje">Podpoř kraj</a>
+ {% endif %}
+ </li>
+ <li class="nav-item">
+ {# TODO #}
+ <a class="nav-link" href="#">Jak to funguje</a>
+ </li>
+ </ul>
+ <a href="https://www.pirati.cz/" class="d-block d-lg-none mb-3 header_link header_link--mobile" target="_blank" rel="noreferrer"><i class="icon-external-link mr-2" title="Ikona odkazu"></i>www.pirati.cz</a>
+ {# TODO #}
+ <a href="#" class="d-block d-lg-none mb-3 header_link header_link--mobile" target="_blank" rel="noreferrer"><i class="icon-external-link mr-2" title="Ikona odkazu"></i>Profil dárce</a>
+ </div><!-- /navigation -->
+ </div><!-- /container -->
+ </nav>
+ <!-- /HEADER -->
+
+ {% block content %}{% endblock %}
+
+ <!-- FOOTER -->
+ <footer id="kontakt">
+
+ <div class="footer__top">
+ <div class="container">
+
+ <div class="row">
+ <div class="col-12 col-md-6 col-lg-3 mb-4 mb-md-5 mb-lg-4 order-0 order-lg-0">
+ <div class="footer__logo">
+ <img src="{% static "donate/img/logo_napis_white.svg" %}" alt="Logo podpoř piráty">
+ </div>
+ </div><!-- /column -->
+
+ {# TODO #}
+ <div class="col-12 col-md-6 col-lg-3 mb-4 order-2 order-lg-1">
+ <h4 class="lead mb-3">Otevřenost</h4>
+ <ul class="footer__menu">
+ <li><a href="https://ucet.pirati.cz" title="Zvláštní účet ve smyslu § 17b zákona č. 424/1991 Sb. o sdružování v politických stranách">Účet dle §17b ZPS</a></li>
+ <li><a href="https://smlouvy.pirati.cz">Registr smluv</a></li>
+ <li><a href="https://wiki.pirati.cz/fo/otevrene_ucetnictvi">Otevřené účetnictví</a></li>
+ <li><a href="https://drive.google.com/drive/folders/1p9XK-pSPpOd60JGNCNnW8q31tltNki6p" title="Senátní volby 2018 - přehled darů">Senát - dary 2018</a></li>
+ <li><a href="https://wiki.pirati.cz/fo/start" title="Financování a hospodaření">Financování</a></li>
+ </ul>
+ </div><!-- /column -->
+
+ {# TODO #}
+ <div class="col-12 col-md-6 col-lg-3 order-3 order-lg-2">
+ <h4 class="lead mb-3">Kontakt</h4>
+ <h6 class="mb-0">Občané</h6>
+ <p class="mb-3"><a href="mailto:info@pirati.cz">info@pirati.cz</a></p>
+ <h6 class="mb-0">Média</h6>
+ <p class="mb-0"><a href="mailto:karolina.novakova@pirati.cz">karolina.novakova@pirati.cz</a></p>
+ </div><!-- /column -->
+
+ <div class="col-12 col-md-6 col-lg-3 mb-4 mb-md-5 mb-lg-4 order-1 order-lg-3">
+ <h4 class="lead mb-3 d-none d-lg-block">Sociální sítě</h4>
+ <div class="socials">
+ {% if page.root_page.facebook %}
+ <a href="{{ page.root_page.facebook }}" target="_blank" rel="noreferrer"><i class="icon-facebook-f" title="Facebooková stránka"></i></a>
+ {% endif %}
+ {% if page.root_page.twitter %}
+ <a href="{{ page.root_page.twitter }}" target="_blank" rel="noreferrer">><i class="icon-twitter" title="Profil na Twitteru"></i></a>
+ {% endif %}
+ {% if page.root_page.instagram %}
+ <a href="{{ page.root_page.instagram }}" target="_blank" rel="noreferrer">><i class="icon-instagram" title="Profil na Instagramu"></i></a>
+ {% endif %}
+ {% if page.root_page.flickr %}
+ <a href="{{ page.root_page.flickr }}" target="_blank" rel="noreferrer">><i class="icon-flickr" title="Profil na Flickr"></i></a>
+ {% endif %}
+ </div>
+ </div><!-- /column -->
+ </div> <!-- /row -->
+
+ </div><!-- /container -->
+ </div><!-- /footer_top -->
+
+ <div class="footer__bottom">
+ <div class="container">
+ <div class="row">
+ <div class="col-12 col-md-6 mb-3 mb-md-0">
+ <p class="mb-0">© {% now "Y" %} Piráti. Všechna práva vyhlazena.<br/>Sdílejte a nechte ostatní sdílet za stejných podmínek.</p>
+ <p>Vytvořil <a href="https://danielhlavacek.cz" target="_blank">Daniel Hlaváček</a></p>
+ </div><!-- /column -->
+ <div class="col-12 col-md-6 text-md-right">
+ {# TODO #}
+ <p class="mb-0">Tento web využívá soubory cookies - <a href="#">více informací</a></p>
+ </div><!-- /column -->
+ </div><!-- /row -->
+ </div><!-- /container -->
+ </div><!-- /footer_bottom -->
+
+ </footer>
+ <!-- /FOOTER -->
+
+ <!-- JavaScript libraries -->
+ <script src="{% static "shared/vendor/jquery/jquery-3.4.1.min.js" %}"></script>
+ <script src="{% static "shared/vendor/bootstrap-4.4.1/js/bootstrap.min.js" %}"></script>
+ <script src="{% static "shared/vendor/lazysizes/lazysizes.min.js" %}"></script>
+ <script src="{% static "shared/vendor/fancybox/jquery.fancybox.min.js" %}"></script>
+ <script src="{% static "donate/assets/js/scripts.js" %}"></script>
+
+</body>
+</html>
diff --git a/donate/templates/donate/donate_home_page.html b/donate/templates/donate/donate_home_page.html
new file mode 100644
index 00000000..c64fbac7
--- /dev/null
+++ b/donate/templates/donate/donate_home_page.html
@@ -0,0 +1,231 @@
+{% extends "donate/base.html" %}
+{% load static wagtailimages_tags wagtailcore_tags %}
+
+{% block content %}
+
+<!-- CONTENT -->
+<main role="main">
+
+ <section class="section--alternate section--lead" id="uvod">
+ <div class="container">
+ <div class="row align-items-center">
+
+ <div class="col-12 col-lg-7 mb-4 mb-lg-0 py-4 text-center text-md-left">
+ <h1 class="lead homepage-heading">{{ page.lead_title }}</h1>
+ <p class="lead mb-4">{{ page.lead_body }}</p>
+ <div class="row align-items-center">
+ <div class="col-12 col-md-auto mb-4 mb-md-0">
+ <a href="#strana" class="btn btn-dark btn-lg js-scroll-anchor">Chci darovat <i class="icon-chevron-right ml-2"></i></a>
+ </div><!-- /column -->
+ <div class="col-12 col-md-auto">
+ <div class="uvod__image-wrapper">
+ <a href="https://www.pirati.cz" target="_blank" rel="noreferrer"><img data-src="{% static "donate/img/logo_napis.png" %}" class="lazyload img-fluid" alt="Logo pirátské strany"></a>
+ </div><!-- /uvod__image-wrapper -->
+ </div><!-- /column -->
+ </div> <!-- /row -->
+ </div><!-- /column -->
+
+ <div class="col-12 col-lg-5 pl-xl-5 text-center">
+ <a data-fancybox="" href="{{ page.lead_video }}" title="Přehrát video">
+ {% image page.lead_preview width-500 as lead_preview %}
+ <img class="img-fluid lazyload" data-src="{{ lead_preview.url }}" alt="Náhled videa">
+ </a>
+ </div><!-- /column -->
+
+ </div> <!-- /row -->
+ </div> <!-- /container -->
+ </section>
+
+ <section class="section--primary" id="strana">
+ <div class="container">
+ <h2 class="lead page-subheading mb-4">{{ page.support_title }}</h2>
+ <p class="mb-4">{{ page.support_body }}</p>
+ <div class="donate-form">
+ <div class="donate-form__left">
+ <div class="donate-form__icon">
+ <img data-src="{% static "donate/img/donate.png" %}" class="lazyload img-fluid" alt="Ikona daru">
+ </div><!-- /donate-form__icon -->
+ <div class="donate-form__left-content">
+ <h2 class="lead mb-0">Darovací formulář</h2>
+ </div><!-- /donate-form__left-content -->
+ </div><!-- /donate-form__left -->
+ <div class="donate-form__right">
+ <p class="mb-4">Pokud nás chcete podpořit, zadejte prosím částku a vyberte mezi měsíčním nebo jednorázovým příspěvkem. Po kliknutí na tlačítko <strong>Darovat</strong> budete
+ přesměrováni na formulář, kde vyplníte potřebné údaje a vyberete způsob převodu financí.</p>
+ <form id="js-donate-form">
+ <div class="form-group row mb-4 align-items-center">
+ <legend class="col-form-label col-md-4 col-form-label-lg">Částka</legend>
+ <div class="col-md-8">
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="amount1" name="amount" value="100" class="custom-control-input" checked>
+ <label class="custom-control-label col-form-label-lg" for="amount1">100 Kč</label>
+ </div>
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="amount2" name="amount" value="200" class="custom-control-input">
+ <label class="custom-control-label col-form-label-lg" for="amount2">200 Kč</label>
+ </div>
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="amount3" name="amount" value="500" class="custom-control-input">
+ <label class="custom-control-label col-form-label-lg" for="amount3">500 Kč</label>
+ </div>
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="amount4" name="amount" value="custom" class="custom-control-input">
+ <label class="custom-control-label col-form-label-lg" for="amount4">Jiná</label>
+ </div>
+ </div>
+ </div>
+ <div class="form-group row mb-4 align-items-center" id="js-custom-amount-input" style="display: none;">
+ <div class="offset-md-4 col-md-8">
+ <div class="input-group input-group-lg mb-3 custom-amount">
+ <input type="text" class="form-control" id="customamount" name="customamount" placeholder="1000" aria-describedby="customamount-currency">
+ <div class="input-group-append">
+ <span class="input-group-text" id="customamount-currency">Kč</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="form-group row mb-4 align-items-center">
+ <legend class="col-form-label col-md-4 col-form-label-lg">Typ příspěvku</legend>
+ <div class="col-md-8">
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="type1" name="type" value="monthly" class="custom-control-input" checked>
+ <label class="custom-control-label col-form-label-lg" for="type1">Měsíční</label>
+ </div>
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="type2" name="type" value="onetime" class="custom-control-input">
+ <label class="custom-control-label col-form-label-lg" for="type2">Jednorázový</label>
+ </div>
+ </div>
+ </div>
+ <div class="form-group row mb-0">
+ <div class="col-12">
+ <button type="submit" class="btn btn-success btn-lg">Darovat</button>
+ </div>
+ </div>
+ </form>
+
+ </div><!-- /donate-form__right -->
+ </div><!-- /donate-form -->
+ </div> <!-- /container -->
+ </section>
+
+ <section class="section--alternate" id="projekty">
+ <div class="container">
+
+ <h2 class="lead page-subheading mb-4">{{ page.project_title }}</h2>
+ <p class="mb-4">{{ page.project_body }}</p>
+ <div class="row projects mb-4">
+
+ {# TODO #}
+ <div class="col-12 col-md-4 mb-4">
+ <a class="card project" href="projekt.php">
+ <img data-src="img/projekt.jpg" class="lazyload img-fluid card-img-top" alt="Novinka">
+ <div class="card-body">
+ <h5>Krajské volby 2020</h5>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin.
+ Aliquam erat volutpat. Maecenas sollicitudin. Aliquam erat volutpat..</p>
+ </div>
+ <div class="card-footer">
+ <div class="progress">
+ <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
+ </div>
+ <p>Vybráno <strong>4 963 Kč</strong> z <strong>250 000 Kč</strong></p>
+ </div>
+ </a>
+ </div><!-- /column -->
+
+ <div class="col-12 col-md-4 mb-4">
+ <a class="card project" href="projekt.php">
+ <img data-src="img/projekt2.jpg" class="lazyload img-fluid card-img-top" alt="Novinka">
+ <div class="card-body">
+ <h5>Milion stromů do měst</h5>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin.</p>
+ </div>
+ <div class="card-footer">
+ <div class="progress">
+ <div class="progress-bar" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
+ </div>
+ <p>Vybráno <strong>4 963 Kč</strong> z <strong>250 000 Kč</strong></p>
+ </div>
+ </a>
+ </div><!-- /column -->
+
+ <div class="col-12 col-md-4 mb-4">
+ <a class="card project" href="projekt.php">
+ <img data-src="img/projekt3.jpg" class="lazyload img-fluid card-img-top" alt="Novinka">
+ <div class="card-body">
+ <h5>Odstranění babiše</h5>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin.
+ Aliquam erat volutpat. Maecenas sollicitudin. Aliquam erat volutpat. Aliquam erat volutpat. Maecenas
+ sollicitudin.</p>
+ </div>
+ <div class="card-footer">
+ <div class="progress">
+ <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
+ </div>
+ <p>Vybráno <strong>4 963 Kč</strong> z <strong>250 000 Kč</strong></p>
+ </div>
+ <ul class="project__flags">
+ <li class="project__flag new">Nový projekt</li>
+ <li class="project__flag almost">Už jen kousek</li>
+ </ul>
+ </a>
+ </div><!-- /column -->
+
+ </div> <!-- /row -->
+
+ {# TODO #}
+ <a href="#" class="btn btn-dark btn-lg my-2">Všechny projekty <i class="icon-chevron-right ml-2"></i></a>
+ </div> <!-- /container -->
+ </section>
+
+ <section class="section--primary" id="kraje">
+ <div class="container">
+
+ <h2 class="lead page-subheading mb-4">{{ page.region_title }}</h2>
+ <p class="mb-4">{{ page.region_body }}</p>
+ <div class="row regions mb-4">
+
+ {# TODO #}
+ <div class="col-12 col-md-4 mb-4">
+ <a class="card region" href="kraj.php">
+ <div class="card-body">
+ <h5>Pardubický kraj</h5>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin.
+ Aliquam erat volutpat. Maecenas sollicitudin. Aliquam erat volutpat..</p>
+ </div>
+ </a>
+ </div><!-- /column -->
+
+ <div class="col-12 col-md-4 mb-4">
+ <a class="card region" href="kraj.php">
+ <div class="card-body">
+ <h5>Pardubický kraj</h5>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin.
+ Aliquam erat volutpat. Maecenas sollicitudin. Aliquam erat volutpat..</p>
+ </div>
+ </a>
+ </div><!-- /column -->
+
+ <div class="col-12 col-md-4 mb-4">
+ <a class="card region" href="kraj.php">
+ <div class="card-body">
+ <h5>Pardubický kraj</h5>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin.
+ Aliquam erat volutpat. Maecenas sollicitudin. Aliquam erat volutpat..</p>
+ </div>
+ </a>
+ </div><!-- /column -->
+
+ </div> <!-- /row -->
+
+ {# TODO #}
+ <a href="#" class="btn btn-dark btn-lg my-2">Všechny kraje <i class="icon-chevron-right ml-2"></i></a>
+
+ </div> <!-- /container -->
+ </section>
+
+</main>
+<!-- /CONTENT -->
+
+{% endblock %}
diff --git a/majak/settings/base.py b/majak/settings/base.py
index 1c6d2a45..13b7ba4e 100644
--- a/majak/settings/base.py
+++ b/majak/settings/base.py
@@ -31,6 +31,7 @@ DATABASES["default"]["ATOMIC_REQUESTS"] = True
# APPS
# ------------------------------------------------------------------------------
INSTALLED_APPS = [
+ "donate",
"senat_campaign",
"home",
"shared",
--
GitLab