donate/static/donate/img/logo_napis.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 145.7 46.7" style="enable-background:new 0 0 145.7 46.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M22,2.8C16.1,2.8,10.6,5,6.4,9.2C2.3,13.3,0,18.9,0,24.7c0,5.9,2.3,11.4,6.4,15.5c4.2,4.1,9.7,6.4,15.5,6.4
+		c5.9,0,11.4-2.3,15.5-6.4c4.2-4.1,6.4-9.7,6.4-15.5c0-5.9-2.3-11.4-6.4-15.5C33.4,5,27.8,2.8,22,2.8 M22,44.6
+		c-11,0-19.9-8.9-19.9-19.9C2.1,13.8,11,4.8,22,4.8c11,0,19.9,8.9,19.9,19.9C41.9,35.7,32.9,44.6,22,44.6"/>
+</g>
+<path class="st0" d="M15.4,11.7V8.6h-1.9v3.6c-1.3,0.4-2.1,0.8-1.9,1.1c0.4-0.1,1.1-0.2,1.9-0.1v18.5c-2,3.8,0.9,9.7,0.9,9.7
+	S12.2,35,16.9,32c4.3-2.7,19.3-1.5,19.2-9.9C36.1,10.1,22.3,10.2,15.4,11.7 M21.5,23.3c-0.7,3.2-4.1,4.8-6.2,6.2V13.4
+	C18.8,14.2,22.9,16.9,21.5,23.3"/>
+<g>
+	<path class="st0" d="M56.4,16.7v5.1h-4.4V5.5c1.5-0.2,3.2-0.3,4.9-0.3c5.1,0,7.7,1.8,7.7,5.5c0,2-0.6,3.5-1.7,4.5
+		c-1.1,1-2.8,1.5-5,1.5C57.3,16.8,56.8,16.7,56.4,16.7z M56.4,13.4c0.3,0,0.6,0.1,1,0.1c1,0,1.7-0.2,2.3-0.7
+		c0.5-0.5,0.8-1.1,0.8-1.9c0-1.6-1-2.4-3-2.4c-0.3,0-0.7,0-1,0.1V13.4z"/>
+	<path class="st0" d="M67.8,7.4c1.5-1.5,3.6-2.3,6.2-2.3s4.6,0.8,6.2,2.3c1.5,1.5,2.3,3.6,2.3,6.2s-0.8,4.7-2.3,6.2
+		c-1.5,1.5-3.6,2.3-6.2,2.3s-4.6-0.8-6.2-2.3c-1.5-1.5-2.3-3.6-2.3-6.2S66.3,8.9,67.8,7.4z M70.2,13.6c0,3.1,1.3,4.7,3.8,4.7
+		c2.5,0,3.8-1.6,3.8-4.7S76.5,8.9,74,8.9C71.4,8.9,70.2,10.5,70.2,13.6z"/>
+	<path class="st0" d="M98.2,13.4c0,2.7-0.8,4.9-2.3,6.4s-3.7,2.3-6.5,2.3c-1.8,0-3.4-0.1-5-0.3V5.5c1.5-0.2,3.2-0.3,5-0.3
+		c2.8,0,4.9,0.7,6.5,2.2C97.4,8.8,98.2,10.8,98.2,13.4z M88.8,18.5c0.3,0.1,0.7,0.1,1,0.1c2.7,0,4-1.7,4-5.2c0-3.1-1.4-4.7-4-4.7
+		c-0.3,0-0.7,0-1,0.1V18.5z"/>
+	<path class="st0" d="M104.6,16.7v5.1h-4.4V5.5c1.5-0.2,3.2-0.3,5-0.3c5.1,0,7.6,1.8,7.6,5.5c0,2-0.6,3.5-1.7,4.5s-2.8,1.5-5,1.5
+		C105.5,16.8,105,16.7,104.6,16.7z M104.6,13.4c0.3,0,0.6,0.1,1,0.1c1,0,1.7-0.2,2.3-0.7c0.5-0.5,0.8-1.1,0.8-1.9c0-1.6-1-2.4-3-2.4
+		c-0.3,0-0.7,0-1,0.1V13.4z"/>
+	<path class="st0" d="M116,7.4c1.5-1.5,3.6-2.3,6.2-2.3s4.6,0.8,6.2,2.3c1.5,1.5,2.3,3.6,2.3,6.2s-0.8,4.7-2.3,6.2
+		c-1.5,1.5-3.6,2.3-6.2,2.3s-4.6-0.8-6.2-2.3c-1.5-1.5-2.3-3.6-2.3-6.2S114.5,8.9,116,7.4z M118.3,13.6c0,3.1,1.3,4.7,3.8,4.7
+		s3.8-1.6,3.8-4.7s-1.3-4.7-3.8-4.7S118.3,10.5,118.3,13.6z"/>
+	<path class="st0" d="M137,16.1v5.7h-4.4V5.5c1.9-0.2,3.9-0.3,5.8-0.3c4.5,0,6.8,1.7,6.8,5.1c0,0.9-0.3,1.8-0.9,2.6
+		s-1.3,1.4-2.3,1.7v0c0.5,0.3,0.8,0.6,1.1,1c0.3,0.4,0.6,1,0.9,1.7l1.6,4.5H141l-1.4-4.3c-0.2-0.5-0.4-0.9-0.6-1.1s-0.6-0.3-1-0.3
+		H137z M138.7,2.6L140,0h4l-2.7,4.1H136L133.3,0h4L138.7,2.6L138.7,2.6z M137,12.8h1.2c0.8,0,1.4-0.2,1.8-0.6
+		c0.4-0.4,0.7-0.9,0.7-1.6c0-1.4-0.8-2.1-2.5-2.1c-0.5,0-0.9,0-1.2,0.1V12.8z"/>
+	<path class="st0" d="M56.4,39v5.1h-4.4V27.8c1.5-0.2,3.2-0.3,4.9-0.3c5.1,0,7.7,1.8,7.7,5.5c0,2-0.6,3.5-1.7,4.5
+		c-1.1,1-2.8,1.5-5,1.5C57.3,39.1,56.8,39,56.4,39z M56.4,35.7c0.3,0,0.6,0.1,1,0.1c1,0,1.7-0.2,2.3-0.7c0.5-0.5,0.8-1.1,0.8-1.9
+		c0-1.6-1-2.4-3-2.4c-0.3,0-0.7,0-1,0.1V35.7z"/>
+	<path class="st0" d="M66.8,44.1V27.7h4.9v16.4H66.8z"/>
+	<path class="st0" d="M79.4,38.4v5.7H75V27.8c1.9-0.2,3.9-0.3,5.9-0.3c4.5,0,6.7,1.7,6.7,5.1c0,0.9-0.3,1.8-0.9,2.6
+		c-0.6,0.8-1.3,1.4-2.3,1.7v0c0.4,0.3,0.8,0.6,1.1,1c0.3,0.4,0.6,1,0.9,1.7l1.6,4.5h-4.6L82,39.8c-0.2-0.5-0.4-0.9-0.6-1.1
+		c-0.3-0.2-0.6-0.3-1-0.3H79.4z M79.4,35.1h1.2c0.8,0,1.4-0.2,1.8-0.6c0.4-0.4,0.7-0.9,0.7-1.6c0-1.4-0.8-2.1-2.5-2.1
+		c-0.5,0-0.9,0-1.2,0.1V35.1z"/>
+	<path class="st0" d="M94.5,41l-0.7,3.2h-4.7l5.4-16.4h4.7l5.4,16.4h-4.8L99.1,41H94.5z M97.7,26.4h-3.6l2.3-4.1h5L97.7,26.4z
+		 M95.3,37.6h3l-1.5-6.1h0L95.3,37.6z"/>
+	<path class="st0" d="M118.5,27.7v3.7h-4.5v12.7h-4.6V31.4H105v-3.7H118.5z"/>
+	<path class="st0" d="M127.8,34.5L127.8,34.5l2.7-6.8h5L130.1,38v6.1h-4.6V38L120,27.7h5.1L127.8,34.5z"/>
+</g>
+</svg>

donate/static/donate/img/logo_napis_white.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 165.3 46.7" style="enable-background:new 0 0 165.3 46.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M22,2.8c-5.9,0-11.4,2.3-15.5,6.4C2.3,13.4,0,18.9,0,24.7c0,5.9,2.3,11.4,6.4,15.5c4.2,4.1,9.7,6.4,15.5,6.4
+		c5.9,0,11.4-2.3,15.5-6.4c4.2-4.1,6.4-9.7,6.4-15.5c0-5.9-2.3-11.4-6.4-15.5C33.4,5.1,27.8,2.8,22,2.8 M22,44.6
+		c-11,0-19.9-8.9-19.9-19.9C2.1,13.8,11,4.9,22,4.9c11,0,19.9,8.9,19.9,19.9C41.9,35.7,32.9,44.6,22,44.6"/>
+</g>
+<path class="st0" d="M15.4,11.7V8.6h-1.9v3.6c-1.3,0.4-2.1,0.8-1.9,1.1c0.4-0.1,1.1-0.2,1.9-0.1v18.5c-2,3.8,0.9,9.7,0.9,9.7
+	S12.2,35,16.9,32c4.3-2.7,19.3-1.5,19.2-9.9C36.1,10.2,22.3,10.2,15.4,11.7 M21.5,23.3c-0.7,3.2-4.1,4.8-6.2,6.2V13.4
+	C18.8,14.2,22.9,16.9,21.5,23.3 M57.2,5.2c-1.8,0-3.4,0.1-5,0.3V22h4.4v-5.2c0.4,0,0.9,0.1,1.5,0.1c2.2,0,3.9-0.5,5.1-1.6
+	c1.2-1,1.7-2.6,1.7-4.6C64.9,7.1,62.4,5.2,57.2,5.2 M59.9,12.9c-0.5,0.5-1.3,0.7-2.3,0.7c-0.4,0-0.7,0-1-0.1V8.7
+	c0.3-0.1,0.7-0.1,1-0.1c2,0,3.1,0.8,3.1,2.4C60.7,11.8,60.5,12.5,59.9,12.9"/>
+<path class="st0" d="M67,5.4h5V22h-5V5.4z"/>
+<g>
+	<path class="st0" d="M83.7,22h4.6l-1.6-4.5c-0.3-0.7-0.6-1.3-0.9-1.7c-0.3-0.4-0.7-0.7-1.1-1v0c0.9-0.3,1.7-0.9,2.3-1.7
+		c0.6-0.8,0.9-1.7,0.9-2.7c0-3.4-2.3-5.1-6.8-5.1c-2,0-3.9,0.1-5.9,0.3V22h4.4v-5.8h1c0.4,0,0.8,0.1,1,0.3c0.3,0.2,0.5,0.6,0.6,1.1
+		L83.7,22z M80.9,12.9h-1.2V8.7c0.3-0.1,0.8-0.1,1.2-0.1c1.7,0,2.5,0.7,2.5,2.2c0,0.7-0.2,1.2-0.7,1.6
+		C82.3,12.7,81.7,12.9,80.9,12.9"/>
+</g>
+<path class="st0" d="M94.8,18.8h4.6l0.8,3.2h4.8L99.5,5.4h-4.8L89.3,22H94C94,22,94.8,18.8,94.8,18.8z M97.1,9.3L97.1,9.3l1.5,6.1
+	h-3C95.6,15.4,97.1,9.3,97.1,9.3z M101.7,0h-5l-2.3,4.1h3.6 M109.1,22h4.6V9.2h4.5V5.4h-13.6v3.7h4.5"/>
+<g>
+	<path class="st0" d="M125.6,18.7c-0.8,0-1.6-0.2-2.5-0.5c-0.9-0.3-1.7-0.7-2.5-1.2l-1,3.5c0.7,0.5,1.6,0.9,2.7,1.2
+		c1.1,0.3,2.1,0.5,3.1,0.5c2.3,0,4-0.4,5.2-1.3c1.1-0.9,1.7-2.1,1.7-3.8c0-1.4-0.5-2.5-1.5-3.4c-1-0.9-2.6-1.6-5-2.3
+		c-1-0.3-1.5-0.7-1.5-1.4c0-0.4,0.2-0.7,0.5-1c0.4-0.2,0.9-0.4,1.6-0.4c1.6,0,3.1,0.4,4.6,1.1l0.8-3.5c-1.5-0.8-3.4-1.1-5.7-1.1
+		c-2.1,0-3.7,0.4-4.9,1.3c-1.2,0.9-1.7,2.1-1.7,3.6c0,1.4,0.5,2.5,1.4,3.4c0.9,0.9,2.5,1.7,4.7,2.3c1.2,0.3,1.8,0.8,1.8,1.5
+		C127.6,18.2,126.9,18.7,125.6,18.7"/>
+</g>
+<path class="st0" d="M148.7,5.4h-5.2l-4.3,7h0v-7h-4.5V22h4.5v-7.7h0l4.5,7.7h5.2l-5.4-8.6 M162,0h-5l-2.3,4.1h3.6 M159.9,5.4h-4.8
+	L149.7,22h4.7l0.8-3.2h4.6l0.8,3.2h4.8C165.3,22,159.9,5.4,159.9,5.4z M156,15.4l1.5-6.1h0l1.5,6.1H156L156,15.4z"/>
+<g>
+	<path class="st0" d="M57.9,33.8c-1-0.3-1.5-0.7-1.5-1.4c0-0.4,0.2-0.7,0.5-1c0.4-0.2,0.9-0.4,1.6-0.4c1.6,0,3.1,0.4,4.7,1.1
+		l0.8-3.5c-1.5-0.8-3.4-1.1-5.7-1.1c-2.1,0-3.7,0.4-4.9,1.3c-1.2,0.9-1.7,2.1-1.7,3.6c0,1.4,0.5,2.5,1.4,3.4
+		c0.9,0.9,2.5,1.7,4.7,2.3c1.2,0.3,1.8,0.8,1.8,1.5c0,1-0.7,1.5-2,1.5c-0.8,0-1.6-0.1-2.5-0.5c-0.9-0.3-1.7-0.7-2.5-1.2l-1,3.5
+		c0.7,0.5,1.6,0.9,2.7,1.2c1.1,0.3,2.1,0.5,3.1,0.5c2.3,0,4-0.4,5.2-1.3c1.2-0.9,1.7-2.1,1.7-3.8c0-1.4-0.5-2.5-1.5-3.4
+		C61.9,35.2,60.3,34.5,57.9,33.8"/>
+</g>
+<path class="st0" d="M65.8,31.6h4.5v12.8h4.6V31.6h4.5v-3.7H65.8"/>
+<g>
+	<g>
+		<path class="st0" d="M92.5,38.1c-0.3-0.4-0.7-0.7-1.1-1v0c0.9-0.3,1.7-0.9,2.3-1.7c0.6-0.8,0.9-1.7,0.9-2.7c0-3.4-2.3-5.1-6.8-5.1
+			c-2,0-3.9,0.1-5.9,0.3v16.4h4.4v-5.8h1c0.4,0,0.8,0.1,1,0.3c0.3,0.2,0.5,0.6,0.6,1.1l1.4,4.3H95l-1.6-4.5
+			C93.1,39.1,92.8,38.5,92.5,38.1 M89.3,34.7c-0.4,0.4-1.1,0.6-1.8,0.6h-1.2v-4.2C86.6,31,87,31,87.5,31c1.7,0,2.5,0.7,2.5,2.2
+			C90,33.8,89.7,34.3,89.3,34.7"/>
+	</g>
+</g>
+<path class="st0" d="M101.6,27.8l-5.4,16.5h4.7l0.7-3.2h4.6l0.8,3.2h4.8l-5.4-16.5H101.6z M102.4,37.8l1.5-6.1h0l1.5,6.1
+	C105.4,37.8,102.4,37.8,102.4,37.8z M123,36.9L123,36.9l-5-9.1h-4.4v16.6h4.4v-9.1h0l4.9,9.1h4.4V27.8H123 M134.8,27.8l-5.4,16.5
+	h4.7l0.8-3.2h4.6l0.8,3.2h4.8l-5.4-16.5H134.8L134.8,27.8z M135.6,37.8l1.5-6.1h0l1.5,6.1H135.6L135.6,37.8z"/>
+</svg>

donate/templates/donate/base.html

+{% load static wagtailcore_tags wagtailimages_tags wagtailmetadata_tags %}
+<!doctype html>
+<html lang="cs">
+<head>
+  {% if request.in_preview_panel %}
+    <base target="_blank">
+  {% endif %}
+
+  <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">
+
+  <!-- Meta -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  {% meta_tags %}
+  {% if settings.MAJAK_ENV == "test" or disable_robots %}
+    <meta name="robots" content="noindex, nofollow">
+  {% endif %}
+
+  <!-- Favicon -->
+  {% include "shared/favicon_snippet.html" %}
+
+  <!-- Bootstrap CSS -->
+  <link rel="stylesheet" href="{% static "shared/vendor/bootstrap-4.4.1/css/bootstrap.min.css" %}">
+  <link rel="stylesheet" href="{% static "shared/vendor/fancybox/jquery.fancybox.min.css" %}">
+
+  <!-- Styles -->
+  <link href="{% static "donate/assets/css/style.css" %}" rel="stylesheet">
+  <link href="{% static "donate/assets/css/icons.css" %}" rel="stylesheet">
+
+  {% block extra_head %}{% endblock %}
+
+  {% if page.root_page.matomo_id %}
+    {% include "shared/matomo_snippet.html" with matomo_id=page.root_page.matomo_id %}
+  {% endif %}
+</head>
+
+<body id="top">
+
+  {% if settings.MAJAK_ENV == "test" %}
+    <div class="pre-navbar d-none d-lg-flex" style="background: #884444; color: #FFFFFF;">
+      <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>
+      </div>
+    </div>
+  {% endif %}
+
+  <!-- HEADER -->
+  {% block header %}
+  <div class="pre-navbar d-none d-lg-flex" style="background:black;">
+    <div class="container d-flex justify-content-end">
+      {% 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>
+
+  <nav class="navbar navbar-expand-xl navbar-dark">
+    <div class="container">
+
+      <!-- Candidate name -->
+      <div class="brand-wrapper">
+      <a class="navbar-brand" href="/">
+        <img
+          src="{% static "styleguide2/images/logo-full-white.svg"%}"
+          alt="Logo"
+        >
+      </a>
+      </div>
+
+      <!-- Mobile menu toggler -->
+      <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainNavigation" aria-controls="mainNavigation" aria-expanded="false" aria-label="Otevřít menu">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+
+      <!-- Navigation -->
+      <div class="collapse navbar-collapse" id="mainNavigation">
+        <ul class="navbar-nav ml-auto">
+          {% for block in page.root_page.menu %}
+            {% include_block block %}
+          {% endfor %}
+        </ul>
+
+        {% 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><!-- /container -->
+  </nav>
+  {% endblock %}
+  <!-- /HEADER -->
+
+  {% block content %}{% endblock %}
+
+  <!-- FOOTER -->
+  {% block footer %}
+  <footer id="kontakt">
+
+    <div class="footer__top">
+      <div class="container">
+
+        <div class="row">
+          <div class="col-12 col-md-6 col-lg-3 mb-4 mb-md-5 mb-lg-4 order-0 order-lg-0">
+            <div class="footer__logo">
+              <img src="{% static "donate/img/logo_napis_white.svg" %}" alt="Logo podpoř piráty">
+            </div>
+            <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="/obchodni-podminky/">Obchodní podmínky</a></li>
+            </ul>
+          </div><!-- /column -->
+
+          <div class="col-12 col-md-6 col-lg-3 mb-4 order-2 order-lg-1">
+            <h4 class="lead mb-3">Otevřenost</h4>
+            <ul class="footer__menu">
+              {% if page.root_page.transparency_footer_items %}
+                {% for block in page.root_page.transparency_footer_items %}
+                  <li>
+                    <a
+                      href="{{ block.value.url }}"
+                      target="_blank"
+                    >{{ block.value.text }}</a>
+                  </li>
+                {% endfor %}
+              {% endif %}
+            </ul>
+          </div><!-- /column -->
+
+          <div class="col-12 col-md-6 col-lg-3 order-3 order-lg-2">
+            <h4 class="lead mb-3">Kontakt</h4>
+            <h6 class="mb-0">Napiš nám</h6>
+            <p class="mb-3"><a href="mailto:fundraising@pirati.cz">fundraising@pirati.cz</a></p>
+            <h6 class="mb-0">Zavolej nám</h6>
+            <p class="mb-0"><a href="tel: +420770189488">+420 770 189 488</a></p>
+          </div><!-- /column -->
+
+          <div class="col-12 col-md-6 col-lg-3 mb-4 mb-md-5 mb-lg-4 order-1 order-lg-3">
+            <h4 class="lead mb-3 d-none d-lg-block">Sociální sítě</h4>
+            <div class="socials">
+              {% if page.root_page.facebook %}
+              <a href="{{ page.root_page.facebook }}" target="_blank"  rel="noreferrer"><i class="icon-facebook-f" title="Facebooková stránka"></i></a>
+              {% endif %}
+              {% if page.root_page.twitter %}
+              <a href="{{ page.root_page.twitter }}" target="_blank" rel="noreferrer"><i class="icon-twitter" title="Profil na Twitteru"></i></a>
+              {% endif %}
+              {% if page.root_page.instagram %}
+              <a href="{{ page.root_page.instagram }}" target="_blank" rel="noreferrer"><i class="icon-instagram" title="Profil na Instagramu"></i></a>
+              {% endif %}
+              {% if page.root_page.flickr %}
+              <a href="{{ page.root_page.flickr }}" target="_blank" rel="noreferrer"><i class="icon-flickr" title="Profil na Flickr"></i></a>
+              {% endif %}
+            </div>
+            <div class="row">
+              <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><!-- /column -->
+        </div> <!-- /row -->
+
+      </div><!-- /container -->
+    </div><!-- /footer_top -->
+
+    <div class="footer__bottom">
+      <div class="container">
+        <div class="row">
+          <div class="col-12 col-md-6 mb-3 mb-md-0">
+            <p class="mb-0">
+              <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 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>
+          </div><!-- /column -->
+        </div><!-- /row -->
+      </div><!-- /container -->
+    </div><!-- /footer_bottom -->
+
+  </footer>
+  <!-- /FOOTER -->
+  {% endblock %}
+
+  <!-- JavaScript libraries -->
+  <script src="{% static "shared/vendor/jquery/jquery-3.4.1.min.js" %}"></script>
+  <script src="{% static "shared/vendor/bootstrap-4.4.1/js/bootstrap.min.js" %}"></script>
+  <script src="{% static "shared/vendor/lazysizes/lazysizes.min.js" %}"></script>
+  <script src="{% static "shared/vendor/fancybox/jquery.fancybox.min.js" %}"></script>
+  <script src="{% static "donate/assets/js/scripts.js" %}"></script>
+
+</body>
+</html>

donate/templates/donate/blocks/crowdfunding_reward_block.html

+{% 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

+{% 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

+{% 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

+{% 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

+<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

+{% 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

+{% 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

+{% extends "donate/base.html" %}
+{% load static wagtailimages_tags wagtailcore_tags donate_tags %}
+
+{% block content %}
+
+<!-- CONTENT -->
+<main role="main">
+  <section class="section--{% get_section_kind %} section--lead" id="uvod">
+    <div class="container">
+      <div class="row align-items-center">
+
+        <div class="col-12 col-lg-5">
+          {% image page.lead_preview width-500 as lead_preview %}
+          {% if page.lead_video %}
+          <a data-fancybox="" href="{{ page.lead_video }}" title="Přehrát video">
+            <img class="img-fluid lazyload w-100" data-src="{{ lead_preview.url }}" alt="Náhled videa">
+          </a>
+          {% else %}
+          <img class="img-fluid lazyload" data-src="{{ lead_preview.url }}" alt="Náhled videa">
+          {% endif %}
+        </div><!-- /column -->
+
+        <div class="col-12 col-lg-7 mb-4 mb-lg-0 py-4 text-md-left">
+          <h1 class="lead homepage-heading">{{ page.lead_title }}</h1>
+          <div class="lead lead-small mb-4">{{ page.lead_body|richtext }}</div>
+          <div class="row align-items-center text-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> <!-- /row -->
+    </div> <!-- /container -->
+  </section>
+
+  {% for block in page.content_blocks %}
+    <section class="section--{% get_section_kind %}">
+      {% include_block block %}
+    </section>
+  {% endfor %}
+</main>
+<!-- /CONTENT -->
+
+{% endblock %}

donate/templates/donate/donate_info_page.html

+{% extends "donate/base.html" %}
+{% load static wagtailcore_tags %}
+
+{% block content %}
+
+<!-- CONTENT -->
+<main role="main">
+
+  <section class="section--alternate region__header">
+    <div class="container">
+      <h1 class="lead heading">{{ page.title }}</h1>
+    </div> <!-- /container -->
+  </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 richtext">
+
+          {{ page.body|richtext }}
+
+        </div><!-- /column -->
+
+        <div class="col-12 col-lg-4 offset-xl-1"><!-- /column -->
+          <div class="project-donate-form mb-4">
+            <div class="project-donate-form__left">
+              <div class="project-donate-form__left-content">
+                <h2 class="lead mb-0">Podpoř piráty</h2>
+              </div><!-- /project-donate-form__left-content -->
+            </div><!-- /project-donate-form__left -->
+
+            <div class="project-donate-form__right">
+              {% if page.show_donate_form %}
+              <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-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>
+                <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 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-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 class="form-group row mb-0">
+                  <div class="col-12">
+                    <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
+                  </div>
+                </div>
+              </form>
+              {% endif %}
+
+            </div><!-- /project-donate-form__right -->
+          </div>
+
+        </div><!-- /column -->
+      </div> <!-- /row -->
+    </div> <!-- /container -->
+  </section>
+
+</main>
+<!-- /CONTENT -->
+
+{% endblock %}

donate/templates/donate/donate_project_index_page.html

+{% extends "donate/base.html" %}
+
+{% block content %}
+
+<!-- CONTENT -->
+<main role="main">
+
+  <section class="section--primary">
+    <div class="container">
+      <h1 class="lead homepage-heading mb-4">{{ page.heading }}</h1>
+      <div class="row projects mb-4">
+
+        {% for project in projects %}
+          {% include "donate/project_snippet.html" %}
+        {% empty %}
+          <div class="col"><p>Momentálně nejsou žádné aktivní projekty a kampaně.</p></div>
+        {% endfor %}
+
+      </div> <!-- /row -->
+
+      {% if projects.paginator.num_pages > 1 %}
+      <nav aria-label="Stránkování aktualit">
+        <ul class="pagination justify-content-center">
+
+          {% if projects.has_previous %}
+            <li class="page-item"><a class="page-link" href="?page={{ projects.previous_page_number }}">Předchozí</a></li>
+          {% endif %}
+
+          {% for page_num in projects.paginator.page_range %}
+            {% if page_num == projects.number %}
+              <li class="page-item active">
+                <a class="page-link" href="#">{{ page_num }} <span class="sr-only">(current)</span></a>
+              </li>
+            {% else %}
+              <li class="page-item"><a class="page-link" href="?page={{ page_num }}">{{ page_num }}</a></li>
+            {% endif %}
+          {% endfor %}
+
+          {% if projects.has_next %}
+            <li class="page-item"><a class="page-link" href="?page={{ projects.next_page_number }}">Další</a></li>
+          {% endif %}
+
+        </ul>
+      </nav>
+      {% endif %}
+
+    </div> <!-- /container -->
+  </section>
+
+</main>
+<!-- /CONTENT -->
+
+{% endblock %}

donate/templates/donate/donate_project_page.html

+{% extends "donate/base.html" %}
+{% load static wagtailcore_tags wagtailimages_tags humanize %}
+
+{% block content %}
+
+<!-- CONTENT -->
+<main role="main">
+
+  <section class="section--alternate project__header">
+    <div class="container">
+      <h1 class="lead heading">{{ page.title }}</h1>
+
+      <div class="row align-items-center">
+        <div class="col-12 col-md-6 mb-3 mb-md-0">
+          {% 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 class="col-12 col-md-6 text-md-right">
+          <div class="project__badges">
+            {% if page.is_new %}
+            <span class="badge badge-light new">Nový projekt</span>
+            {% endif %}
+            {# TODO <span class="badge badge-light almost">Už jen kousek</span> #}
+          </div>
+        </div><!-- /column -->
+      </div><!-- /row -->
+    </div> <!-- /container -->
+  </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">
+
+          {% 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 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">
+                {% if page.expected_amount %}
+                <h5>
+                  Vybráno <strong>{{ page.get_donated_amount|intcomma }}&nbsp;Kč</strong>
+                  z <strong>{{ page.expected_amount|intcomma }}&nbsp;Kč</strong>
+                </h5>
+                <div class="progress">
+                  <div class="progress-bar" role="progressbar" style="width: {{ page.donated_percentage }}%" aria-valuenow="{{ page.donated_percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
+                </div>
+                <hr>
+                {% comment %}
+                <h5><strong>24 lidí</strong> přispělo</h5>
+                <h5><strong>40 dní</strong> do konce</h5>
+                <hr>
+                {% endcomment %}
+                {% else %}
+                <h5>Zatím vybráno <strong>{{ page.get_donated_amount|intcomma }}&nbsp;Kč</strong></h5>
+                {% endif %}
+
+                {% if page.show_donate_form %}
+                <form id="js-donate-form" method="post">
+                  {% 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">
+                          {% 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 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 class="form-group row mb-0 mt-4">
+                    <div class="col-12">
+                      <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
+                    </div>
+                  </div>
+                </form>
+                {% endif %}
+
+              </div><!-- /project-donate-form__right -->
+            </div>
+
+              {% for block in self.crowdfunding %}
+                  {% include_block block %}
+            {% endfor %}
+          </div>
+        </div><!-- /column -->
+
+      </div> <!-- /row -->
+    </div> <!-- /container -->
+  </section>
+
+  <section class="section--alternate project__related">
+    <div class="container">
+      <h2 class="lead page-subheading mb-4">Další projekty</h2>
+      <div class="row projects mb-4">
+
+        {% for project in other_projects %}
+          {% include "donate/project_snippet.html" %}
+        {% endfor %}
+
+      </div><!-- /row -->
+      <a href="{% pageurl page.get_parent %}" class="btn btn-dark btn-lg"><i class="icon-chevron-left mr-2"></i> Projekty</a>
+    </div><!-- /container -->
+  </section>
+
+</main>
+<!-- /CONTENT -->
+
+{% endblock %}