Skip to content
Snippets Groups Projects
Commit 6a7bf4fd authored by jan.bednarik's avatar jan.bednarik
Browse files

donate: App with roughly working homepage

parent f38b4fc3
No related branches found
No related tags found
1 merge request!16Dary
Showing
with 1860 additions and 0 deletions
......@@ -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
......
from django.apps import AppConfig
class DonateConfig(AppConfig):
name = "donate"
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
@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";
}
/*
*
* 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;
}
// 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
File added
<?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="&#x20;" horiz-adv-x="0" d="" />
<glyph unicode="&#xf004;" 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="&#xf00c;" 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="&#xf053;" 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="&#xf054;" 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="&#xf08c;" 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="&#xf08e;" 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="&#xf099;" 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="&#xf133;" 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="&#xf16d;" 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="&#xf39e;" 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>
File added
File added
donate/static/donate/img/donate.png

21.6 KiB

donate/static/donate/img/logo_napis.png

8.34 KiB

<?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>
<?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>
{% 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">&copy; {% 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>
{% 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"></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 %}
......@@ -31,6 +31,7 @@ DATABASES["default"]["ATOMIC_REQUESTS"] = True
# APPS
# ------------------------------------------------------------------------------
INSTALLED_APPS = [
"donate",
"senat_campaign",
"home",
"shared",
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment