Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision

Target

Select target project
  • to/majak
  • b1242/majak
2 results
Select Git revision
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 647 additions and 391 deletions
donate/templates/donate/base.html
View file @ d3ae8340
...@@ -2,27 +2,17 @@ ...@@ -2,27 +2,17 @@
<!doctype html> <!doctype html>
<html lang="cs"> <html lang="cs">
<head> <head>
{% if request.in_preview_panel %}
<base target="_blank">
{% endif %}
<!-- Font loader --> <link href="https://gfonts.pirati.cz/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
<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 -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{% meta_tags %} {% meta_tags %}
{% if settings.MAJAK_ENV == "test" %} {% if settings.MAJAK_ENV == "test" or disable_robots %}
<meta name="robots" content="noindex, nofollow"> <meta name="robots" content="noindex, nofollow">
{% endif %} {% endif %}
...@@ -37,6 +27,8 @@ ...@@ -37,6 +27,8 @@
<link href="{% static "donate/assets/css/style.css" %}" rel="stylesheet"> <link href="{% static "donate/assets/css/style.css" %}" rel="stylesheet">
<link href="{% static "donate/assets/css/icons.css" %}" rel="stylesheet"> <link href="{% static "donate/assets/css/icons.css" %}" rel="stylesheet">
{% block extra_head %}{% endblock %}
{% if page.root_page.matomo_id %} {% if page.root_page.matomo_id %}
{% include "shared/matomo_snippet.html" with matomo_id=page.root_page.matomo_id %} {% include "shared/matomo_snippet.html" with matomo_id=page.root_page.matomo_id %}
{% endif %} {% endif %}
...@@ -45,17 +37,28 @@ ...@@ -45,17 +37,28 @@
<body id="top"> <body id="top">
{% if settings.MAJAK_ENV == "test" %} {% if settings.MAJAK_ENV == "test" %}
<div class="pre-navbar d-none d-lg-flex" style="background: #884444; color: #FFFFFF;"> <div class="pre-navbar d-none d-lg-flex" style="background: #884444; color: #FFFFFF;">
<div class="container d-flex justify-content-center"> <div class="container d-flex justify-content-center">
<span>TESTOVACÍ WEB! Darujte na <a href="https://dary.pirati.cz/" class="header_link header_link--desktop mr-4 py-2">dary.pirati.cz</a></span> <span>TESTOVACÍ WEB! Darujte na <a href="https://dary.pirati.cz/" class="header_link header_link--desktop mr-4 py-2">dary.pirati.cz</a></span>
</div>
</div> </div>
</div>
{% endif %} {% endif %}
<!-- HEADER --> <!-- HEADER -->
{% block header %}
<div class="pre-navbar d-none d-lg-flex" style="background:black;"> <div class="pre-navbar d-none d-lg-flex" style="background:black;">
<div class="container d-flex justify-content-end"> <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> {% for custom_link in page.root_page.custom_links %}
<a
href="{{ custom_link.value.url }}"
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>
{{ custom_link.value.text }}
</a>
{% endfor %}
</div> </div>
</div> </div>
...@@ -65,7 +68,10 @@ ...@@ -65,7 +68,10 @@
<!-- Candidate name --> <!-- Candidate name -->
<div class="brand-wrapper"> <div class="brand-wrapper">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="{% static "donate/img/logo_napis.svg" %}" alt="Logo podpoř piráty"> <img
src="{% static "styleguide2/images/logo-full-white.svg"%}"
alt="Logo"
>
</a> </a>
</div> </div>
...@@ -79,31 +85,32 @@ ...@@ -79,31 +85,32 @@
<!-- Navigation --> <!-- Navigation -->
<div class="collapse navbar-collapse" id="mainNavigation"> <div class="collapse navbar-collapse" id="mainNavigation">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item"> {% for block in page.root_page.menu %}
{% if page.is_home %} {% include_block block %}
<a class="nav-link js-scroll-anchor" href="#strana">Podpoř Piráty</a> {% endfor %}
{% else %}
<a class="nav-link" href="/#strana">Podpoř Piráty</a>
{% endif %}
</li>
{% if page.root_page.has_projects %}
<li class="nav-item">
<a class="nav-link" href="{{ page.root_page.projects_page_url }}">Projekty a kampaně</a>
</li>
{% endif %}
<li class="nav-item">
<a class="nav-link" href="{{ page.root_page.regions_page_url }}">Kraje</a>
</li>
</ul> </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>
{% for custom_link in page.root_page.custom_links %}
<a
href="{{ custom_link.value.url }}"
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>
{{ custom_link.value.text }}
</a>
{% endfor %}
</div><!-- /navigation --> </div><!-- /navigation -->
</div><!-- /container --> </div><!-- /container -->
</nav> </nav>
{% endblock %}
<!-- /HEADER --> <!-- /HEADER -->
{% block content %}{% endblock %} {% block content %}{% endblock %}
<!-- FOOTER --> <!-- FOOTER -->
{% block footer %}
<footer id="kontakt"> <footer id="kontakt">
<div class="footer__top"> <div class="footer__top">
...@@ -115,6 +122,9 @@ ...@@ -115,6 +122,9 @@
<img src="{% static "donate/img/logo_napis_white.svg" %}" alt="Logo podpoř piráty"> <img src="{% static "donate/img/logo_napis_white.svg" %}" alt="Logo podpoř piráty">
</div> </div>
<ul class="footer__menu mt-5"> <ul class="footer__menu mt-5">
{% if page.root_page.faq_page %}
<li><a href={{ page.root_page.faq_page.url }}>FAQ - pravidla pro přijímání darů</a></li>
{% endif %}
<li><a href="/osobni-udaje/">Zásady zpracování osobních údajů</a></li> <li><a href="/osobni-udaje/">Zásady zpracování osobních údajů</a></li>
<li><a href="/obchodni-podminky/">Obchodní podmínky</a></li> <li><a href="/obchodni-podminky/">Obchodní podmínky</a></li>
</ul> </ul>
...@@ -123,19 +133,25 @@ ...@@ -123,19 +133,25 @@
<div class="col-12 col-md-6 col-lg-3 mb-4 order-2 order-lg-1"> <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> <h4 class="lead mb-3">Otevřenost</h4>
<ul class="footer__menu"> <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> {% if page.root_page.transparency_footer_items %}
<li><a href="https://smlouvy.pirati.cz">Registr smluv</a></li> {% for block in page.root_page.transparency_footer_items %}
<li><a href="https://piroplaceni.pirati.cz">Otevřené hospodaření</a></li> <li>
<li><a href="https://wiki.pirati.cz/fo/start" title="Financování a hospodaření">Financování</a></li> <a
href="{{ block.value.url }}"
target="_blank"
>{{ block.value.text }}</a>
</li>
{% endfor %}
{% endif %}
</ul> </ul>
</div><!-- /column --> </div><!-- /column -->
<div class="col-12 col-md-6 col-lg-3 order-3 order-lg-2"> <div class="col-12 col-md-6 col-lg-3 order-3 order-lg-2">
<h4 class="lead mb-3">Kontakt</h4> <h4 class="lead mb-3">Kontakt</h4>
<h6 class="mb-0">Občané</h6> <h6 class="mb-0">Napiš nám</h6>
<p class="mb-3"><a href="mailto:info@pirati.cz">info@pirati.cz</a></p> <p class="mb-3"><a href="mailto:fundraising@pirati.cz">fundraising@pirati.cz</a></p>
<h6 class="mb-0">Média</h6> <h6 class="mb-0">Zavolej nám</h6>
<p class="mb-0"><a href="mailto:karolina.sadilkova@pirati.cz">karolina.sadilkova@pirati.cz</a></p> <p class="mb-0"><a href="tel: +420770189488">+420 770 189 488</a></p>
</div><!-- /column --> </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"> <div class="col-12 col-md-6 col-lg-3 mb-4 mb-md-5 mb-lg-4 order-1 order-lg-3">
...@@ -155,7 +171,7 @@ ...@@ -155,7 +171,7 @@
{% endif %} {% endif %}
</div> </div>
<div class="row"> <div class="row">
<a href="https://nalodeni.pirati.cz" class="btn btn-success ml-2 my-3">Naloď se <i class="icon-chevron-right ml-2"></i></a> <a href="https://nalodeni.pirati.cz" class="btn btn-success ml-2 my-3">Nalodit se <i class="icon-chevron-right ml-2"></i></a>
</div> </div>
</div><!-- /column --> </div><!-- /column -->
</div> <!-- /row --> </div> <!-- /row -->
...@@ -167,7 +183,14 @@ ...@@ -167,7 +183,14 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 col-md-6 mb-3 mb-md-0"> <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 class="mb-0">
<span style="display:inline-block;transform:scale(-1, 1)">&copy;</span>
{% now "Y" %} Piráti. <a href="https://wiki.pirati.cz/rules/prah#licence" target="_blank" class="underline">CC-BY-SA 4.0</a>.
<br>
Všechna práva vyhlazena. Sdílejte a nechte ostatní sdílet za stejných podmínek.
<br>
Zadavatel | zpracovatel: Česká pirátská strana
</p>
</div><!-- /column --> </div><!-- /column -->
<div class="col-12 col-md-6 text-md-right"> <div class="col-12 col-md-6 text-md-right">
<p class="mb-0">Tento web využívá soubory cookies - <a href="/soubory-cookies/">více informací</a></p> <p class="mb-0">Tento web využívá soubory cookies - <a href="/soubory-cookies/">více informací</a></p>
...@@ -178,6 +201,7 @@ ...@@ -178,6 +201,7 @@
</footer> </footer>
<!-- /FOOTER --> <!-- /FOOTER -->
{% endblock %}
<!-- JavaScript libraries --> <!-- JavaScript libraries -->
<script src="{% static "shared/vendor/jquery/jquery-3.4.1.min.js" %}"></script> <script src="{% static "shared/vendor/jquery/jquery-3.4.1.min.js" %}"></script>
......
donate/templates/donate/blocks/crowdfunding_reward_block.html 0 → 100644
View file @ d3ae8340
{% load wagtailimages_tags %}
<div class="project-donate-form project-donate-form__right mb-3">
<form method="post">
{% csrf_token %}
<input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
<input type="hidden" name="periodicity" value="99999">
<input type="hidden" name="amount" value="{{ self.amount }}">
<input type="hidden" name="crowdfunding" value="{{ self.reward_id }}">
<h3 class="lead mb-3">{{ self.title }}</h3>
<div class="row">
<figure class="col-12 col-md-7">
{% image self.image fill-500x800 as img %}
<img src="{{ img.url }}" alt="{{ img.alt }}" class="w-100">
</figure>
<div class="col-12 col-md-5">
{{ self.description }}<br>
{% if self.variant_list %}
<small>Zvolte si varaintu:</small>
{% for variant in self.variant_list %}
<div class="custom-control form-control-md custom-radio">
<input type="radio" id="product-{{ forloop.counter }}" name="product"
value="{{ self.title }}-{{ variant }}"
class="custom-control-input form-control-md" required>
<label class="custom-control-label col-form-label-lg"
for="product-{{ forloop.counter }}">{{ variant }}</label>
</div>
{% endfor %}
{% else %}
<input name="product"
value="{{ self.title }}"
hidden
class="custom-control-input form-control-md"
required
>
{% endif %}
</div>
</div>
<div class="row mt-2">
<div class="col-7 mb-2 mb-md-0">
<button type="submit" class="btn btn-danger btn-md">Darovat {{ self.amount }}&nbsp;Kč</button>
</div>
{% if self.delivery_date %}
<p class="col-12 col-md-5">
Dodání do: <br>
<time datetime="2019-06-18">{{ self.delivery_date|date:"d. m. Y" }}</time>
</p>
{% endif %}
</div>
</form>
</div>
donate/templates/donate/blocks/custom_content_block.html 0 → 100644
View file @ d3ae8340
{% load static wagtailimages_tags wagtailcore_tags donate_tags %}
<div class="container">
<h2 class="lead page-subheading mb-4">{{ self.title }}</h2>
<div class="mb-4 clearfix">
{{ self.content|richtext }}
</div>
<a href="{{ self.link }}" class="btn btn-dark btn-lg my-2">Chci vědět více <i class="icon-chevron-right ml-2"></i></a>
</div>
donate/templates/donate/blocks/district_donation_block.html 0 → 100644
View file @ d3ae8340
{% load static wagtailimages_tags wagtailcore_tags donate_tags %}
<div class="container" id="kraje">
<h2 class="lead page-subheading mb-4">{{ self.heading }}</h2>
<p class="mb-4">{{ self.description|richtext }}</p>
<div class="row mb-4">
<!-- TODO -->
{% include "donate/region_map_snippet.html" with index_url=page.regions_page_url %}
</div> <!-- /row -->
</div> <!-- /container -->
donate/templates/donate/blocks/menu_item.html 0 → 100644
View file @ d3ae8340
{% firstof self.page.url self.link as target %}
<a class="nav-link js-scroll-anchor" href="{{ target }}">{{ self.title }}</a>
</a>
donate/templates/donate/blocks/navbar_submenu.html 0 → 100644
View file @ d3ae8340
<div
class="dropdown nav-link js-scroll-anchor"
tabindex="0"
>
<div class="dropbtn">
{{ self.title }}
<span class="drop-arrow">🞃</span>
</div>
<div class="dropdown-content">
{% for nested_item in self.menu_items %}
<li>
{% firstof nested_item.page.url nested_item.link as target %}
<a href="{{ target }}">
{{ nested_item.title }}
</a>
</li>
{% endfor %}
</div>
</div>
donate/templates/donate/blocks/party_support_form_block.html 0 → 100644
View file @ d3ae8340
{% load static wagtailimages_tags wagtailcore_tags donate_tags %}
{% if page.show_donate_form %}
<div class="container" id="strana">
<h2 class="lead page-subheading mb-4">{{ self.heading }}</h2>
<p class="mb-4">{{ self.description|richtext }}</p>
<div class="donate-form">
{% if self.image %}
<div class="donate-form__left">
<div class="donate-form__icon">
{% image self.image fill-256x256 as img %}
<img data-src="{{ img.url }}" class="lazyload img-fluid" alt="{{ img.alt }}">
</div><!-- /donate-form__icon -->
</div><!-- /donate-form__left -->
{% endif %}
<div class="donate-form__right">
<form id="js-donate-form" method="post">
{% csrf_token %}
<input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
<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="periodicity1" name="periodicity" value="730" class="custom-control-input" checked required>
<label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
</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">Částka</legend>
<div class="col-md-8">
<div id="monthlyAmounts" data-default-selected="{{ page.form_monthly_preselected }}">
{% include "donate/form_monthly_amounts_snippet.html" %}
</div>
<div id="oneTimeAmounts" style="display: None" data-default-selected="{{ page.form_preselected }}">
{% include "donate/form_amounts_snippet.html" %}
</div>
</div>
</div>
<div class="form-group row mb-0 align-items-center" id="js-custom-amount-input">
<div class="col-md-4 order-md-0 order-1">
<button type="submit" class="btn btn-danger btn-lg">Darovat</button>
</div>
<div class="col-md-8 mb-4 mb-md-0">
<div class="input-group input-group-lg mb-0 custom-amount">
<input type="number" class="form-control" id="customamount" placeholder="Jiná částka" name="custom_amount" aria-describedby="customamount-currency">
<div class="input-group-append">
<span class="input-group-text" id="customamount-currency">Kč</span>
</div>
</div>
</div>
</div>
</form>
</div><!-- /donate-form__right -->
</div><!-- /donate-form -->
</div> <!-- /container -->
{% endif %}
donate/templates/donate/blocks/project_index_block.html 0 → 100644
View file @ d3ae8340
{% load static wagtailimages_tags wagtailcore_tags donate_tags %}
<div class="container" id="projekty-{{ self.page.id }}">
<h2 class="lead page-subheading mb-4">{{ self.page.support_heading }}</h2>
<p class="mb-4">{{ self.page.support_description|richtext }}</p>
<div class="row projects mb-4">
{% if self.page.projects|length != 0 %}
{% for project in self.page.projects %}
{% include "donate/project_snippet.html" %}
{% endfor %}
{% else %}
<span class="text-grey-200 ml-3">Žádné aktuální projekty.</span>
{% endif %}
</div> <!-- /row -->
{% if self.page.projects|length != 0 %}
<a href="{{ self.page.url }}" class="btn btn-dark btn-lg my-2">Všechny projekty a kampaně <i class="icon-chevron-right ml-2"></i></a>
{% endif %}
</div> <!-- /container -->
donate/templates/donate/donate_home_page.html
View file @ d3ae8340
{% extends "donate/base.html" %} {% extends "donate/base.html" %}
{% load static wagtailimages_tags wagtailcore_tags %} {% load static wagtailimages_tags wagtailcore_tags donate_tags %}
{% block content %} {% block content %}
<!-- CONTENT --> <!-- CONTENT -->
<main role="main"> <main role="main">
<section class="section--{% get_section_kind %} section--lead" id="uvod">
<section class="section--alternate section--lead" id="uvod">
<div class="container"> <div class="container">
<div class="row align-items-center"> <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"> <div class="col-12 col-lg-5">
<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-danger btn-lg btn-wide js-scroll-anchor">Chci darovat <i class="icon-chevron-right ml-2"></i></a>
</div><!-- /column -->
<div class="col-12 col-md-auto">
<a href="{{ page.info_page_url }}" class="btn btn-dark btn-lg btn-wide">Chci vědět více <i class="icon-chevron-right ml-2"></i></a>
</div><!-- /column -->
</div> <!-- /row -->
</div><!-- /column -->
<div class="col-12 col-lg-5 pl-xl-5 text-center">
{% image page.lead_preview width-500 as lead_preview %} {% image page.lead_preview width-500 as lead_preview %}
{% if page.lead_video %} {% if page.lead_video %}
<a data-fancybox="" href="{{ page.lead_video }}" title="Přehrát video"> <a data-fancybox="" href="{{ page.lead_video }}" title="Přehrát video">
<img class="img-fluid lazyload" data-src="{{ lead_preview.url }}" alt="Náhled videa"> <img class="img-fluid lazyload w-100" data-src="{{ lead_preview.url }}" alt="Náhled videa">
</a> </a>
{% else %} {% else %}
<img class="img-fluid lazyload" data-src="{{ lead_preview.url }}" alt="Náhled videa"> <img class="img-fluid lazyload" data-src="{{ lead_preview.url }}" alt="Náhled videa">
{% endif %} {% endif %}
</div><!-- /column --> </div><!-- /column -->
</div> <!-- /row --> <div class="col-12 col-lg-7 mb-4 mb-lg-0 py-4 text-md-left">
</div> <!-- /container --> <h1 class="lead homepage-heading">{{ page.lead_title }}</h1>
</section> <div class="lead lead-small mb-4">{{ page.lead_body|richtext }}</div>
<div class="row align-items-center text-center">
{% if page.show_donate_form %} <div class="col-12 col-md-auto mb-4 mb-md-0">
<section class="section--primary" id="strana"> <a href="#strana" class="btn btn-danger btn-lg btn-wide js-scroll-anchor">Chci darovat <i class="icon-chevron-right ml-2"></i></a>
<div class="container"> </div><!-- /column -->
<h2 class="lead page-subheading mb-4">{{ page.support_title }}</h2> <div class="col-12 col-md-auto">
<p class="mb-4">{{ page.support_body }}</p> <a href="{{ page.info_page_url }}" class="btn btn-dark btn-lg btn-wide">Chci vědět více <i class="icon-chevron-right ml-2"></i></a>
<div class="donate-form"> </div><!-- /column -->
<div class="donate-form__left"> </div> <!-- /row -->
<div class="donate-form__icon"> </div><!-- /column -->
<img data-src="{% static "donate/img/donate.png" %}" class="lazyload img-fluid" alt="Ikona daru">
</div><!-- /donate-form__icon -->
</div><!-- /donate-form__left -->
<div class="donate-form__right">
<form id="js-donate-form" method="post">
{% csrf_token %}
<input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
<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="200" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount1">200 Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount2" name="amount" value="500" class="custom-control-input" checked required>
<label class="custom-control-label col-form-label-lg" for="amount2">500 Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount3" name="amount" value="1000" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount3">1000 Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount4" name="amount" value="-1" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount4">Jiná částka</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="number" class="form-control" id="customamount" name="custom_amount" 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="periodicity1" name="periodicity" value="730" class="custom-control-input" checked required>
<label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
</div>
</div>
</div>
<div class="form-group row mb-0">
<div class="col-12">
<button type="submit" class="btn btn-danger btn-lg">Darovat</button>
</div>
</div>
</form>
</div><!-- /donate-form__right -->
</div><!-- /donate-form -->
</div> <!-- /container -->
</section>
{% endif %}
{% if page.has_projects %}
<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">
{% for project in projects %}
{% include "donate/project_snippet.html" %}
{% endfor %}
</div> <!-- /row -->
<a href="{{ page.projects_page_url }}" class="btn btn-dark btn-lg my-2">Všechny projekty a kampaně <i class="icon-chevron-right ml-2"></i></a>
</div> <!-- /container -->
</section>
<section class="section--primary" id="kraje">
{% else %}
<section class="section--alternate" id="kraje">
{% endif %}
<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 mb-4">
{% include "donate/region_map_snippet.html" with index_url=page.regions_page_url %}
</div> <!-- /row --> </div> <!-- /row -->
</div> <!-- /container --> </div> <!-- /container -->
</section> </section>
{% for block in page.content_blocks %}
<section class="section--{% get_section_kind %}">
{% include_block block %}
</section>
{% endfor %}
</main> </main>
<!-- /CONTENT --> <!-- /CONTENT -->
......
donate/templates/donate/donate_info_page.html
View file @ d3ae8340
...@@ -35,49 +35,40 @@ ...@@ -35,49 +35,40 @@
{% csrf_token %} {% csrf_token %}
<input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}"> <input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
<div class="form-group row mb-2 align-items-center"> <div class="form-group row mb-2 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend> <legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
<div class="col-md-12"> <div class="col-md-12">
<div class="custom-control custom-radio custom-control-inline"> <div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount1" name="amount" value="200" class="custom-control-input"> <input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
<label class="custom-control-label col-form-label-lg" for="amount1">200 Kč</label> <label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> <div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount2" name="amount" value="500" class="custom-control-input" checked> <input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount2">500 Kč</label> <label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> </div>
<input type="radio" id="amount3" name="amount" value="1000" class="custom-control-input"> </div>
<label class="custom-control-label col-form-label-lg" for="amount3">1000 Kč</label> <div class="form-group row mb-4 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend>
<div class="col-md-12">
<div id="monthlyAmounts" data-default-selected="{{ page.form_monthly_preselected }}">
{% include "donate/form_monthly_amounts_snippet.html" %}
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> <div id="oneTimeAmounts" style="display: None"
<input type="radio" id="amount4" name="amount" value="-1" class="custom-control-input"> data-default-selected="{{ page.form_preselected }}">
<label class="custom-control-label col-form-label-lg" for="amount4">Jiná částka</label> {% include "donate/form_amounts_snippet.html" %}
</div> </div>
</div> </div>
</div> </div>
<div class="form-group row mb-2 align-items-center" id="js-custom-amount-input" style="display: none;"> <div class="form-group row mb-2 align-items-center" id="js-custom-amount-input">
<div class="col-md-12"> <div class="col-md-12">
<div class="input-group input-group-lg mb-3 custom-amount"> <div class="input-group input-group-lg mb-3 custom-amount">
<input type="number" class="form-control" id="customamount" name="custom_amount" aria-describedby="customamount-currency"> <input type="number" class="form-control" id="customamount" placeholder="Jiná částka" name="custom_amount" aria-describedby="customamount-currency">
<div class="input-group-append"> <div class="input-group-append">
<span class="input-group-text" id="customamount-currency">Kč</span> <span class="input-group-text" id="customamount-currency">Kč</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="form-group row mb-4 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
<div class="col-md-12">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
<label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
</div>
</div>
</div>
<div class="form-group row mb-0"> <div class="form-group row mb-0">
<div class="col-12"> <div class="col-12">
<button type="submit" class="btn btn-danger btn-lg">Darovat</button> <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
...@@ -89,21 +80,6 @@ ...@@ -89,21 +80,6 @@
</div><!-- /project-donate-form__right --> </div><!-- /project-donate-form__right -->
</div> </div>
<div class="article__sharing-box">
<div class="card-body">
<div class="sharing-box__content">
<div class="icon"><i class="icon-heart"></i></div>
<div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
</div>
<div class="sharing-buttons">
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
<a href="https://twitter.com/intent/tweet?text=Podpoř projekt {{ page.title }}&url={{ page.full_url }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
</div>
</div>
<div class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>
</div><!-- /article__sharing-box -->
</div><!-- /column --> </div><!-- /column -->
</div> <!-- /row --> </div> <!-- /row -->
</div> <!-- /container --> </div> <!-- /container -->
......
donate/templates/donate/donate_project_index_page.html
View file @ d3ae8340
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<section class="section--primary"> <section class="section--primary">
<div class="container"> <div class="container">
<h1 class="lead homepage-heading mb-4">{{ page.title }}</h1> <h1 class="lead homepage-heading mb-4">{{ page.heading }}</h1>
<div class="row projects mb-4"> <div class="row projects mb-4">
{% for project in projects %} {% for project in projects %}
......
donate/templates/donate/donate_project_page.html
View file @ d3ae8340
...@@ -12,7 +12,11 @@ ...@@ -12,7 +12,11 @@
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-12 col-md-6 mb-3 mb-md-0"> <div class="col-12 col-md-6 mb-3 mb-md-0">
<p class="project__date">běží od {{ page.date|date:"j.n.Y" }}</p> {% if page.until %}
<p class="project__date">běží od {{ page.date|date:"j.n.Y" }} do {{ page.until|date:"j.n.Y" }}</p>
{% else %}
<p class="project__date">běží od {{ page.date|date:"j.n.Y" }}</p>
{% endif %}
</div><!-- /column --> </div><!-- /column -->
<div class="col-12 col-md-6 text-md-right"> <div class="col-12 col-md-6 text-md-right">
<div class="project__badges"> <div class="project__badges">
...@@ -29,30 +33,32 @@ ...@@ -29,30 +33,32 @@
<section class="section--primary"> <section class="section--primary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 col-lg-8 col-xl-7 mb-4 mb-lg-0 richtext">
{% if page.gallery %}
<div class="row project-images mb-3">
{% for block in page.gallery %}
{% image block.value width-2000 as img %}
{% image block.value fill-150x100 as thumb %}
<div class="col-6 col-md-3">
<a data-fancybox="gallery" href="{{ img.url }}"><img data-src="{{ thumb.url }}" class="lazyload img-fluid" alt="{{ img.alt }}"></a>
</div><!-- /column -->
{% endfor %}
</div><!-- /row -->
{% endif %}
{{ page.body|richtext }} <div class="col-12 col-lg-8 col-xl-7 mb-4 mb-lg-0 order-2 order-lg-1 richtext">
{% if page.gallery %}
<div class="row project-images mb-3">
{% for block in page.gallery %}
{% image block.value width-2000 as img %}
{% image block.value max-150x100 as thumb %}
<div>
<a data-fancybox="gallery" href="{{ img.url }}"><img data-src="{{ thumb.url }}" class="lazyload img-fluid" alt="{{ img.alt }}"></a>
</div><!-- /column -->
{% endfor %}
</div><!-- /row -->
{% endif %}
{{ page.body|richtext }}
</div><!-- /column --> </div><!-- /column -->
<div class="col-12 col-lg-4 offset-xl-1"><!-- /column --> <div class="col-12 col-lg-4 offset-xl-1 order-1 order-lg-2">
<div class="project-donate-form mb-4"> <div class="sticky-top mb-5">
<div class="project-donate-form mb-5">
<div class="project-donate-form__left"> <div class="project-donate-form__left">
<div class="project-donate-form__left-content"> <div class="project-donate-form__left-content">
<h2 class="lead mb-0">Podpoř projekt</h2> <h2 class="lead mb-0">{{ page.form_title }}</h2>
</div><!-- /project-donate-form__left-content --> </div><!-- /project-donate-form__left-content -->
</div><!-- /project-donate-form__left --> </div><!-- /project-donate-form__left -->
...@@ -79,54 +85,55 @@ ...@@ -79,54 +85,55 @@
<form id="js-donate-form" method="post"> <form id="js-donate-form" method="post">
{% csrf_token %} {% csrf_token %}
<input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}"> <input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
{% if page.allow_periodic_donations %}
<div class="form-group row mb-2 align-items-center"> <div class="form-group row mb-2 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend> <legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
<div class="col-md-12"> <div class="col-md-12">
<div class="custom-control custom-radio custom-control-inline"> <div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount1" name="amount" value="{{ page.form_amount_1 }}" class="custom-control-input"{% if page.form_preselected == page.FIRST %} checked{% endif %}> <input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
<label class="custom-control-label col-form-label-lg" for="amount1">{{ page.form_amount_1 }} Kč</label> <label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> <div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount2" name="amount" value="{{ page.form_amount_2 }}" class="custom-control-input"{% if page.form_preselected == page.SECOND %} checked{% endif %}> <input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount2">{{ page.form_amount_2 }} Kč</label> <label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> </div>
<input type="radio" id="amount3" name="amount" value="{{ page.form_amount_3 }}" class="custom-control-input"{% if page.form_preselected == page.THIRD %} checked{% endif %}> </div>
<label class="custom-control-label col-form-label-lg" for="amount3">{{ page.form_amount_3 }} Kč</label> {% else %}
<input type="hidden" name="periodicity" value="99999">
{% endif %}
<div class="form-group row mb-4 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">
{% if self.crowdfunding %}
Částka bez odměny
{% else %}
Částka
{% endif %}
</legend>
<div class="col-md-12">
{% if page.allow_periodic_donations %}
<div id="monthlyAmounts" data-default-selected="{{ page.form_monthly_preselected }}">
{% include "donate/form_monthly_amounts_snippet.html" %}
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> <div id="oneTimeAmounts" style="display: None"
<input type="radio" id="amount4" name="amount" value="-1" class="custom-control-input"> data-default-selected="{{ page.form_preselected }}">
<label class="custom-control-label col-form-label-lg" for="amount4">Jiná částka</label> {% include "donate/form_amounts_snippet.html" %}
</div> </div>
{% else %}
{% include "donate/form_amounts_snippet.html" with show_selected=True %}
{% endif %}
</div> </div>
</div> </div>
<div class="form-group row mb-2 align-items-center" id="js-custom-amount-input" style="display: none;"> <div class="form-group row mb-2 align-items-center" id="js-custom-amount-input">
<div class="col-md-12"> <div class="col-md-12">
<div class="input-group input-group-lg mb-3 custom-amount"> <div class="input-group input-group-lg mb-3 custom-amount">
<input type="number" class="form-control" id="customamount" name="custom_amount" aria-describedby="customamount-currency"> <input type="number" class="form-control" id="customamount" placeholder="Jiná částka" name="custom_amount" aria-describedby="customamount-currency">
<div class="input-group-append"> <div class="input-group-append">
<span class="input-group-text" id="customamount-currency">Kč</span> <span class="input-group-text" id="customamount-currency">Kč</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% if page.allow_periodic_donations %}
<div class="form-group row mb-4 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
<div class="col-md-12">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
<label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
</div>
</div>
</div>
{% else %}
<input type="hidden" name="periodicity" value="99999">
{% endif %}
<div class="form-group row mb-0 mt-4"> <div class="form-group row mb-0 mt-4">
<div class="col-12"> <div class="col-12">
<button type="submit" class="btn btn-danger btn-lg">Darovat</button> <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
...@@ -138,22 +145,12 @@ ...@@ -138,22 +145,12 @@
</div><!-- /project-donate-form__right --> </div><!-- /project-donate-form__right -->
</div> </div>
<div class="article__sharing-box"> {% for block in self.crowdfunding %}
<div class="card-body"> {% include_block block %}
<div class="sharing-box__content"> {% endfor %}
<div class="icon"><i class="icon-heart"></i></div> </div>
<div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
</div>
<div class="sharing-buttons">
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
<a href="https://twitter.com/intent/tweet?text=Podpoř projekt {{ page.title }}&url={{ page.full_url }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
</div>
</div>
<div class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>
</div><!-- /article__sharing-box -->
</div><!-- /column --> </div><!-- /column -->
</div> <!-- /row --> </div> <!-- /row -->
</div> <!-- /container --> </div> <!-- /container -->
</section> </section>
......
donate/templates/donate/donate_project_page_coalition.html 0 → 100644
View file @ d3ae8340
{% extends "donate/base.html" %}
{% load static wagtailcore_tags wagtailimages_tags humanize %}
{% block extra_head %}
<style>
.spec-link svg{height: 17px;}.spec-link:hover{text-decoration: underline;}.unordered-list {font-family: 'Roboto';font-weight: 200;}p {font-family: 'Roboto'!important;font-weight: 300;line-height: 1.5;}.ordered-list-colored li::marker{color:#adc90e}.project__header{background:#fbdd12}@media only screen and (min-width:800px){.project__header{background:linear-gradient(90deg,#adc90e 48px,#fbdd12 48px)}}.btn-danger{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";background:#adc90f;text-transform:uppercase;border-color:#adc90f}.btn-danger:active,.btn-danger:focus,.btn-danger:hover{background-color:#8ea50c!important;border-color:#8ea50c!important}.project-donate-form__right-inner{padding:1.8rem;padding-bottom:0}.project-donate-form__right{padding:0;padding-bottom:1.8rem}.coalition-btn{width:100%;background:#adc90f;text-transform:uppercase;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;font-size:2.8rem;color:#000;padding-top:1.5rem;padding-bottom:1.5rem;border-color:#adc90f}.coalition-btn:active,.coalition-btn:focus,.coalition-btn:hover{color:#000!important}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#adc90f;background-color:#adc90f}.navbar-dark{background:#000}.text-black{color:#000!important}.content-block .unordered-list-colored li::before,.unordered-list-colored li::before{color:#adc90e;width:8px;height:8px;background:#adc90e;top:4px;content:""!important}/*! CSS Used from: http://localhost:3000/css/styles.css?1620501902059 ; media=all */@media all{*,::after,::before{box-sizing:border-box}strong{font-weight:bolder}table{text-indent:0;border-color:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}blockquote,figure,h1,h2,h3,h4,h5,p{margin:0}ol,ul{list-style:none;margin:0;padding:0}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}img{border-style:solid}table{border-collapse:collapse}h1,h2,h3,h4,h5{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}img{display:block;vertical-align:middle}img{max-width:100%;height:auto}.content-block figure,.figure{position:relative}.content-block figure img,.figure img{width:100%}.content-block figure figcaption,.figure figcaption{display:flex;align-items:flex-end;height:100%;font-size:.875rem;line-height:1.25;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;position:absolute;bottom:0;left:0;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));width:100%;z-index:10}.content-block figure figcaption:before,.figure figcaption:before{display:block;opacity:1;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;transition-duration:.2s;content:"";z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.8))}@media (min-width:576px){.content-block figure figcaption:before,.figure figcaption:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 60%,rgba(0,0,0,.8))}}.content-block figure:focus figcaption:before,.content-block figure:hover figcaption:before,.figure:focus figcaption:before,.figure:hover figcaption:before{opacity:0}.content-block ol,.ordered-list{padding-left:1rem}.content-block ul,.unordered-list{display:grid;gap:1rem}.content-block ul li,.unordered-list li{list-style-type:none;position:relative;padding-left:1em}.content-block ul li:before,.unordered-list li:before{position:absolute;left:0;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));font-family:pirati-ui;content:"\e919";font-size:.6em;font-weight:600;margin-top:.6ex}.content-block ul{row-gap:0}.content-block ol,.ordered-list{list-style-type:decimal}.content-block .unordered-list-colored li,.unordered-list-colored li{padding-left:2rem}.content-block .unordered-list-colored li::before,.unordered-list-colored li::before{color:#adc90e}.content-block p{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.content-block blockquote,.quote{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity));border-left-width:2px;line-height:1.625;margin-left:1.5rem;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-style:italic}.content-block blockquote,.quote{width:80%;max-width:60em}.quote-pirati-stan{--tw-border-opacity:1!important;border-color:rgba(173,201,14,var(--tw-border-opacity))!important;border-left-width:4px!important;margin-left:0!important;padding-left:1.25rem!important}.content-block table td,.content-block table thead td,.table td,.table thead td{padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem}.content-block table thead td,.table thead td{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.content-block table tr:nth-child(even) td,.table--striped tr:nth-child(even) td{--tw-bg-opacity:1;background-color:rgba(243,243,243,var(--tw-bg-opacity))}.content-block table thead td{--tw-border-opacity:1;border-color:rgba(48,49,50,var(--tw-border-opacity));border-width:1px}.content-block table td{--tw-border-opacity:1;border-color:rgba(240,240,240,var(--tw-border-opacity));border-width:1px}.content-block .table-head-lemon thead td,.table-head-lemon thead td{--tw-bg-opacity:1;background-color:rgba(251,221,9,var(--tw-bg-opacity));font-weight:700;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.content-block .table-head-center thead td,.table-head-center thead td{text-align:center}.content-block .table-more-padding td,.content-block .table-more-padding thead td,.table-more-padding td,.table-more-padding thead td{padding-top:2rem;padding-bottom:2rem;padding-left:2.75rem;padding-right:2.75rem}.content-block .table--unbordered,.table--unbordered{border-collapse:collapse;border-style:none}.content-block .table--unbordered thead td,.table--unbordered thead td{border-color:transparent;border-right-width:1px;border-left-width:1px;position:relative}.content-block .table--unbordered thead td::after,.table--unbordered thead td::after{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));content:"";width:1px;height:50%;position:absolute;right:-1px;top:25%}.content-block .table--unbordered td,.table--unbordered td{border-color:transparent;border-right-width:1px;border-left-width:1px;position:relative}.content-block .table--unbordered td::after,.table--unbordered td::after{--tw-bg-opacity:1;background-color:rgba(240,240,240,var(--tw-bg-opacity));content:"";width:1px;height:50%;position:absolute;right:-1px;top:25%}.content-block .table--unbordered tr:nth-child(2n) td,.table--unbordered tr:nth-child(2n) td{--tw-bg-opacity:1;background-color:rgba(240,240,240,var(--tw-bg-opacity))}.content-block .table--unbordered tr:nth-child(2n) td::after,.table--unbordered tr:nth-child(2n) td::after{background-color:#f7f7f7}.content-block .table--unbordered td:last-child::after,.content-block .table--unbordered thead td:last-child::after,.table--unbordered td:last-child::after,.table--unbordered thead td:last-child::after{display:none}.content-block h1,.content-block h2,.content-block h3,.content-block h4{font-family:Roboto Condensed,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.25}.content-block h5{font-family:Roboto Condensed,Helvetica,Arial,sans-serif;line-height:1.25;text-transform:uppercase}.content-block h1,.content-block h2,.content-block h3{margin-bottom:.4em}.content-block h2:not(:first-child),.content-block h3:not(:first-child){margin-top:.95em}.content-block h4,.content-block h5{margin-bottom:.3em}.content-block h4:not(:first-child),.content-block h5:not(:first-child){margin-top:.95em}.content-block h1{font-size:1.875rem}.content-block h2{font-size:1.6rem}.content-block h3{font-size:1.3rem}.content-block h4{font-size:1.125rem}.content-block h5{font-size:1rem}.content-block a:not(.contact-line):not(.content-block--nostyle){text-decoration:underline}.content-block ol,.content-block p,.content-block ul{line-height:1.5}.content-block p:not(:last-child){margin-bottom:1em}.content-block strong{font-weight:700}.content-block blockquote:not(:first-child),.content-block figure:not(:first-child),.content-block ol:not(:first-child),.content-block table:not(:first-child),.content-block ul:not(:first-child){margin-top:1em}.content-block blockquote:not(:last-child),.content-block figure:not(:last-child),.content-block ol:not(:last-child),.content-block table:not(:last-child),.content-block ul:not(:last-child){margin-bottom:1em}.bg-lemon{--tw-bg-opacity:1;background-color:rgba(251,221,9,var(--tw-bg-opacity))}.table{display:table}.max-w-2xl{max-width:42rem}*{--tw-shadow:0 0 #0000}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.underline{text-decoration:underline}::-moz-selection{color:#000;background:#adc90e}::-moz-selection{color:#000;background:#adc90e}::selection{color:#000;background:#adc90e}a:hover{text-decoration:underline}}/*! CSS Used from: http://localhost:3000/styleguide/css/styleguide.min.css?1620501902059 ; media=all */@media all{*{-webkit-box-sizing:border-box;box-sizing:border-box}}/*! CSS Used fontfaces */@font-face{font-family:pirati-ui;src:url(http://localhost:3000/fonts/pirati-ui.eot?771b799f40ffd207e5b655696931496d);src:url(http://localhost:3000/fonts/pirati-ui.eot?771b799f40ffd207e5b655696931496d#iefix) format('embedded-opentype'),url(http://localhost:3000/fonts/pirati-ui.ttf?771b799f40ffd207e5b655696931496d) format('truetype'),url(http://localhost:3000/fonts/pirati-ui.woff?771b799f40ffd207e5b655696931496d) format('woff'),url(http://localhost:3000/fonts/pirati-ui.svg?771b799f40ffd207e5b655696931496d#pirati-ui) format('svg');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb9lecyVC4A.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYb9lecyU.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DQk6YvNkeg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DQk6YvNkeg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DQk6YvNkeg.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DQk6YvNkeg.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DQk6YvNkeg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DQk6YvNkeg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb9lecyVC4A.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb9lecyVC4A.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/*! CSS Used from: http://localhost:3000/css/styles.css?1620501902059 ; media=all */@media all{*,::after,::before{box-sizing:border-box}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}ul{list-style:none;margin:0;padding:0}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}a{color:inherit;text-decoration:inherit}.content-block ul,.unordered-list{display:grid;gap:1rem}.content-block ul li,.unordered-list li{list-style-type:none;position:relative;padding-left:1em}.content-block ul li:before,.unordered-list li:before{position:absolute;left:0;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));font-family:pirati-ui;content:"\e919";font-size:.6em;font-weight:600;margin-top:.6ex}.content-block ul{row-gap:0}.content-block .unordered-list-colored li,.unordered-list-colored li{padding-left:2rem}.content-block .unordered-list-colored li::before,.unordered-list-colored li::before{color:#adc90e}.content-block a:not(.contact-line):not(.content-block--nostyle){text-decoration:underline}.content-block ul{line-height:1.5}.content-block ul:not(:first-child){margin-top:1em}.content-block ul:not(:last-child){margin-bottom:1em}*{--tw-shadow:0 0 #0000}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.underline{text-decoration:underline}::-moz-selection{color:#000;background:#adc90e}::-moz-selection{color:#000;background:#adc90e}::selection{color:#000;background:#adc90e}a:hover{text-decoration:underline}}/*! CSS Used from: http://localhost:3000/styleguide/css/styleguide.min.css?1620501902059 ; media=all */@media all{*{-webkit-box-sizing:border-box;box-sizing:border-box}}/*! CSS Used fontfaces */@font-face{font-family:pirati-ui;src:url(http://localhost:3000/fonts/pirati-ui.eot?771b799f40ffd207e5b655696931496d);src:url(http://localhost:3000/fonts/pirati-ui.eot?771b799f40ffd207e5b655696931496d#iefix) format('embedded-opentype'),url(http://localhost:3000/fonts/pirati-ui.ttf?771b799f40ffd207e5b655696931496d) format('truetype'),url(http://localhost:3000/fonts/pirati-ui.woff?771b799f40ffd207e5b655696931496d) format('woff'),url(http://localhost:3000/fonts/pirati-ui.svg?771b799f40ffd207e5b655696931496d#pirati-ui) format('svg');font-weight:400;font-style:normal;font-display:block}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" integrity="sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==" crossorigin="anonymous"></script>
{% endblock %}
{% block header %}
<nav class="navbar navbar-expand-xl navbar-dark py-4">
<div class="container">
<div class="brand-wrapper">
<a class="navbar-brand" href="http://www.piratiastarostove.cz">
<img src="{% static "elections2021/images/logo-koalicni.svg" %}" style="height: 64px!important;">
</a>
</div>
<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>
<div class="collapse navbar-collapse" id="mainNavigation">
<ul class="navbar-nav ml-auto mt-5 mt-lg-0">
<li class="nav-item">
<a class="nav-link spec-link" href="https://www.piratiastarostove.cz"><i class="fas fa-chevron-left"></i> zpět na web www.piratiastarostove.cz</a>
</li>
</ul>
</div>
</div>
</nav>
{% endblock %}
{% block content %}
<!-- CONTENT -->
<main role="main">
<section class="section--alternate project__header">
<div class="container">
<h1 class="lead heading pb-4">{{ page.title }}</h1>
</div>
</section>
<section class="section--primary">
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 col-xl-7 mb-4 mb-lg-0 order-2 order-lg-1 richtext content-block">
{% if page.gallery %}
<div class="row project-images mb-3">
{% for block in page.gallery %}
{% image block.value width-2000 as img %}
{% image block.value max-150x100 as thumb %}
<div class="col-6 col-md-3">
<a data-fancybox="gallery" href="{{ img.url }}"><img data-src="{{ thumb.url }}" class="lazyload img-fluid" alt="{{ img.alt }}"></a>
</div><!-- /column -->
{% endfor %}
</div><!-- /row -->
{% endif %}
{{ page.body|richtext }}
</div><!-- /column -->
<div class="col-12 col-lg-4 offset-xl-1 order-1 order-lg-2">
<div class="sticky-top mb-5">
<div class="project-donate-form mb-5">
<div class="project-donate-form__left">
<div class="project-donate-form__left-content">
<h2 class="lead mb-0">{{ page.form_title }}</h2>
</div><!-- /project-donate-form__left-content -->
</div><!-- /project-donate-form__left -->
<div class="project-donate-form__right p-0">
{% if page.show_donate_form %}
<form id="js-donate-form" method="post">
<div class="project-donate-form__right-inner">
<h5>Zatím vybráno <strong>{{ page.get_donated_amount|intcomma }}&nbsp;Kč</strong></h5>
{% csrf_token %}
<input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
{% if page.allow_periodic_donations %}
<div class="form-group row mb-2 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
<div class="col-md-12">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
<label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
</div>
</div>
</div>
{% else %}
<input type="hidden" name="periodicity" value="99999">
{% endif %}
<div class="form-group row mb-4 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend>
<div class="col-md-12">
{% if page.allow_periodic_donations %}
<div id="monthlyAmounts" data-default-selected="{{ page.form_monthly_preselected }}">
{% include "donate/form_monthly_amounts_snippet.html" %}
</div>
<div id="oneTimeAmounts" style="display: None"
data-default-selected="{{ page.form_preselected }}">
{% include "donate/form_amounts_snippet.html" %}
</div>
{% else %}
{% include "donate/form_amounts_snippet.html" with show_selected=True %}
{% endif %}
</div>
</div>
<div class="form-group row mb-2 align-items-center" id="js-custom-amount-input">
<div class="col-md-12">
<div class="input-group input-group-lg mb-3 custom-amount">
<input type="number" class="form-control" id="customamount" placeholder="Jiná částka" name="custom_amount" aria-describedby="customamount-currency">
<div class="input-group-append">
<span class="input-group-text" id="customamount-currency">Kč</span>
</div>
</div>
</div>
</div>
</div>
<div class="form-group row mb-0 mt-4">
<div class="col-12">
<button type="submit" class="btn btn-danger btn-lg w-100 coalition-btn">Darovat</button>
</div>
</div>
</form>
{% endif %}
</div>
</div>
</div><!-- /column -->
</div>
</div>
</section>
</main>
{% endblock %}
{% block footer %}
<footer id="kontakt">
<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">
<span class="inline-block" style="transform: scale(-1, 1);">&copy;</span>
{% now "Y" %} Piráti a Starostové. <a href="https://wiki.pirati.cz/rules/prah#licence" target="_blank" class="underline">CC-BY-SA 4.0</a>.
<br>
Všechna práva vyhlazena. Sdílejte a nechte ostatní sdílet za stejných podmínek.
<br>
Zadavatel | zpracovatel: Česká pirátská strana
</p>
</div><!-- /column -->
<div class="col-12 col-md-6 text-md-right">
<p class="mb-0">Tento web využívá soubory cookies - <a href="/soubory-cookies/">více informací</a></p>
<p><a href="/osobni-udaje/">Zásady zpracování osobních údajů</a></p>
<p><a href="/obchodni-podminky/">Obchodní podmínky</a></p>
</div><!-- /column -->
</div><!-- /column -->
</div><!-- /row -->
</div><!-- /container -->
</div><!-- /footer_bottom -->
</footer>
{% endblock %}
donate/templates/donate/donate_region_page.html
View file @ d3ae8340
...@@ -16,98 +16,81 @@ ...@@ -16,98 +16,81 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 col-lg-7 mb-5 mb-lg-0 richtext"> {% if page.has_targeted_donations %}
{{ page.body|richtext }} <div class="col-12 d-lg-none">
{% include "donate/donate_targeted_donations_snippet.html" %}
{% if page.has_targeted_donations %}
<div class="mt-5 mb-4">
<a href="{{ page.targeted_donations_page_url }}" class="btn btn-dark btn-lg my-2">Adresné dary pro kraj <i class="icon-chevron-right ml-2"></i></a>
</div> </div>
{% endif %}
<div class="col-12 col-lg-7 mb-5 mb-lg-0 order-2 order-lg-1 richtext">
{% if page.has_targeted_donations %}
<div class="d-none d-lg-block">
{% include "donate/donate_targeted_donations_snippet.html" %}
</div>
{% endif %} {% endif %}
{{ page.body|richtext }}
</div><!-- /column --> </div><!-- /column -->
<div class="col-12 col-lg-5 col-xl-4 offset-xl-1"><!-- /column --> <div class="col-12 col-lg-5 col-xl-4 offset-xl-1 order-1 order-lg-2"><!-- /column -->
<div class="region-donate-form mb-4"> <div class="sticky-top mb-5">
<div class="project-donate-form mb-4">
<div class="region-donate-form__left"> <div class="project-donate-form__left">
<div class="region-donate-form__left-content"> <div class="project-donate-form__left-content">
<h2 class="lead mb-0">Podpoř kraj</h2> <h2 class="lead mb-0">Podpoř kraj</h2>
</div><!-- /region-donate-form__left-content --> </div><!-- /project-donate-form__left-content -->
</div><!-- /region-donate-form__left --> </div><!-- /project-donate-form__left -->
<div class="region-donate-form__right"> <div class="project-donate-form__right">
{% if page.show_donate_form %} {% if page.show_donate_form %}
<form id="js-donate-form" method="post"> <form id="js-donate-form" method="post">
{% csrf_token %} {% csrf_token %}
<input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}"> <input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
<div class="form-group row mb-2 align-items-center"> <div class="form-group row mb-2 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend> <legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
<div class="col-md-12"> <div class="col-md-12">
<div class="custom-control custom-radio custom-control-inline"> <div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount1" name="amount" value="200" class="custom-control-input"> <input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
<label class="custom-control-label col-form-label-lg" for="amount1">200 Kč</label> <label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> <div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount2" name="amount" value="500" class="custom-control-input" checked> <input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount2">500 Kč</label> <label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
</div> </div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount3" name="amount" value="1000" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount3">1000 Kč</label>
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> </div>
<input type="radio" id="amount4" name="amount" value="-1" class="custom-control-input"> <div class="form-group row mb-4 align-items-center">
<label class="custom-control-label col-form-label-lg" for="amount4">Jiná částka</label> <legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend>
<div class="col-md-12">
<div id="monthlyAmounts" data-default-selected="{{ page.form_monthly_preselected }}">
{% include "donate/form_monthly_amounts_snippet.html" %}
</div>
<div id="oneTimeAmounts" style="display: None"
data-default-selected="{{ page.form_preselected }}">
{% include "donate/form_amounts_snippet.html" %}
</div>
</div> </div>
</div> </div>
</div> <div class="form-group row mb-2 align-items-center" id="js-custom-amount-input">
<div class="form-group row mb-2 align-items-center" id="js-custom-amount-input" style="display: none;"> <div class="col-md-12">
<div class="col-md-12"> <div class="input-group input-group-lg mb-3 custom-amount">
<div class="input-group input-group-lg mb-3 custom-amount"> <input type="number" class="form-control" id="customamount" placeholder="Jiná částka" name="custom_amount" aria-describedby="customamount-currency">
<input type="number" class="form-control" id="customamount" name="custom_amount" aria-describedby="customamount-currency"> <div class="input-group-append">
<div class="input-group-append"> <span class="input-group-text" id="customamount-currency">Kč</span>
<span class="input-group-text" id="customamount-currency">Kč</span> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="form-group row mb-0">
<div class="form-group row mb-4 align-items-center"> <div class="col-12">
<legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend> <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
<div class="col-md-12">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
<label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
</div> </div>
</div> </div>
</div> </form>
<div class="form-group row mb-0"> {% endif %}
<div class="col-12"> </div><!-- /project-donate-form__right -->
<button type="submit" class="btn btn-danger btn-lg">Darovat</button>
</div>
</div>
</form>
{% endif %}
</div><!-- /region-donate-form__right -->
</div>
<div class="article__sharing-box">
<div class="card-body">
<div class="sharing-box__content">
<div class="icon"><i class="icon-heart"></i></div>
<div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
</div>
<div class="sharing-buttons">
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
<a href="https://twitter.com/intent/tweet?text={{ page.main_title }}&url={{ page.full_url }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
</div>
</div> </div>
<div class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div> </div>
</div><!-- /article__sharing-box -->
</div><!-- /column --> </div><!-- /column -->
</div> <!-- /row --> </div> <!-- /row -->
......
donate/templates/donate/donate_targeted_donations_page.html
View file @ d3ae8340
...@@ -35,9 +35,9 @@ ...@@ -35,9 +35,9 @@
<div class="custom-control custom-radio my-3"> <div class="custom-control custom-radio my-3">
<input type="radio" id="other_target" name="portal_project_id" value="-1" class="custom-control-input target-radio"{% if not main_targets %} checked required{% endif %}> <input type="radio" id="other_target" name="portal_project_id" value="-1" class="custom-control-input target-radio"{% if not main_targets %} checked required{% endif %}>
<label class="custom-control-label col-form-label-lg custom-control-label-for-select" for="other_target"> <label class="custom-control-label col-form-label-lg custom-control-label-for-select" for="other_target">
Jiný účel: Dar pro:
<select id="other_target_select" name="select_portal_project_id" class="custom-control-select"> <select id="other_target_select" name="select_portal_project_id" class="custom-control-select">
<option value="-">--- vybrat ---</option> <option value="">--- vybrat ---</option>
{% for target in other_targets %} {% for target in other_targets %}
<option value="{{ target.portal_project_id }}">{{ target.title }}</option> <option value="{{ target.portal_project_id }}">{{ target.title }}</option>
{% endfor %} {% endfor %}
...@@ -50,52 +50,41 @@ ...@@ -50,52 +50,41 @@
</div> </div>
<div class="form-group row mb-4 align-items-center"> <div class="form-group row mb-4 align-items-center">
<legend class="col-form-label col-md-3 col-form-label-lg">Částka</legend> <legend class="col-form-label col-md-3 col-form-label-lg">Typ příspěvku</legend>
<div class="col-md-9"> <div class="col-md-9">
<div class="custom-control custom-radio custom-control-inline"> <div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount1" name="amount" value="200" class="custom-control-input"> <input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked required>
<label class="custom-control-label col-form-label-lg" for="amount1">200 Kč</label> <label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount2" name="amount" value="500" class="custom-control-input" checked required>
<label class="custom-control-label col-form-label-lg" for="amount2">500 Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount3" name="amount" value="1000" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount3">1000 Kč</label>
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> <div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount4" name="amount" value="-1" class="custom-control-input"> <input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount4">Jiná částka</label> <label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</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-3 col-md-3">
<div class="input-group input-group-lg mb-3 custom-amount">
<input type="number" class="form-control" id="customamount" name="custom_amount" aria-describedby="customamount-currency">
<div class="input-group-append">
<span class="input-group-text" id="customamount-currency">Kč</span>
</div> </div>
</div>
</div> </div>
</div> </div>
<div class="form-group row mb-4 align-items-center"> <div class="form-group row mb-4 align-items-center">
<legend class="col-form-label col-md-3 col-form-label-lg">Typ příspěvku</legend> <legend class="col-form-label col-md-3 col-form-label-lg">Částka</legend>
<div class="col-md-9"> <div class="col-md-9">
<div class="custom-control custom-radio custom-control-inline"> <div id="monthlyAmounts" data-default-selected="{{ page.form_monthly_preselected }}">
<input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked required> {% include "donate/form_monthly_amounts_snippet.html" %}
<label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
</div> </div>
<div class="custom-control custom-radio custom-control-inline"> <div id="oneTimeAmounts" style="display: None"
<input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input"> data-default-selected="{{ page.form_preselected }}">
<label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label> {% include "donate/form_amounts_snippet.html" %}
</div> </div>
</div> </div>
</div> </div>
<div class="form-group row mb-0"> <div class="form-group row mb-0 align-items-center" id="js-custom-amount-input">
<div class="col-12"> <div class="col-md-3 order-md-0 order-1">
<button type="submit" class="btn btn-danger btn-lg">Darovat</button> <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
</div>
<div class="col-md-3 mb-4 mb-md-0">
<div class="input-group input-group-lg mb-0 custom-amount">
<input type="number" class="form-control" id="customamount" placeholder="Jiná částka" name="custom_amount" aria-describedby="customamount-currency">
<div class="input-group-append">
<span class="input-group-text" id="customamount-currency">Kč</span>
</div>
</div>
</div> </div>
</div> </div>
</form> </form>
......
donate/templates/donate/donate_targeted_donations_snippet.html 0 → 100644
View file @ d3ae8340
<div class="mb-5">
<a href="{{ page.targeted_donations_page_url }}" class="btn btn-dark btn-lg my-2">Adresné dary pro kraj <i class="icon-chevron-right ml-2"></i></a>
</div>
donate/templates/donate/form_amounts_snippet.html 0 → 100644
View file @ d3ae8340
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount1" name="amount" value="{{ page.form_amount_1 }}" class="custom-control-input"{% if show_selected and page.form_preselected == page.FIRST %} checked{% endif %}>
<label class="custom-control-label col-form-label-lg" for="amount1">{{ page.form_amount_1 }} Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount2" name="amount" value="{{ page.form_amount_2 }}" class="custom-control-input"{% if show_selected and page.form_preselected == page.SECOND %} checked{% endif %}>
<label class="custom-control-label col-form-label-lg" for="amount2">{{ page.form_amount_2 }} Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount3" name="amount" value="{{ page.form_amount_3 }}" class="custom-control-input"{% if show_selected and page.form_preselected == page.THIRD %} checked{% endif %}>
<label class="custom-control-label col-form-label-lg" for="amount3">{{ page.form_amount_3 }} Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount4" name="amount" value="{{ page.form_amount_4 }}" class="custom-control-input"{% if show_selected and page.form_preselected == page.FOURTH %} checked{% endif %}>
<label class="custom-control-label col-form-label-lg" for="amount4">{{ page.form_amount_4 }} Kč</label>
</div>
donate/templates/donate/form_monthly_amounts_snippet.html 0 → 100644
View file @ d3ae8340
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount5" name="amount" value="{{ page.form_monthly_amount_1 }}" class="custom-control-input"{% if page.form_monthly_preselected == page.FIRST %} checked{% endif %}>
<label class="custom-control-label col-form-label-lg" for="amount5">{{ page.form_monthly_amount_1 }} Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount6" name="amount" value="{{ page.form_monthly_amount_2 }}" class="custom-control-input"{% if page.form_monthly_preselected == page.SECOND %} checked{% endif %}>
<label class="custom-control-label col-form-label-lg" for="amount6">{{ page.form_monthly_amount_2 }} Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount7" name="amount" value="{{ page.form_monthly_amount_3 }}" class="custom-control-input"{% if page.form_monthly_preselected == page.THIRD %} checked{% endif %}>
<label class="custom-control-label col-form-label-lg" for="amount7">{{ page.form_monthly_amount_3 }} Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount8" name="amount" value="{{ page.form_monthly_amount_4 }}" class="custom-control-input"{% if page.form_monthly_preselected == page.FOURTH %} checked{% endif %}>
<label class="custom-control-label col-form-label-lg" for="amount8">{{ page.form_monthly_amount_4 }} Kč</label>
</div>
donate/templates/donate/project_snippet.html
View file @ d3ae8340
...@@ -21,11 +21,12 @@ ...@@ -21,11 +21,12 @@
<p>Zatím vybráno <strong>{{ project.get_donated_amount|intcomma }}&nbsp;Kč</strong></p> <p>Zatím vybráno <strong>{{ project.get_donated_amount|intcomma }}&nbsp;Kč</strong></p>
{% endif %} {% endif %}
</div> </div>
{% if project.is_new %} {% if project.is_new %}
<ul class="project__flags"> <ul class="project__flags">
<li class="project__flag new">Nový projekt</li> <li class="project__flag new">Nový projekt</li>
{# TODO <li class="project__flag almost">Už jen kousek</li> #} {# TODO <li class="project__flag almost">Už jen kousek</li> #}
</ul> </ul>
{% endif %} {% endif %}
</a> </a>
</div><!-- /column --> </div><!-- /column -->
donate/templatetags/__init__.py 0 → 100644
View file @ d3ae8340

Pirátský GitLab - Home of the CopyLeft