jekyll-theme-pirati-sk 1.0.0

data/_includes/right-bar/bar_profile.html

@@ -0,0 +1,77 @@
+{% if page.img %}
+  <div class="text-center mb-8">
+    {% if site.mediaStorage %}
+        {% capture img %}https://a.pirati.cz/resize/225x225/{{ site.mediaStorage }}/img/{{ page.img }}{% endcapture %}
+    {%- else -%}
+        {% capture img %}{% asset '{{ page.img }}' magick:resize="225x" @path %}{% endcapture %}
+    {%- endif -%}
+
+    {% include avatar.html src=img class="avatar--2xl lg:avatar--3xl avatar--bordered candidate-detail__avatar" %}
+  </div>
+{% endif %}
+
+{% if page.profiles.wikipedia or page.profiles.facebook or page.profiles.twitter or page.profiles.github or page.profiles.forum or page.profiles.redmine or page.profiles.web or page.profiles.blog %}
+  {% include right-bar/rbar_profiles.html %}
+{% endif %}
+
+{% if page.partyUid %}
+  <hr />
+  {% include party.html uid=page.partyUid %}
+{% endif %}
+
+<div class="content-block">
+  {% if page.mail or page.mob or page.profiles.report %}
+    <hr />
+    <div class="space-y-4">
+      {% if page.mob %}
+        <div>
+          <h4>Telefon</h4>
+          {% capture href %}tel:{{ page.mob }}{% endcapture %}
+          {% include contact-line.html icon="ico--phone" href=href caption=page.mob %}
+        </div>
+      {% endif %}
+      {% if page.mail %}
+        <div>
+          <h4>Email</h4>
+          {% capture href %}mailto:{{ page.mail }}{% endcapture %}
+          {% include contact-line.html icon="ico--envelope" href=href caption=page.mail %}
+        </div>
+      {% endif %}
+      {% if page.profiles.report %}
+        <div>
+          <h4>Report poslance</h4>
+          {% include contact-line.html icon="ico--folder" href=page.profiles.report caption="Zobrazit report" %}
+        </div>
+      {% endif %}
+    </div>
+  {% endif %}
+
+  {% if page.asistenti %}
+    <hr />
+    <h2>Asistenti</h2>
+    <div class="space-y-4 mt-4">
+      {% for asistent in page.asistenti %}
+        {% include people/profile-badge.html class="badge--condensed" item=asistent description=asistent.position hideAvatar=true %}
+      {% endfor %}
+    </div>
+  {% endif %}
+
+  {% if page.office %}
+    <hr />
+    {% assign kancl = page.office | first %}
+    <h2>Kancelář</h2>
+    <iframe
+      height="150"
+      frameborder="0"
+      style="border:0; width:100%"
+      src="{% if kancl.mapIframeLink %}{{ kancl.mapIframeLink }}{% else %}https://www.google.com/maps/embed/v1/place?key=AIzaSyCRuL_FU0HdeKCHVNfVJkv2nhNZPr05AJM&q={{ kancl.address | replace: ' ', '+' }}{% endif %}" allowfullscreen>
+    </iframe>
+    <h4>{{ kancl.name }}</h4>
+    <p>{{ kancl.address | | newline_to_br }}</p>
+
+    {% if kancl.opening %}
+      <h4>Otevírací doba</h4>
+      <p>{{ kancl.opening}}</p>
+    {% endif %}
+  {% endif %}
+</div>

data/_includes/right-bar/bar_program.html

@@ -0,0 +1,27 @@
+{% if page.campaignGroupUid %}
+  {% assign campaignGroup = site.data.campaigns | where: "groupUid", page.campaignGroupUid | first %}
+{% endif %}
+
+{% if campaignGroup %}
+<div class="content-block">
+  <h2>{{ campaignGroup.title }}</h2>
+
+  {% for campaign in campaignGroup.campaigns %}
+    {% assign programSections = site.program | where: "campaignCategoryUid", campaign.categoryUid | sort:"order" %}
+
+    <h3>{{ campaign.title }}</h3>
+
+    <ul class="unordered-list unordered-list--linked">
+      {% for programSection in programSections %}
+        <li><a class="{% if page.uid == programSection.uid %}font-bold  {% endif %}content-block--nostyle" href="{{ programSection.url | relative_url }}">{{ programSection.title }}</a></li>
+      {% endfor %}
+    </ul>
+    {% unless forloop.last %}
+      <hr>
+    {% endunless %}
+  {% endfor %}
+
+  {% comment %}Allows to add custom content to program rbar{% endcomment %}
+  {% include right-bar/program-extras.html %}
+</div>
+{% endif %}

data/_includes/right-bar/bar_tag_articles.html

@@ -0,0 +1,10 @@
+{% assign posts = "" | split: ", " %}
+{% for tag in page.tags %}
+    {% assign tagPosts = site.posts | where_exp: "item","item.tags contains tag" %}
+    {% assign posts = posts | concat: tagPosts %}
+{% endfor %}
+{% assign posts = posts | sort: "date" | reverse %}
+
+{% if posts %}
+    {% include right-bar/rbar_articles.html posts=posts title="Seznam článků" %}
+{% endif %}

data/_includes/right-bar/bar_textbox.html

@@ -0,0 +1,12 @@
+{% comment %}
+This requires the page header to define
+textbox:
+  title: # optional
+  text:  # required
+{% endcomment %}
+{% if page.textbox.text %}
+  {% if page.textbox.title %}<h2 class="head-heavy-sm mb-2">{{ page.textbox.title }}</h2>{% endif %}
+  <div class="content-block">
+    <p>{{ page.textbox.text }}</p>
+  </div>
+{% endif %}

data/_includes/right-bar/bar_tw.html

@@ -0,0 +1,2 @@
+<h2 class="head-heavy-sm mb-2">Twitter</h2>
+<a class="twitter-timeline" href="https://twitter.com/{{site.tw}}" data-height="520">Tweets by @{{site.tw}}</a>

data/_includes/right-bar/bar_video.html

@@ -0,0 +1,16 @@
+{% if page.youtube %}
+  {% if page.youtube.title %}
+    <h2 class="head-heavy-sm mb-2">{{page.youtube.title}}</h2>
+  {% endif %}
+
+  {% if page.youtube.id %}
+    <iframe width="100%" src="https://www.youtube-nocookie.com/embed/{{page.youtube.id}}?rel=0&amp;controls=0" style="border: 0;" allowfullscreen=""></iframe>
+  {% endif %}
+  {% if page.youtube.playlist %}
+    <iframe width="100%" src="https://www.youtube.com/embed/videoseries?list={{page.youtube.playlist}}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+  {% endif %}
+
+  {% if page.youtube.button %}
+    {% include buttons/icon.html href=page.youtube.button.url target="_blank" cta=page.youtube.button.title class="mt-4 btn--fullwidth btn--hoveractive" icon="ico--chevron-right" %}
+  {% endif %}
+{% endif %}

data/_includes/right-bar/rbar.html

@@ -0,0 +1,55 @@
+<aside class="container-padding--zero lg:container-padding--auto lg:card lg:elevation-10">
+  <div class="lg:card__body p-4 lg:p-8">
+    {% for rbar in page.rbar %}
+      {% if rbar contains 'profile' %}
+        {% include right-bar/bar_profile.html %}
+      {% endif %}
+      {% if rbar contains 'garant' %}
+        {% include right-bar/bar_garant.html %}
+      {% endif %}
+      {% if rbar contains 'kodo' %}
+        {% include right-bar/bar_kodo.html %}
+      {% endif %}
+      {% if rbar contains 'program' %}
+        {% include right-bar/bar_program.html %}
+      {% endif %}
+      {% if rbar contains 'people' %}
+        {% include right-bar/bar_people.html %}
+      {% endif %}
+      {% if rbar contains 'video' %}
+        {% include right-bar/bar_video.html %}
+      {% endif %}
+      {% if rbar contains 'fb' and site.facebook.profilePage %}
+        {% include right-bar/bar_fb.html %}
+      {% endif %}
+      {% if rbar contains 'tw' and site.twitter.profile %}
+        {% include right-bar/bar_tw.html %}
+      {% endif %}
+      {% if rbar contains 'textbox' %}
+        {% include right-bar/bar_textbox.html %}
+      {% endif %}
+      {% if rbar contains 'map' %}
+        {% include right-bar/bar_map.html %}
+      {% endif %}
+      {% if rbar contains 'personArticles' %}
+        {% include right-bar/bar_person_articles.html %}
+      {% endif %}
+      {% if rbar contains 'board' %}
+        {% include right-bar/bar_board.html %}
+      {% endif %}
+      {% if rbar contains 'tagArticles' %}
+        {% include right-bar/bar_tag_articles.html %}
+      {% endif %}
+      {% if rbar contains 'pageContact' %}
+        {% include right-bar/bar_page_contact.html %}
+      {% endif %}
+
+      {% unless forloop.last %}
+        <hr />
+      {% endunless %}
+
+      {% comment %}Allows to append custom right bars variants{% endcomment %}
+      {% include right-bar/custom-bars.html rbar=rbar %}
+    {% endfor %}
+  </div>
+</aside>

data/_includes/right-bar/rbar_articles.html

@@ -0,0 +1,14 @@
+<div class="content-block">
+  <h2>{{ include.title }}</h2>
+
+  {% assign posts = include.posts | sort: "date" | reverse %}
+  <ul class="unordered-list unordered-list--linked">
+    {% for post in posts limit: 30 %}
+      <li>
+        <a href="{{ post.url }}">
+          {{ post.title }}
+        </a>
+      </li>
+  {% endfor %}
+  </ul>
+</div>

data/_includes/right-bar/rbar_profiles.html

@@ -0,0 +1,11 @@
+<div class="flex flex-wrap item-center">
+  <div class="social-icon-group space-x-0/5">
+    {% include social-icons.html profiles=page.profiles %}
+  </div>
+
+  {% if page.profiles.flickr %}
+    <div class="flex-grow text-right">
+      <a href="{{ page.profiles.flickr }}" class="inline-flex items-center"><span class="font-light text-sm">Více fotografií</span><i class="ico--flickr ml-2 no-underline hover:no-underline"></i></a>
+    </div>
+  {% endif %}
+</div>

data/_includes/sharebox.html

@@ -0,0 +1,21 @@
+<div class="sharebox md:card md:elevation-10 {{ include.classes }}">
+  <div class="md:card__body">
+    <span class="head-alt-base md:head-alt-md">Sdílení je aktem lásky</span>
+
+    <div class="flex w-full space-x-4 pt-4 md:pt-8 text-center text-white">
+      <a
+        href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}"
+        onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+        class="bg-brands-facebook px-8 py-3 text-2xl w-full"
+      ><i class="ico--facebook"></i></a>
+      <a
+        href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ page.url | absolute_url }}"
+        onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+        class="bg-brands-twitter px-8 py-3 text-2xl w-full"
+      ><i class="ico--twitter"></i></a>
+    </div>
+  </div>
+  <div class="h-52 overflow-hidden hidden md:block">
+    <img src="{{ site.styleguide_base_url }}/images/flag.png" alt="Pirátská strana" class="w-80 object-cover m-auto" />
+  </div>
+</div>

data/_includes/social-icon-group.html

@@ -0,0 +1,23 @@
+<div class="social-icon-group {{ include.class }}">
+  {% if site.twitter.profile %}
+    <a href="https://www.twitter.com/{{ site.twitter.profile }}" rel="noopener noreferrer" target="_blank" title="Náš účet na Twitteru" class="social-icon "><i class="ico--twitter"></i></a>
+  {% endif %}
+
+  {% if site.youtube.channel %}
+    <a href="https://www.youtube.com/channel/{{ site.youtube.channel }}" rel="noopener noreferrer" target="_blank" title="Náš účet na Youtube" class="social-icon "><i class="ico--youtube"></i></a>
+  {% endif %}
+
+  <a href="{{'/feed.xml' | relative_url }}" rel="noopener noreferrer" target="_blank" title="Články tohoto webu v RSS" class="social-icon "><i class="ico--feed"></i></a>
+
+  {% if site.instagram.profilePage %}
+    <a href={{ site.instagram.profilePage }} rel="noopener noreferrer" target="_blank" title="Instagram - Česká pirátská strana" class="social-icon "><i class="ico--instagram"></i></a>
+  {% endif %}
+
+  {% if site.flicker.profilePage %}
+    <a href={{ site.flicker.profilePage }} rel="noopener noreferrer" target="_blank" title="Flickr - Česká pirátská strana" class="social-icon "><i class="ico--flickr"></i></a>
+  {% endif %}
+
+  {% if site.organization.email %}
+    <a href="mailto:{{ site.organization.email }}" class="social-icon "><i class="ico--envelope"></i></a>
+  {% endif %}
+</div>

data/_includes/social-icons.html

@@ -0,0 +1,8 @@
+{% if include.profiles.wikipedia %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ include.profiles.wikipedia }}"><i class="ico--wikipedia"></i></a>{% endif %}
+{% if include.profiles.facebook %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ include.profiles.facebook }}"><i class="ico--facebook"></i></a>{% endif %}
+{% if include.profiles.twitter %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ include.profiles.twitter }}"><i class="ico--twitter"></i></a>{% endif %}
+{% if include.profiles.github %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ include.profiles.github }}"><i class="ico--github"></i></a>{% endif %}
+{% if include.profiles.forum %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ include.profiles.forum }}"><i class="ico--bubbles"></i></a>{% endif %}
+{% if include.profiles.redmine %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ include.profiles.redmine }}"><i class="ico--tasks"></i></a>{% endif %}
+{% if include.profiles.web %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ include.profiles.web }}"><i class="ico--globe"></i></a>{% endif %}
+{% if include.profiles.blog %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ include.profiles.blog }}"><i class="ico--write"></i></a>{% endif %}

data/_includes/social.html

@@ -0,0 +1,14 @@
+<ul class="social-media-list">
+  {%- if site.dribbble_username -%}<li><a href="https://dribbble.com/{{ site.dribbble_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#dribbble' | relative_url }}"></use></svg> <span class="username">{{ site.dribbble_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.facebook_username -%}<li><a href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"></use></svg> <span class="username">{{ site.facebook_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.flickr_username -%}<li><a href="https://www.flickr.com/photos/{{ site.flickr_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#flickr' | relative_url }}"></use></svg> <span class="username">{{ site.flickr_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.github_username -%}<li><a href="https://github.com/{{ site.github_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#github' | relative_url }}"></use></svg> <span class="username">{{ site.github_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.instagram_username -%}<li><a href="https://instagram.com/{{ site.instagram_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#instagram' | relative_url }}"></use></svg> <span class="username">{{ site.instagram_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.linkedin_username -%}<li><a href="https://www.linkedin.com/in/{{ site.linkedin_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#linkedin' | relative_url }}"></use></svg> <span class="username">{{ site.linkedin_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.pinterest_username -%}<li><a href="https://www.pinterest.com/{{ site.pinterest_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#pinterest' | relative_url }}"></use></svg> <span class="username">{{ site.pinterest_username| escape }}</span></a></li>{%- endif -%}
+  {%- for mst in site.mastodon -%}{%- if mst.username and mst.instance -%}<li><a href="https://{{ mst.instance| cgi_escape | escape}}/@{{mst.username}}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#mastodon' | relative_url }}"></use></svg> <span class="username">{{ mst.username|escape }}</span></a></li>{%- endif -%}{%- endfor -%}
+  {%- if site.twitter_username -%}<li><a href="https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#twitter' | relative_url }}"></use></svg> <span class="username">{{ site.twitter_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.youtube_username -%}<li><a href="https://youtube.com/{{ site.youtube_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg> <span class="username">{{ site.youtube_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.googleplus_username -%}<li><a href="https://plus.google.com/{{ site.googleplus_username| escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#googleplus' | relative_url }}"></use></svg> <span class="username">{{ site.googleplus_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.rss -%}<li><a href="{{ 'feed.xml' | relative_url }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#rss' | relative_url }}"></use></svg> <span>{{ site.rss | escape }}</span></a></li>{%- endif -%}
+</ul>

data/_includes/tables/zebra.html

@@ -0,0 +1,25 @@
+<section class="o-section">
+    {% if include.title %}
+    <div class="o-secion-header o-section-header--bordered">
+        <h3 class="o-section__heading t-h4-super">{{ include.title}}</h3>
+    </div>
+    {% endif %}
+
+    <table class="u-1margin--top">
+        <thead>
+        {% for column in include.table[0] %}
+            <th>{{ column[0] }}</th>
+        {% endfor %}
+        </thead>
+        <tbody>
+        {% for row in include.table %}
+            <tr>
+            {% for cell in row %}
+                <td>{{ cell[1] }}</td>
+            {% endfor %}
+            </tr>
+        {% endfor %}
+        </tbody>
+    </table>
+
+</section>

data/_includes/youtube.html

@@ -0,0 +1,3 @@
+{% capture width %}{% if include.width %}{{ include.width }}{% else %}740{% endif %}{% endcapture %}
+{% capture height %}{% if include.height %}{{ include.height }}{% else %}416{% endif %}{% endcapture %}
+<iframe width="{{ width }}" height="{{ height }}" src="https://www.youtube.com/embed/{{ include.id }}" frameborder="0" allowfullscreen></iframe>

data/_layouts/blank-article.html

@@ -0,0 +1,24 @@
+---
+layout: default
+---
+
+<div class="container container--default py-8 lg:py-24">
+	{% if page.article-boxes %}
+		{% include article-box/list.html article-boxes=page.article-boxes class="mb-8 lg:mb-16" %}
+	{% endif %}
+
+  <main>
+    <div class="{% unless page.nocols or layout.nocols %}lg:flex lg:lg:space-x-8 xl:space-x-16{% endunless %}">
+      <article class="{% unless page.nocols or layout.nocols %}lg:w-3/5 xl:w-2/3{% endunless %}" itemtype="http://schema.org/BlogPosting" itemscope="">
+			  <link itemprop="mainEntityOfPage" href="{{ page.url }}">
+			  {{ content }}
+      </article>
+
+      {% unless page.rbar == empty or page.rbar == blank or page.rbar == nil %}
+        <div class="pt-8 lg:pt-0 {% unless page.nocols or layout.nocols %}lg:w-2/5 xl:w-1/3{% endunless %}">
+          {% include right-bar/rbar.html %}
+        </div>
+      {% endunless %}
+	  </div>
+  </main>
+</div>

data/_layouts/blank.html

@@ -0,0 +1,10 @@
+---
+---
+
+<!DOCTYPE html>
+<html lang="cs" dir="ltr" itemtype="http://schema.org/WebPage" itemscope="">
+  {% include head.html %}
+  <body>
+    {{ content }}
+  </body>
+</html>

data/_layouts/communal-elections.html

@@ -0,0 +1,172 @@
+---
+layout: default
+---
+
+{% assign group = site.data.campaigns | where: "groupUid", page.campaignGroupUid | first %}
+{% assign candidates = site.candidatelists | where: "uid", page.candidateListUid | first %}
+{% assign programCategories = site.program | where: "campaignCategoryUid", page.campaignCategoryUid | sort:"order" %}
+
+{% if page.img %}
+  {% if site.mediaStorage %}
+      {% capture imgPath %}https://a.pirati.cz/{{ site.mediaStorage }}/img/{{ page.img }}{% endcapture %}
+  {% else %}
+    {% capture imgPath %}{% asset '{{ page.img }}' @path %}{% endcapture %}
+    {% assign imgPath = imgPath | absolute_url %}
+  {% endif %}
+{% endif %}
+
+
+<div class="__js-root">
+  <ui-view-provider inline-template :initial="{kandidati: true, program: false}" :sync-location="true" location-param="pohled" v-slot="{ isCurrentView, showView }">
+    <main>
+      {% comment %} Support for customized elections header content. {% endcomment %}
+      {% if page.customizeHeader %}
+        {{ content }}
+      {% else %}
+        {% include elections-header.html img=page.img bgImg=page.heroBgImg subContent=content candidateListNumber=candidates.number %}
+      {% endif %}
+
+      <div class="container container--default pt-8 {% unless group.subLinks %}pb-8{% endunless %} lg:py-24">
+        {% if programCategories.size > 0 %}
+          <div class="text-center">
+            <div class="switch">
+              <a @click="showView('kandidati')" class="switch__item" :class="{'switch__item--active': isCurrentView('kandidati')}">Kandidáti</a>
+              <a @click="showView('program')" class="switch__item" :class="{'switch__item--active': isCurrentView('program')}">Program</a>
+            </div>
+          </div>
+
+          <template v-if="isCurrentView('program')">
+            <h1 class="head-alt-md text-center py-8 lg:pt-24 lg:pb-8">Volební program</h1>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+              {% for category in programCategories %}
+                <article class="card card--hoveractive">
+                  {% if category.img %}
+                    {% if site.mediaStorage %}
+                      {% capture img_path %}https://a.pirati.cz/resize/400x225/{{ site.mediaStorage }}/img/{{ category.img }}{% endcapture %}
+                    {% else %}
+                      {% if category.img contains ".svg" %}
+                        {% capture img_path %}{{ category.img | prepend: "/assets/img/" | absolute_url }}{% endcapture %}
+                      {% else %}
+                        {% capture img_path %}{% asset '{{ category.img }}' magick:resize="400x225^" magick:gravity='center' magick:crop='400x225+0+0' @path %}{% endcapture %}
+                      {% endif %}
+                    {% endif %}
+                    <a href="{{ category.url | relative_url }}">
+                      <img class="w-full h-48 object-cover" src="{{ img_path }}" alt="{{ category.title }}" />
+                    </a>
+                  {% endif %}
+                  <div class="card__body p-4">
+                    <h1 class="card-headline mb-2">
+                      <a href="{{ category.url | relative_url }}">{{ category.title }}</a>
+                    </h1>
+                    <p class="card-body-text">{{ category.perex }}</p>
+                  </div>
+                </article>
+              {% endfor %}
+            </div>
+          </template>
+        {% endif %}
+
+        <template v-if="isCurrentView('kandidati')">
+          <h1 class="head-alt-md text-center py-8 lg:pt-24 lg:pb-8">{{ candidates.title }}</h1>
+
+          {% assign leaderCandidate = site.people | where: "uid", candidates.leader.uid | first %}
+
+          <div class="candidate-card-list grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+            {% include candidate-badge.html candidate=candidates.leader candidatePage=leaderCandidate rank=1 wrapperClass="candidate-card__wrapper sm:candidate-card-list__item-wrapper md:candidate-card-list__item-wrapper--border" hideSocialProfiles=page.hideCandidateSocialProfiles %}
+
+            {% if candidates.head.size %}
+                {% for candidate in candidates.head %}
+                  {% assign candidatePage = site.people | where: "uid", candidate.uid  | first %}
+                  {% assign candidateRank = forloop.index | plus: 1 %}
+                  {% assign remainder = forloop.index | modulo: 4 %}
+
+                  {% if remainder == 0 %}
+                    {% capture classes %}candidate-card__wrapper sm:candidate-card-list__item-wrapper md:candidate-card-list__item-wrapper--border{% endcapture %}
+                  {% elsif remainder == 1 %}
+                    {% capture classes %}candidate-card__wrapper sm:candidate-card-list__item-wrapper sm:candidate-card-list__item-wrapper--noborder md:candidate-card-list__item-wrapper--border{% endcapture %}
+                  {% elsif remainder == 2 %}
+                    {% capture classes %}candidate-card__wrapper sm:candidate-card-list__item-wrapper md:candidate-card-list__item-wrapper--noborder lg:candidate-card-list__item-wrapper--border{% endcapture %}
+                  {% else %}
+                    {% capture classes %}candidate-card__wrapper sm:candidate-card-list__item-wrapper sm:candidate-card-list__item-wrapper--noborder md:candidate-card-list__item-wrapper--border lg:candidate-card-list__item-wrapper--noborder{% endcapture %}
+                  {% endif %}
+
+                  {% include candidate-badge.html candidate=candidate candidatePage=candidatePage leader=false rank=candidateRank wrapperClass=classes hideSocialProfiles=page.hideCandidateSocialProfiles %}
+                {% endfor %}
+            {% endif %}
+          </div>
+
+          <ui-view-provider :initial="{fullCandidateTable: false}" v-slot="{ isCurrentView, setView }">
+            {% if candidates.tail.size > 0 %}
+              <div class="candidate-table pt-8 container-padding--zero lg:container-padding--auto" :class="{'candidate-table--fadeout': !isCurrentView('fullCandidateTable')}">
+                {% for candidate in candidates.tail %}
+
+                  {% comment %}Just a part of candidate table will be displayed intially{% endcomment %}
+                  {% if forloop.index == 10 %}
+                    {% assign partialTable = true %}
+                    <template v-if="isCurrentView('fullCandidateTable')">
+                  {% endif %}
+
+                  {% assign candidateRank = forloop.index | plus: 1 | plus: candidates.head.size %}
+
+                  {% if candidate.uid %}
+                    {% assign candidatePage = site.people | where: "uid", candidate.uid | first %}
+                    {% if candidatePage.img %}
+                      {% if site.mediaStorage %}
+                          {% capture img %}https://a.pirati.cz/resize/225x225/{{ site.mediaStorage }}/img/{{ candidatePage.img }}{% endcapture %}
+                      {%- else -%}
+                          {% capture img %}{% asset '{{ candidatePage.img }}' magick:resize='225x225^' magick:gravity='center' magick:crop='225x225+0+0' @path %}{% endcapture %}
+                      {%- endif -%}
+                    {% endif %}
+                  {% else %}
+                    {% assign candidatePage = false %}
+                    {% capture img %}https://a.pirati.cz/common/img/people/unknown-pirate.svg{% endcapture %}
+                  {% endif %}
+
+                  {% capture img_alt %}{% include people/fullname.html person=candidatePage plain=true %}{% endcapture %}
+
+                  <{% if candidatePage %}a href="{{ candidatePage.url }}"{% else %}div{% endif %} class="candidate-table-row">
+                    <div class="candidate-table-row__position head-allcaps-heavy-2xs text-right">{{ candidateRank }}</div>
+                    {% include avatar.html class="avatar--sm candidate-table-row__avatar" src=img alt=candidate.name %}
+                    <div class="candidate-table-row__name head-heavy-2xs font-bold">{% if candidatePage %}{% include people/fullname.html person=candidatePage plain=true %}{% else %}{{ candidate.name }}{% endif %}</div>
+                    <div class="candidate-table-row__bio font-condensed">{% if candidate.age %}{{ candidate.age }} let{% endif %}{% if candidate.profession %}{% if candidate.age %}, {% endif %}{{ candidate.profession }}{% endif %}{% if candidate.city %}{% if candidate.profession or candidate.age %}, {% endif %}{{ candidate.city }}{% endif %}</div>
+                    {% if candidate.partyUid %}
+                      <div class="candidate-table-row__affiliation">
+                        {% include party.html uid=candidate.partyUid %}
+                      </div>
+                    {% endif %}
+                  </{% if candidatePage %}a{% else %}div{% endif %}>
+
+                  {% if forloop.last and partialTable %}</template>{% endif %}
+
+                {% endfor %}
+              </div>
+            {% endif %}
+
+            {% if partialTable %}
+              <div class="text-center pt-8" v-if="!isCurrentView('fullCandidateTable')">
+                <button class="btn btn--icon text-xl btn--black btn--hoveractive" @click="setView('fullCandidateTable', true)">
+                  <div class="btn__body-wrap">
+                    <div class="btn__body ">Zobrazit vše</div>
+                    <div class="btn__icon "><i class="ico--chevron-right"></i></div>
+                  </div>
+                </button>
+              </div>
+            {% endif %}
+
+          </ui-view-provider>
+        </template>
+
+        {% if group.subLinks %}
+          <div class="flex flex-col pt-8 lg:pt-24 lg:flex-row lg:space-x-8">
+            {% for subLink in group.subLinks %}
+              {% capture classes %}{{ subLink.classes }} lg:w-full container-padding--zero lg:container-padding--auto{% endcapture %}
+              {% include buttons/super.html href=subLink.href class=classes cta=subLink.title icon=subLink.icon %}
+            {% endfor %}
+          </div>
+        {% endif %}
+      </div>
+    </main>
+  </ui-view-provider>
+</div>
+

data/_layouts/compress.html

@@ -0,0 +1,10 @@
+---
+# Jekyll layout that compresses HTML
+# v3.0.2
+# http://jch.penibelst.de/
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% capture _LINE_FEED %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}