jekyll-theme-pirati-sk 1.0.0

data/_includes/candidate-badge.html

@@ -0,0 +1,57 @@
+<div class="candidate-card container-padding--zero sm:container-padding--auto {{ include.class }}">
+  <div class="candidate-card__wrapper {{ include.wrapperClass }}">
+    <div class="card candidate-card__body elevation-0 hover:elevation-10 transition duration-200">
+      <div class="candidate-card__avatar">
+        <div class="candidate-card__position">{{ include.rank }}</div>
+
+        {% if include.candidatePage.img %}
+          {% if site.mediaStorage %}
+              {% capture img %}https://a.pirati.cz/resize/225x225/{{ site.mediaStorage }}/img/{{ include.candidatePage.img }}{% endcapture %}
+          {%- else -%}
+              {% capture img %}{% asset '{{ include.candidatePage.img }}' magick:resize='225x225^' magick:gravity='center' magick:crop='225x225+0+0' @path %}{% endcapture %}
+          {%- endif -%}
+        {% else %}
+          {% capture img %}https://a.pirati.cz/common/img/people/unknown-pirate.svg{% endcapture %}
+        {% endif %}
+
+        {% capture img_alt %}{% include people/fullname.html person=include.candidatePage plain=true %}{% endcapture %}
+        {% include avatar.html url=include.candidatePage.url class="avatar--sm sm:avatar--lg" src=img alt=img_alt %}
+      </div>
+      <div class="candidate-card__bio">
+        <h1 class="head-heavy-xs">
+          <a href="{{ include.candidatePage.url|relative_url }}">{% include people/fullname.html person=include.candidatePage %}</a>
+        </h1>
+        {% if include.candidatePage.mail %}
+          <a href="mailto:{{ include.candidatePage.mail }}" class="block candidate-card__bio-item mb-4">{{ include.candidatePage.mail }}</a>
+        {% endif %}
+        <h2 class=" candidate-card__bio-item">{{ include.candidate.profession }}</h2>
+        {% if include.candidate.city %}
+          <h2 class="head-allcaps-4xs mt-4">
+            {{ include.candidate.city }}
+          </h2>
+        {% endif %}
+      </div>
+      <div class="candidate-card__affiliation">
+        {% if include.candidate.age %}
+          <div>{{ include.candidate.age }} let</div>
+        {% endif %}
+
+        {% if include.candidate.partyUid %}
+          {% include party.html uid=include.candidate.partyUid %}
+        {% endif %}
+      </div>
+      <div class="card__body candidate-card__social">
+        {% if include.candidate.description %}
+          <p class="font-light text-sm leading-snug italic mb-4 hidden md:block">{{ include.candidate.description }}</p>
+        {% endif %}
+        {% unless include.hideSocialProfiles %}
+          {% if include.candidatePage %}
+          <div class="social-icon-group space-x-2">
+            {% include social-icons.html profiles=include.candidatePage.profiles %}
+          </div>
+          {% endif %}
+        {% endunless %}
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/contact-line.html

@@ -0,0 +1,4 @@
+<{% if include.href %}a href="{{ include.href }}"{% else %}span{% endif %} class="contact-line icon-link content-block--nostyle {{ include.class }}" {% if include.target == "_blank" %}target="_blank" rel="noopener noreferrer"{% endif %}>
+  <i class="{{ include.icon }}"></i>
+  <span>{{ include.caption }}</span>
+</{% if include.href %}a{% else %}span{% endif %}>

data/_includes/contacts/residence.html

@@ -0,0 +1,31 @@
+
+{% if include.residence %}
+	{% assign residence = include.residence %}
+{% else  %}
+	{% assign residence = site.organization %}
+{% endif  %}
+
+
+{% if residence.residenceImg %}
+  <div class="mb-2">
+    {% asset '{{ residence.residenceImg }}' magick:resize='400x' alt='Sídlo' class="w-full" %}
+  </div>
+{% endif %}
+
+{% if residence.url %}
+  <a href="{{ residence.url }}"><strong>{{ residence.name }}</strong></a>
+{% else  %}
+  <strong>{{ residence.name }}</strong>
+{% endif  %}
+
+<p>
+  {{ residence.address | newline_to_br }}
+</p>
+
+{% if residence.spravce %}
+  {% assign spravce = site.people | where_exp: "item","item.uid contains residence.spravce" | first %}
+  {% include people/profile-badge.html item=spravce %}
+{% endif %}
+{% if residence.mapLink %}
+  {% include buttons/icon.html href=site.organization.mapLink icon="ico--map" class="btn--fullwidth" cta="Zobrazit mapu" %}
+{% endif %}

data/_includes/contacts/summary-table.html

@@ -0,0 +1,64 @@
+{% if site.contactSummaryItems %}
+  {% for line in site.contactSummaryItems %}
+    <div>
+      {% if line.type == 'organizationEmail' %}
+        <h4>Emailová adresa</h4>
+        {% capture href %}mailto:{{ site.organization.email }}{% endcapture %}
+        {% include contact-line.html href=href icon="ico--envelope" caption=site.organization.email %}
+      {% elsif line.type == 'organizationRedmineLink' %}
+        <h4>Podatelna (Redmine)</h4>
+        {% include contact-line.html href=site.organization.redmineLink icon="ico--envelope" caption=site.organization.email %}
+      {% elsif line.type == 'organizationPhone' %}
+        <h4>Telefonický kontakt</h4>
+        {% capture href %}tel:{{ site.organization.phone }}{% endcapture %}
+        {% include contact-line.html href=href icon="ico--phone" caption=site.organization.phone %}
+      {% elsif line.type == 'organizationTransparentAccount' %}
+        <h4>Transparentní {% if line.includeMoreLink %}účty{% else %}účet{% endif %}</h4>
+        {% capture href %}tel:{{ site.organization.phone }}{% endcapture %}
+        {{ site.organization.transparentAccount }}{% if line.includeMoreLink %} a <a href="https://wiki.pirati.cz/fo/seznam_uctu">další účty</a>{% endif %}
+      {% elsif line.type == 'organizationDataBox' %}
+        <h4>Datová schránka</h4>
+        {% include contact-line.html icon="ico--drawer" caption=site.organization.dataBoxId %}
+      {% elsif line.type == 'piratiRootWebsite' %}
+        <h4>Celostátní web</h4>
+        {% include contact-line.html href="https://www.pirati.cz" icon="ico--pirati" caption="www.pirati.cz" %}
+      {% elsif line.type == 'custom' %}
+        <h4>{{ line.body }}</h4>
+        {% if line.iconClass %}
+          {% include contact-line.html icon=line.iconClass caption=line.label %}
+        {% else %}
+          {{ line.label }}
+        {% endif %}
+      {% endif %}
+    </div>
+  {% endfor %}
+{% else %}
+  {% comment %}Support legacy configuration where site.contactSummaryItems is undefined{% endcomment %}
+  <div>
+    <h4>Emailová adresa</h4>
+    {% capture href %}mailto:{{ site.organization.email }}{% endcapture %}
+    {% include contact-line.html href=href icon="ico--envelope" caption=site.organization.email %}
+  </div>
+  <div>
+    <h4>Podatelna (Redmine)</h4>
+    {% include contact-line.html href=site.organization.redmineLink icon="ico--envelope" caption=site.organization.email %}
+  </div>
+  <div>
+    <h4>Telefonický kontakt</h4>
+    {% capture href %}tel:{{ site.organization.phone }}{% endcapture %}
+    {% include contact-line.html href=href icon="ico--phone" caption=site.organization.phone %}
+  </div>
+  <div>
+    <h4>Celostátní web</h4>
+    {% include contact-line.html href="https://www.pirati.cz" icon="ico--pirati" caption="www.pirati.cz" %}
+  </div>
+  <div>
+    <h4>Datová schránka</h4>
+    {% include contact-line.html icon="ico--drawer" caption=site.organization.dataBoxId %}
+  </div>
+  <div>
+    <h4>Transparentní {% if line.includeMoreLink %}účty{% else %}účet{% endif %}</h4>
+    {% capture href %}tel:{{ site.organization.phone }}{% endcapture %}
+    {{ site.organization.transparentAccount | default: '2100048174/2010' }}{% if line.includeMoreLink %} a <a href="https://wiki.pirati.cz/fo/seznam_uctu">další účty</a>{% endif %}
+  </div>
+{% endif %}

data/_includes/countdown.html

@@ -0,0 +1,13 @@
+<aside class="bg-black text-white px-4 py-12 lg:py-16 lg:px-24 {{ include.classes }}">
+  <div class="flex flex-col lg:flex-row items-center">
+    <h1 class="head-alt-md md:head-alt-xl flex-grow text-center lg:text-left mb-8 lg:mb-0">Do voleb<br>nám zbývá</h1>
+    <div class="__js-root">
+      <ui-flip-clock
+        clock-classes="text-6xl md:text-7xl lg:text-9xl"
+        slot-classes="text-2xl md:text-3xl lg:text-4xl"
+        deadline="{{ include.deadline }}"
+        units="days,hours"
+      />
+    </div>
+  </div>
+</aside>

data/_includes/disqus_comments.html

@@ -0,0 +1,20 @@
+{%- if page.comments != false and jekyll.environment == "production" -%}
+
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+      this.page.url = '{{ page.url | absolute_url }}';
+      this.page.identifier = '{{ page.url | absolute_url }}';
+    };
+
+    (function() {
+      var d = document, s = d.createElement('script');
+
+      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+
+      s.setAttribute('data-timestamp', +new Date());
+      (d.head || d.body).appendChild(s);
+    })();
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+{%- endif -%}

data/_includes/elections-header.html

@@ -0,0 +1,21 @@
+{% if include.bgImg %}
+  {% if site.mediaStorage %}
+      {% capture imgBgPath %}https://a.pirati.cz/{{ site.mediaStorage }}/img/{{ include.bgImg }}{% endcapture %}
+  {% else %}
+    {% capture imgBgPath %}{% asset '{{ include.bgImg }}' @path %}{% endcapture %}
+    {% assign imgBgPath = imgBgPath | absolute_url %}
+  {% endif %}
+{% endif %}
+
+{% if include.mainContent %}
+  {% capture mainContent %}{{ include.mainContent }}{% endcapture %}
+{% else %}
+  {% capture mainContent %}
+    {% if include.candidateListNumber %}
+      <div class="flag bg-violet-400 text-white head-alt-base mb-6">Volte č. {{ include.candidateListNumber }}</div>
+    {% endif %}
+    <h1 class="head-alt-md md:head-alt-xl">{{ page.title }}</h1>
+  {% endcapture %}
+{% endif %}
+
+{% include hero/advanced.html img=include.img bgImg=imgBgPath mainContent=mainContent subContent=include.subContent contentClass="content-block" imgClass="h-32 lg:h-80 lg:m-auto hidden md:block" %}

data/_includes/footer.html

@@ -0,0 +1,138 @@
+<footer class="footer bg-grey-700 text-white __js-root">
+  <ui-app inline-template>
+    <div>
+      <div class="footer__main py-4 lg:py-16 container container--default">
+        <section class="footer__brand">
+          <img src="{{ site.styleguide_base_url }}/images/logo-full-white.svg" alt="Pirátská strana" class="w-32 md:w-40 pb-6" />
+          <p class="para hidden md:block md:mb-4 lg:mb-0 text-grey-200">
+            Piráti, {{ site.time | date: '%Y' }}. Všechna práva vyhlazena.
+            Sdílejte a nechte ostatní sdílet za stejných podmínek.
+          </p>
+        </section>
+        <section class="footer__main-links bg-grey-700 text-white lg:grid grid-cols-3 gap-4">
+          {% for linkGroup in site.data.menu.bottom %}
+            <div class="{% if forloop.first %}pt-8 pb-4 lg:py-0{% else %}py-4 lg:py-0 border-t border-grey-400 lg:border-t-0{% endif %}">
+              <ui-footer-collapsible label="{{ linkGroup.title }}">
+                <ul class="mt-6 space-y-2 text-grey-200">
+                  {% for linkGroupItem in linkGroup.links %}
+                    <li>
+                      <a href="{{ linkGroupItem.link }}">{{ linkGroupItem.name }}</a>
+                    </li>
+                  {% endfor %}
+                </ul>
+              </ui-footer-collapsible>
+            </div>
+          {% endfor %}
+        </section>
+        <section class="footer__social lg:text-right">
+          <div class="mb-4">
+            {% include social-icon-group.html class="space-x-2 text-white pb-4" %}
+            {% if site.organization.email %}
+            <div class="mb-2">
+              {% capture href %}mailto:{{ site.organization.email }}{% endcapture %}
+              {% include contact-line.html href=href icon="ico--envelope" caption="Dejte nám vědět" %}
+            </div>
+            {% endif %}
+            {% if site.github %}
+            <div class="mb-2">
+              {% capture href %}{{ site.github.url }}edit/{{ site.github.branch }}/{{ page.path }}{% endcapture %}
+              {% include contact-line.html href=href icon="ico--pencil" caption="Navrhni úpravu" %}
+            </div>
+            {% endif %}
+          </div>
+          <div class="flex flex-col md:flex-row lg:flex-col lg:items-end space-y-2 md:space-y-0 md:space-x-2 lg:space-x-0 lg:space-y-2">
+            <a href="{{ site.organization.donateLink | default: 'https://dary.pirati.cz' }}" rel="noopener noreferrer" target="_blank" class="btn btn--icon btn--cyan-200 btn--hoveractive text-lg btn--fullwidth sm:btn--autowidth">
+              <div class="btn__body-wrap">
+                <div class="btn__body ">Přispěj</div>
+                <div class="btn__icon ">
+                  <i class="ico--pig"></i>
+                </div>
+              </div>
+            </a>
+
+            <a href="{{ site.organization.onboardingLink | default: 'https://nalodeni.pirati.cz' }}" rel="noopener noreferrer" target="_blank" class="btn btn--icon btn--blue-300 btn--hoveractive text-lg btn--fullwidth sm:btn--autowidth">
+              <div class="btn__body-wrap">
+                <div class="btn__body ">Naloď se</div>
+                <div class="btn__icon ">
+                  <i class="ico--anchor"></i>
+                </div>
+              </div>
+            </a>
+
+          </div>
+        </section>
+      </div>
+
+      {% if site.data.menu.transparencySection %}
+        <section class="footer__sub-links lg:border-t border-grey-400">
+          <div class="container container--default">
+            <ui-footer-collapsible label="Otevřenost" labelClass="lg:w-1/4" wrapperClass="flex flex-col lg:flex-row lg:space-x-4 lg:items-center py-4 lg:py-8 border-t border-grey-400 lg:border-t-0" slotWrapperclass="lg:w-2/4">
+              <ul class="lg:w-full lg:pr-8 grid grid-cols-1 lg:grid-cols-3 lg:gap-4 items-center mt-6 space-y-2 lg:mt-0 lg:space-y-0 text-grey-200">
+                <li class="w-full">
+                  <a href="https://ucet.pirati.cz" rel="noreferrer noopener" target="_blank">Transparentní účet</a>
+                </li>
+                <li class="w-full">
+                  <a href="https://smlouvy.pirati.cz" rel="noreferrer noopener" target="_blank">Registr smluv</a>
+                </li>
+                <li class="w-full">
+                  <a href="https://wiki.pirati.cz/fo/otevrene_ucetnictvi" rel="noreferrer noopener" target="_blank">Otevřené účetnictví</a>
+                </li>
+              </ul>
+            </ui-footer-collapsible>
+          </div>
+        </section>
+      {% endif %}
+
+      <section class="bg-black py-4 lg:py-12">
+        <div class="container container--default">
+          <div class="grid gap-4 grid-cols-1 md:grid-cols-2 xl:grid-cols-3">
+            {% if site.data.menu.contact %}
+              {% for contact in site.data.menu.contact %}
+                {% if contact.id %}
+                  {% assign person = site.people | where_exp:"item","item.uid contains contact.id" | first %}
+                  {% assign description = contact.position %}
+                {% else %}
+                  {% assign person = site.people | where_exp:"item","item.uid contains contact" | first %}
+                  {% assign description = person.teamDescription['contact'] %}
+                {% endif %}
+                {% include people/profile-badge.html item=person description=description %}
+              {% endfor %}
+            {% else %}
+              {% assign contactPerson = site.people | where_exp: "item","item.uid contains site.organization.contactUid" | first %}
+              {% assign contactPersons = site.people | where_exp: "item","item.category contains 'kontaktni_osoba'" | sort:"ordpak" %}
+              {% unless contactPersons == empty or contactPersons == blank or contactPersons == nil %}
+                {% for person in contactPersons %}
+                  {% include people/profile-badge.html item=person %}
+                {% endfor %}
+              {% endunless %}
+            {% endif %}
+          </div>
+        </div>
+      </section>
+    </div>
+  </ui-app>
+</footer>
+
+
+ 
+<!-- Styles -->
+<link rel="stylesheet" href="https://www.piratiastarostove.cz/static/elections2021/css/styleguide.min.css">
+<link rel="stylesheet" href="https://www.piratiastarostove.cz/static/elections2021/css/styles.css">
+<style type="text/css">
+sup {
+  white-space: nowrap;
+}
+</style>
+ 
+
+
+<div class=" bg-white ">
+
+ <div class="row">
+ <section class="bg-black py-4 lg:py-12">
+  <div class="medium-12 large-7 text-white" ><center>
+	<a href="https://www.pirati.cz/o-nas/ochrana-osobnich-udaju/">Zásady zpracování osobních údajů a informace o využití cookies</a></center>
+  </div>
+  </section>
+</div>
+   </div>

data/_includes/google-analytics.html

@@ -0,0 +1,12 @@
+<script>
+if(!(window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1")) {
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+  ga('create', '{{ site.google_analytics }}', 'auto');
+  ga('send', 'pageview');
+}
+</script>
+  

data/_includes/head.html

@@ -0,0 +1,76 @@
+<head>
+    {% capture title %}{% if page.ogtitle %}{{page.ogtitle}} | {% elsif page.title %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }}{% endcapture %}
+    {% capture description %}{% if page.description %}{{ page.description }}{% elsif page.desc %}{{ page.desc }}{% elsif page.excerpt %}Pirátská strana: {{ page.excerpt | strip_html | strip_newlines | truncate: 330 }}{% else %}{{ site.description }}{% endif %}{% endcapture %}
+    {% capture keywords %}
+            {{ site.keywords }}
+            {% if page.title %}, {{ page.title }}{% endif %}
+            {% if page.name %}, {{ page.name }}{% endif %}
+            {% if page.keywords %}, {{ page.keywords }}{% endif %}
+            {% if page.tags %}, {{ page.tags }}{% endif %}
+    {% endcapture %}
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ title }}</title>
+    <meta name="author" content="Česká pirátská strana" />
+    <meta name="robots" content="index,follow" />
+    <meta name="description" content="{{description}}">
+    <meta name="keywords" content="{{keywords}}" />
+    <!-- Favicons -->
+    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{ 'assets/img/favicon/apple-touch-icon-57x57.png' | relative_url }}">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ 'assets/img/favicon/apple-touch-icon-114x114.png' | relative_url }}">
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ 'assets/img/favicon/apple-touch-icon-72x72.png' | relative_url }}">
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ 'assets/img/favicon/apple-touch-icon-144x144.png' | relative_url }}">
+    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="{{ 'assets/img/favicon/apple-touch-icon-60x60.png' | relative_url }}">
+    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ 'assets/img/favicon/apple-touch-icon-120x120.png' | relative_url }}">
+    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{ 'assets/img/favicon/apple-touch-icon-76x76.png' | relative_url }}">
+    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ 'assets/img/favicon/apple-touch-icon-152x152.png' | relative_url }}">
+    <link rel="icon" type="image/png" href="{{ 'assets/img/favicon/favicon-196x196.png' | relative_url }}" sizes="196x196">
+    <link rel="icon" type="image/png" href="{{ 'assets/img/favicon/favicon-96x96.png' | relative_url }}" sizes="96x96">
+    <link rel="icon" type="image/png" href="{{ 'assets/img/favicon/favicon-16x16.png' | relative_url }}" sizes="16x16">
+    <link rel="icon" type="image/png" href="{{ 'assets/img/favicon/favicon-32x32.png' | relative_url }}" sizes="32x32">
+    <link rel="icon" type="image/png" href="{{ 'assets/img/favicon/favicon-128x128.png' | relative_url }}" sizes="128x128">
+    <link rel="alternate" type="application/rss+xml" title="{{ site.organization.name }} RSS" href="{{ '/feed.xml' | relative_url }}">
+    <meta name="application-name" content="{{ site.organization.name | escape }}">
+    <meta name="msapplication-TileColor" content="#000000">
+    <meta name="msapplication-TileImage" content="{{ 'assets/img/favicon/mstile-144x144.png' | relative_url }}">
+    <meta name="msapplication-square70x70logo" content="{{ 'assets/img/favicon/mstile-70x70.png' | relative_url }}">
+    <meta name="msapplication-square150x150logo" content="{{ 'assets/img/favicon/mstile-150x150.png' | relative_url }}">
+    <meta name="msapplication-wide310x150logo" content="{{ 'assets/img/favicon/mstile-310x150.png' | relative_url }}">
+    <meta name="msapplication-square310x310logo" content="{{ 'assets/img/favicon/mstile-310x310.png' | relative_url }}">
+    <meta property="og:url"           content="{{ page.url | absolute_url }}" />
+    <meta property="og:type"          content="website" />
+    <meta property="og:title"         content="{{ title }}" />
+    <meta property="og:description"   content="{{ description }}" />
+    {% if page.layout == 'post' %}
+        {% if site.mediaStorage %}
+            {% capture img_path %}https://a.pirati.cz/{{ site.mediaStorage }}/img/{{ page.image }}{% endcapture %}
+        {% else %}
+            {% capture img_path %}{% asset '{{ page.image }}' @path %}{% endcapture %}
+        {% endif %}
+        <meta property="og:image"         content="{{ img_path | absolute_url }}" />
+    {% elsif page.img %}
+        {% if site.mediaStorage %}
+            {% capture img_path %}https://a.pirati.cz/{{ site.mediaStorage }}/img/{{ page.img }}{% endcapture %}
+        {% else %}
+            {% capture img_path %}{% asset '{{ page.img }}' @path %}{% endcapture %}
+        {% endif %}
+        <meta property="og:image"         content="{{ img_path | absolute_url }}" />
+    {% else %}
+    <meta property="og:image"         content="{{ 'assets/img/brand/logo-round.png' | absolute_url }}" />
+    {% endif %}
+    <!-- Fonts -->
+    {% if page.layout != 'blank' %}
+    <link rel="stylesheet" href="{{ site.styleguide_base_url }}/css/styles.css">
+    {% endif %}
+    <!-- API Mapy.cz that has to be in the header -->
+    {% if page.mapycz_api %}
+    <script type="text/javascript" src="https://api.mapy.cz/loader.js"></script>
+    <script type="text/javascript">Loader.load({% if page.mapycz_api=='mini-api' %}null, {api:"simple"}{% endif %})</script>
+    <style>.smap img { max-width: none !important; transform: none;}</style>
+	  {% endif %}
+
+    {% comment %}You can add your own content in _includes/head-custom.html and it will get appended to the page head{% endcomment %}
+    {% include head-custom.html %}
+</head>
+

data/_includes/header.html

@@ -0,0 +1,167 @@
+<nav class="navbar __js-root">
+  <ui-app inline-template>
+    <ui-navbar inline-template>
+      <div>
+        <div class="container container--wide navbar__content" :class="{'navbar__content--initialized': true}">
+          <div class="navbar__brand my-4 flex items-center lg:block lg:pr-8 lg:my-0">
+            <a href="{{ '/' | absolute_url }}">
+              <img src="{{ site.styleguide_base_url }}/images/logo-round-white.svg" class="w-8 lg:w-full lg:border-r lg:border-grey-300 lg:pr-8" />
+            </a>
+            <span class="lg:hidden pl-4 font-bold text-xl">Pirátská strana</span>
+          </div>
+          <div class="navbar__menutoggle my-4 flex justify-end lg:hidden">
+            <a href="#" @click="show = !show" class="no-underline hover:no-underline">
+              <i class="ico--menu text-3xl"></i>
+            </a>
+          </div>
+          <div v-if="show || isLgScreenSize" class="navbar__external navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto lg:flex lg:space-x-8 lg:pb-2">
+            <div class="text-grey-200 text-sm lg:space-x-8 leading-loose lg:leading-normal">
+              {% for item in site.data.menu.top %}
+                {% include contact-line.html href=item.url icon=item.icon caption=item.link class="block lg:inline-block" target="_blank" %}
+              {% endfor %}
+            </div>
+            {% include social-icon-group.html class="space-x-2 text-grey-200 py-4 lg:py-0" %}
+          </div>
+          <div v-if="show || isLgScreenSize" class="navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto">
+            {% if site.data.menu.main %}
+              <ul class="navbar-menu text-white">
+                {% for item in site.data.menu.main %}
+                  <li class="navbar-menu__item">
+                    {% if item.submenu %}
+                      <ui-navbar-subitem label="{{ item.name }}">
+                        <ul class="navbar-menu__submenu">
+                          {% for subitem in item.submenu %}
+                            <li><a href="{{ subitem.link }}" class="navbar-menu__link">{{ subitem.name }}</a></li>
+                          {% endfor %}
+                        </ul>
+                      </ui-navbar-subtitem>
+                    {% else %}
+                      <a href="{{ item.link | relative_url }}" class="navbar-menu__link">{{ item.name }}</a>
+                    {% endif %}
+                  </li>
+                {% endfor %}
+              </ul>
+            {% endif %}
+          </div>
+          <div v-if="show || isLgScreenSize" class="navbar__actions navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto self-start flex flex-col sm:flex-row lg:flex-col sm:space-x-4 space-y-2 sm:space-y-0 lg:space-y-2 xl:flex-row xl:space-x-2 xl:space-y-0">
+            <a href="{{ site.organization.donateLink | default: 'https://dary.pirati.cz' }}" rel="noopener noreferrer" target="_blank" class="btn btn--icon btn--cyan-200 btn--hoveractive btn--condensed btn--fullwidth md:btn--autowidth lg:text-sm xl:text-base">
+              <div class="btn__body-wrap">
+                <div class="btn__body ">Přispěj</div>
+                <div class="btn__icon ">
+                  <i class="ico--pig"></i>
+                </div>
+              </div>
+            </a>
+            <a href="{{ site.organization.onboardingLink | default: 'https://nalodeni.pirati.cz' }}" rel="noopener noreferrer" target="_blank" class="btn btn--icon btn--blue-300 btn--hoveractive btn--condensed btn--fullwidth md:btn--autowidth lg:text-sm xl:text-base">
+              <div class="btn__body-wrap">
+                <div class="btn__body ">Naloď se</div>
+                <div class="btn__icon ">
+                  <i class="ico--anchor"></i>
+                </div>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </ui-navbar>
+  </ui-app>
+</nav>
+
+<div class="__js-root" @click="replaceHTMLEnts();">
+  <ui-app inline-template>
+    {% if site.env.GOOGLE_CALENDAR_APIKEY and site.calendar.id %}
+      <ui-calendar-google-provider v-slot="{ events, onShowMore, hasMore }" :calendar-id="'{{ site.calendar.id }}'" :api-key="'{{ site.env.GOOGLE_CALENDAR_APIKEY }}'">
+      {% assign calendarProvided = true %}
+    {% endif %}
+
+    <ui-view-provider :initial="{regions: false, calendar: false}" v-slot="{ isCurrentView, toggleView }">
+      <nav class="subnav">
+        <div class="container container--wide">
+          <div class="flex">
+            <button @click="toggleView('regions');" class="btn btn--condensed btn--grey-500 btn--hoveractive btn--to-white text-sm mr-2" :class="{'btn--activated': isCurrentView('regions')}">
+              <div class="btn__body">
+                <span>{{ site.organization.name }}</span>
+                <i class="ico--chevron-down ml-4"></i>
+              </div>
+            </button>
+
+            <button @click="toggleView('calendar');replaceHTMLEnts();" class="btn btn--inline-icon btn--condensed btn--hoveractive btn--grey-500 btn--to-orange-300 text-sm" :class="{'btn--activated': isCurrentView('calendar')}">
+              <div class="btn__body">
+                <i class="btn__inline-icon ico--calendar mr-0 md:mr-2 text-orange-300"></i>
+                <span class="hidden md:block">{{ site.calendar.title }}</span>
+              </div>
+            </button>
+
+            {% if calendarProvided %}
+              <a href="#" class="btn text-sm max-w-full hidden lg:block" @click="toggleView('calendar');" v-if="events.length > 0" v-cloak>
+                <div class="btn__body bg-grey-800 text-grey-200 flex divide-x">
+                  <span class="pr-4">&#123;{events[0].title}&#125;</span>
+                  <span class="pl-4">&#123;{events[0].allDay ? 'Celý den' :  events[0].startDateVerbose + ', ' + events[0].startTimeVerbose}&#125;</span>
+                </div>
+              </a>
+            {% endif %}
+
+            {% if site.facebook.profilePage %}
+              <a href="{{ site.facebook.profilePage }}" target="_blank" rel="noopener noreferrer" class="btn btn--inline-icon btn--condensed btn--hoveractive btn--grey-500 btn--to-brands-facebook text-sm ml-2">
+                <div class="btn__body">
+                  <i class="btn__inline-icon ico--facebook mr-0 md:mr-2 text-brands-facebook"></i>
+                  <span class="hidden md:block">{{ site.facebook.profilePageName }}</span>
+                </div>
+              </a>
+            {% endif %}
+          </div>
+        </div>
+      </nav>
+
+      <aside class="subnav-aside">
+        <div class="subnav-aside__item" :class="{'subnav-aside__item--visible': isCurrentView('regions')}">
+          <a @click="toggleView('regions')" class="subnav-aside__close"><i class="ico--close"></i></a>
+          <ui-region-map class="container container--default" />
+        </div>
+        <div class="subnav-aside__item" :class="{'subnav-aside__item--visible': isCurrentView('calendar')}">
+          <a @click="toggleView('calendar');replaceHTMLEnts();" class="subnav-aside__close"><i class="ico--close"></i></a>
+          <div class="container container--default">
+            {% if calendarProvided %}
+              <ui-calendar-renderer :events="events" :on-show-more="onShowMore" :has-more="hasMore" :name="'{{ site.calendar.title }}'"></ui-calendar-renderer>
+            {% elsif site.calendar.page %}
+              <iframe src="{{ site.calendar.page }}" style="border-width:0; width: 100%; height: 410px; border: 0; overflow: hidden;"></iframe>
+              <p class="mt-4">
+                <a class="btn btn--orange-200 btn--hoveractive" href="{{ site.calendar.page | relative_url }}">
+                  <span class="btn__body">Zobrazit všechny akce</span>
+                </a>
+              </p>
+            {% endif %}
+          </div>
+        </div>
+      </aside>
+    </ui-view-provider>
+
+    {% if calendarProvided %}
+      </ui-calendar-google-provider>
+    {% endif %}
+  </ui-app>
+</div>
+<script>
+function replaceHTMLEnts() {
+  // Get all <p> elements in the document
+  var x = document.querySelectorAll("p"); 
+  var i;
+  for (i = 0; i < x.length; i++) {
+    x[i].innerHTML=htmlDecode(x[i].innerHTML);
+ 
+  } 
+  x = document.querySelectorAll("a"); 
+  for (i = 0; i < x.length; i++) {
+    if (x[i].hasOwnProperty("font-bold") && x[i].hasOwnProperty("block")) {
+          x[i].innerHTML=htmlDecode(x[i].innerHTML);
+     }
+  } 
+}
+  
+function htmlDecode(input){
+  var e = document.createElement('div');
+  e.innerHTML = input;
+  return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
+}
+ 
+</script>

data/_includes/headline-media.html

@@ -0,0 +1,16 @@
+{% comment %}If youtube video id is provided, it takes precendece over the image{% endcomment %}
+{%- if include.youtubeVideoId %}
+  {% include youtube.html width="100%" id=include.youtubeVideoId %}
+{% else %}
+  {% if site.mediaStorage %}
+      {% capture imgPath %}https://a.pirati.cz/crop/1200x675/{{ site.mediaStorage }}/img/{{ include.image }}{% endcapture %}
+  {% else %}
+      {% capture imgPath %}{% asset '{{ include.image }}' magick:resize='1200x675^' magick:gravity='center' magick:crop='1200x675+0+0' @path %}{% endcapture %}
+  {% endif %}
+
+  <figure class="figure">
+    <img src="{{ imgPath }}" alt="{{ include.title }}" />
+  </figure>
+{%- endif %}
+
+