diff --git a/README.md b/README.md
index d522cdfd7b07e8c2bef1aa3aff2a94645b649981..9ce30bd830ced7099b303a049140fef40502c45b 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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/donate/apps.py b/donate/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..d539a5b72fbb5f0d7d9c77f0920292a1d85a82c0
--- /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 0000000000000000000000000000000000000000..4679f0dbafcfdbb3592a1b8f28f0584ff0fedd03
--- /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 0000000000000000000000000000000000000000..64c5132cd98de0b27c9c7a47cca9cd0ba6a630fb
--- /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 0000000000000000000000000000000000000000..e65af21f37b3081b41b5ed6ac928d15e3b903a74
--- /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 0000000000000000000000000000000000000000..050452027e9f1c34316d22e9c32f748462347b82
--- /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
Binary files /dev/null and b/donate/static/donate/icons/icomoon.eot differ
diff --git a/donate/static/donate/icons/icomoon.svg b/donate/static/donate/icons/icomoon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..63aec286d2dcab1202080f51bd2dc55ec7e77bbd
--- /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
Binary files /dev/null and b/donate/static/donate/icons/icomoon.ttf differ
diff --git a/donate/static/donate/icons/icomoon.woff b/donate/static/donate/icons/icomoon.woff
new file mode 100644
index 0000000000000000000000000000000000000000..d09f3f253b3f447ebe76f6841076738823399ba3
Binary files /dev/null and b/donate/static/donate/icons/icomoon.woff differ
diff --git a/donate/static/donate/img/donate.png b/donate/static/donate/img/donate.png
new file mode 100644
index 0000000000000000000000000000000000000000..fda3ad89b4e5f6f0156eca803a133f1465f32166
Binary files /dev/null and b/donate/static/donate/img/donate.png differ
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
Binary files /dev/null and b/donate/static/donate/img/logo_napis.png differ
diff --git a/donate/static/donate/img/logo_napis.svg b/donate/static/donate/img/logo_napis.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8356c4db5bb3bf43e6a1ef1e76d3dec2afb0c306
--- /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 0000000000000000000000000000000000000000..c0e3f66dac904a3e3bb14440dbc2f2b1d40f4543
--- /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 0000000000000000000000000000000000000000..99a1af082e3fd34d7a3e64f812b1034619905566
--- /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 0000000000000000000000000000000000000000..c64fbac731b1b96b6dc715510bb9b54e743e1102
--- /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 1c6d2a45ced241ce9f6cee5de33c0f8a4c051309..13b7ba4e0ceb8f787656ad4dcde4c4c3892c2998 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",