jekyll-theme-pirati-sk 1.0.0

data/_includes/hero/advanced.html

@@ -0,0 +1,65 @@
+<header
+  class="hero py-8 lg:py-16 {{ include.class }} {% if include.bgImg %}hero--image{% endif %}"
+  {% if include.bgImg %}style="--image-url: url({{ include.bgImg }})"{% endif %}
+>
+  <div
+    class="
+      container container--default grid
+
+      {% if include.img %}
+        lg:grid-cols-7
+
+        {% if include.subContent %}lg:grid-rows-3{% else %}lg:grid-rows-1{% endif %}
+      {% else %}
+        lg:grid-cols-1
+
+        {% if include.subContent %}lg:grid-rows-2{% else %}lg:grid-rows-1{% endif %}
+      {% endif %}
+
+      gap-2 items-center
+    ">
+    <div class="
+      {% if include.img %}
+        lg:col-span-3
+
+        {% if include.subContent %}lg:row-span-2{% else %}lg:row-span-1{% endif %}
+      {% else %}
+        lg:col-span-1
+        lg:row-span-1
+      {% endif %}
+
+      order-1
+    ">
+      {{ include.mainContent }}
+    </div>
+    {% if include.subContent %}
+    <div class="
+      lg:row-span-1
+      {% if include.img %}lg:col-span-3{% else %}lg:col-span-1{% endif %}
+      order-3
+    ">
+      <div class="mt-4 md:mt-8 space-y-4 {{ include.subContentClass }}">
+        {{ include.subContent }}
+      </div>
+    </div>
+    {% endif %}
+    {% if include.img %}
+      <div class="
+        lg:col-span-4 order-2
+        row-span-1
+        {% if include.subContent %}lg:row-span-3{% else %}lg:row-span-1{% endif %}
+      ">
+        {% if site.mediaStorage %}
+            {% capture img_path %}https://a.pirati.cz/resize/900x500/{{ site.mediaStorage }}/img/{{ include.img }}{% endcapture %}
+        {% else %}
+          {% if include.img contains ".svg" %}
+            {% capture img_path %}{{ include.img | prepend: "/assets/img/" | absolute_url }}{% endcapture %}
+          {% else %}
+            {% capture img_path %}{% asset '{{ include.img }}' magick:resize="900^" @path %}{% endcapture %}
+          {% endif %}
+        {% endif %}
+        <img src="{{ img_path }}" alt="{{ include.title }}" class="object-contain {{ include.imgClass }}" />
+      </div>
+    {% endif %}
+  </div>
+</header>

data/_includes/hero/simple.html

@@ -0,0 +1,13 @@
+<header
+  class="hero {% if include.bgImg %}hero--image{% endif %} {% unless include.heroSpacing %}py-16{% else %}{{ include.heroSpacing }}{% endunless %} {{ include.class }}"
+  {% if include.bgImg %}style="--image-url: url({{ include.bgImg }})"{% endif %}
+>
+  <div class="container container--default">
+    <h1 class="head-alt-md md:head-alt-lg max-w-2xl {{ include.headlineClass }}">
+      {{ include.headline }}
+    </h1>
+    <h2 class="head-xs mt-2 {{ include.descriptionClass }}">
+      {{ include.description }}
+    </h2>
+  </div>
+</header>

data/_includes/homepage/banner.html

@@ -0,0 +1,11 @@
+{% capture mainContent %}
+<h1 class="head-alt-md md:head-alt-xl">{{ include.title }}</h1>
+{% endcapture %}
+
+{% capture subContent %}
+  {% if include.cta %}
+    {% include buttons/icon.html href=include.href icon="ico--chevron-right" class="btn--hoveractive btn--fullwidth md:btn--autowidth text-lg" cta=include.cta %}
+  {% endif %}
+{% endcapture %}
+
+{% include hero/advanced.html mainContent=mainContent subContent=subContent img=include.img imgClass="h-32 lg:h-80 lg:m-auto hidden md:block" %}

data/_includes/homepage/buttom.html

@@ -0,0 +1,8 @@
+<a href="{% if include.box.url contains "http" %}{{include.box.url}}{% else %}{{include.box.url | relative_url }}{% endif %}" class="c-card c-card--border">
+    <div class="c-card-header">
+        <div class="c-card__title"> {{include.box.text}} </div>
+    </div>
+    <div class="c-card__icon c-card__icon--pos4">
+        <i class="{{include.box.icon}}" aria-hidden="true"></i>
+    </div>
+</a>

data/_includes/homepage/calendar.html

@@ -0,0 +1,5 @@
+<section class="my-8 lg:my-16 container-padding--zero lg:container-padding--auto __js-root">
+  <ui-app inline-template>
+    {% include calendar.html %}
+  </ui-app>
+</section>

data/_includes/homepage/countdown.html

@@ -0,0 +1,3 @@
+<section class="my-8 lg:my-16 container-padding--zero lg:container-padding--auto">
+  {% include countdown.html deadline=include.deadline %}
+</section>

data/_includes/homepage/four-buttoms.html

@@ -0,0 +1,18 @@
+<div class="row small-up-4">
+    <div class="c-banner-section-row">
+        <div class="small-6 columns">
+            {% include homepage/buttom.html box=include.boxes.left-top %}
+        </div>
+        <div class="small-6 columns">
+            {% include homepage/buttom.html box=include.boxes.right-top %}
+        </div>
+    </div>
+    <div class="c-banner-section-row">
+        <div class="small-6 columns">
+            {% include homepage/buttom.html box=include.boxes.left-bottom %}
+        </div>
+        <div class="small-6 columns">
+            {% include homepage/buttom.html box=include.boxes.right-bottom %}
+        </div>
+    </div>
+</div>

data/_includes/homepage/gif-box.html

@@ -0,0 +1,9 @@
+<article class="c-card c-card--big">
+    <div class="c-card-header c-card-header--white">
+    </div>
+    <div class="c-card-image-wrapper">
+        <a href="{% if include.url contains "http" %}{{include.url}}{% else %}{{include.url | relative_url }}{% endif %}">
+            <img src="{{ include.foto | prepend: site.baseurl }}" class="c-card__image" alt="{{include.alt}}">
+        </a>
+    </div>
+</article>

data/_includes/homepage/news.html

@@ -0,0 +1,9 @@
+<section>
+  <h1 class="head-alt-md md:head-alt-lg pb-4 lg:pb-8">Aktuální témata</h1>
+  {% assign posts = site.posts | slice:0,6 %}
+  {% include articles/list-responsive.html posts=posts %}
+
+  <nav class="text-center">
+    {% include buttons/icon.html href="/aktuality" cta="Další články" icon="ico--chevron-right" class="text-xl pt-8" rel="next" %}
+  </nav>
+</section>

data/_includes/homepage/social.html

@@ -0,0 +1,10 @@
+{% if site.facebook.profilePage or site.forum.page %}
+  <div class="flex flex-col lg:flex-row lg:space-x-8">
+    {% if site.facebook.profilePage %}
+      {% include buttons/super.html href=site.facebook.profilePage cta="Sledujte nás na Facebooku" icon="ico--facebook" class="bg-brands-facebook text-white container-padding--zero lg:container-padding--auto lg:w-full" %}
+    {% endif %}
+    {% if site.forum.page %}
+      {% include buttons/super.html href=site.forum.page cta="Sledujte naše fórum" icon="ico--bubbles" class="bg-black text-white container-padding--zero lg:container-padding--auto lg:w-full" %}
+    {% endif %}
+  </div>
+{% endif %}

data/_includes/icon-github.html

@@ -0,0 +1 @@
+<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>

data/_includes/icon-github.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>

data/_includes/icon-twitter.html

@@ -0,0 +1 @@
+<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>

data/_includes/icon-twitter.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>

data/_includes/js/main.html

@@ -0,0 +1,62 @@
+<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js"></script>
+<script src="{{ site.styleguide_base_url }}/js/main.bundle.js"></script>
+
+{% if site.facebook.loadSDK %}
+<script>
+  /* Facebook */
+  window.fbAsyncInit = function() {
+      FB.init({
+      appId      : '{{ site.facebook.appId }}',
+      xfbml      : true,
+      version    : 'v2.5'
+      });
+  };
+
+  (function(d, s, id){
+      var js, fjs = d.getElementsByTagName(s)[0];
+      if (d.getElementById(id)) {return;}
+      js = d.createElement(s); js.id = id;
+      js.src = "//connect.facebook.net/en_US/sdk.js";
+      fjs.parentNode.insertBefore(js, fjs);
+  }(document, 'script', 'facebook-jssdk'));
+</script>
+{% endif %}
+
+{% if site.twitter.loadSDK %}
+<script>
+  /* Twitter */
+  window.twttr = (function(d, s, id) {
+      var js, fjs = d.getElementsByTagName(s)[0],
+      t = window.twttr || {};
+      if (d.getElementById(id)) return t;
+      js = d.createElement(s);
+      js.id = id;
+      js.src = "https://platform.twitter.com/widgets.js";
+      fjs.parentNode.insertBefore(js, fjs);
+      t._e = [];
+      t.ready = function(f) {
+      t._e.push(f);
+      };
+      return t;
+  }(document, "script", "twitter-wjs"));
+</script>
+{% endif %}
+
+{% if site.matomo.loadSDK %}
+<!-- Matomo -->
+<script type="text/javascript">
+  var _paq = window._paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="//matomo.pirati.cz/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '{{ site.matomo.siteId }}']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<!-- End Matomo Code -->
+{% endif %}
+

data/_includes/page-header.html

@@ -0,0 +1,9 @@
+<header>
+  <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-8">{{ include.headline }}</h1>
+</header>
+
+{% if include.content %}
+  <div class="{{ include.contentClass | default: page.contentClass | default: layout.contentClass }}" itemprop="description">
+    {{ include.content }}
+  </div>
+{% endif %}

data/_includes/party.html

@@ -0,0 +1,15 @@
+{% assign party = site.data.parties | where: "uid", include.uid  | first %}
+
+<div class="flex items-center">
+  {% if party.logoImg %}
+    {% comment %}We expect an SVG format here to make things scalable{% endcomment %}
+    {% if site.mediaStorage %}
+        {% capture partyImg %}https://a.pirati.cz/{{ site.mediaStorage }}/img/{{ party.logoImg }}{% endcapture %}
+    {%- else -%}
+        {% capture partyImg %}{{ party.logoImg | prepend: "/assets/img/" | absolute_url }}{% endcapture %}
+    {%- endif -%}
+    {% include avatar.html class="w-6 mr-2" alt=party.name src=partyImg %}
+  {% endif %}
+
+  <span class="font-bold font-condensed">{{ party.name }}</span>
+</div>

data/_includes/people/fullname.html

@@ -0,0 +1,11 @@
+{%- if include.person.titles.before -%}
+  {%- unless include.plain -%}<span class="academic-title academic-title--before">{%- endunless -%}
+    {{ include.person.titles.before }}
+  {%- unless include.plain -%}</span>{%- endunless -%}
+{%- endif %} {% unless include.plain -%}<span class="academic-title-name">{%- endunless -%}
+  {{ include.person.name }}
+{%- unless include.plain -%}</span>{%- endunless -%}{% if include.person.titles.after %}
+  {%- unless include.plain -%}<span class="academic-title academic-title--after">{%- endunless -%}
+    , {{ include.person.titles.after }}
+  {%- unless include.plain -%}</span>{%- endunless -%}
+{%- endif -%}

data/_includes/people/list-group.html

@@ -0,0 +1,4 @@
+{% if include.team.size > 0 %}
+<h2 class="head-heavy-base mb-4">{{ include.teamName }}</h2>
+{% include people/list-responsive.html team=team %}
+{% endif %}

data/_includes/people/list-responsive.html

@@ -0,0 +1,10 @@
+{% comment %}
+  Dvou sloupcové zobrazení:
+   týmů v /clenove
+   úspěchů v /otevrenost
+{% endcomment %}
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 row-gap-8 col-gap-8">
+  {% for item in include.team %}
+    {% include people/profile-badge.html item=item headlineClass="head-heavy-xs" avatarClass="avatar--md" %}
+  {% endfor %}
+</div>

data/_includes/people/profile-badge.html

@@ -0,0 +1,70 @@
+{% capture label %}
+    {% if include.label %}{{ include.label }}{% elsif include.item.name %}{{ include.item.name }}{% else %}{{ include.item.title }}{% endif %}
+{% endcapture %}
+{% if include.item.url %}
+  {% if include.item.url contains 'http' %}
+      {% assign url = include.item.url %}
+  {% else %}
+      {% assign url = include.item.url | relative_url %}
+  {% endif %}
+{% endif %}
+{% capture avatarClass %}
+  badge__avatar {% if include.avatarClass %}{{ include.avatarClass }}{% else %}avatar--sm{% endif %}
+{% endcapture %}
+
+<div class="badge {% if include.class %}{{ include.class }}{% endif %}">
+  {% unless include.hideAvatar %}
+    {%- if include.item.img -%}
+        {% if site.mediaStorage %}
+          {%- if include.imgSize != 'big' -%}
+            {% capture img %}https://a.pirati.cz/crop/100x100/{{ site.mediaStorage }}/img/{{ include.item.img }}{% endcapture %}
+          {%- else -%}
+            {% capture img %}https://a.pirati.cz/crop/165x165/{{ site.mediaStorage }}/img/{{ include.item.img }}{% endcapture %}
+          {%- endif -%}
+        {%- else -%}
+          {%- if include.imgSize != 'big' -%}
+            {% capture img %}{% asset '{{ include.item.img }}' magick:resize='100x100^' magick:gravity='center' magick:crop='100x100+0+0' @path %}{% endcapture %}
+          {%- else -%}
+            {% capture img %}{% asset '{{ include.item.img }}' magick:resize='165x165^' magick:gravity='center' magick:crop='165x165+0+0' @path %}{% endcapture %}
+          {%- endif -%}
+        {%- endif -%}
+    {% else %}
+        {% capture img %}https://a.pirati.cz/common/img/people/unknown-pirate.svg{% endcapture %}
+    {% endif %}
+
+    {% include avatar.html src=img alt=label class=avatarClass url=url %}
+  {% endunless %}
+
+  <div class="badge__body">
+    <h2 class="{% if include.headlineClass %}{{ include.headlineClass }}{% else %}head-heavy-2xs{% endif %} badge__title">
+      {% if url %}
+        <a href="{{ url }}" title="{{ label }}" class="content-block--nostyle">{{ label }}</a>
+      {% else %}
+        {{ label }}
+      {% endif %}
+    </h2>
+
+    {% unless include.showDescription == false %}
+      <p class="badge__occupation">
+        {% if include.description %}
+          {{ include.description }}
+        {% else %}
+          {{ include.item.description }}
+        {% endif %}
+      </p>
+    {% endunless %}
+
+    {% unless include.showContactInfo == false %}
+      {% if include.item.mob or include.item.mail %}
+        {% if include.item.mob %}
+          {% capture tel %}tel:{{ include.item.mob }}{% endcapture %}
+          {% include contact-line.html icon="ico--phone" href=tel caption=include.item.mob class="contact-line--responsive badge__link" %}
+        {% endif %}
+        {% if include.item.mail %}
+          {% capture mailto %}mailto:{{ include.item.mail }}{% endcapture %}
+          {% include contact-line.html icon="ico--envelope" href=mailto caption=include.item.mail class="contact-line--responsive badge__link" %}
+        {% endif %}
+      {% endif %}
+    {% endunless %}
+  </div>
+</div>

data/_includes/program/list.html

@@ -0,0 +1,11 @@
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+{% for item in include.program %}
+  <div class="card elevation-3">
+    <div class="card__body">
+      <a href="{{item.url | relative_url }}">
+        <img class="program-icon" src="{{ item.img | prepend: 'assets/img/' | relative_url}}" alt="{{item.title}}" />
+        <h2>{{item.title}}</h2>
+      </a>
+    </div>
+  </div>
+{% endfor %}

data/_includes/program/priorities.html

@@ -0,0 +1,14 @@
+<table> 
+{% for priority in include.priorities %}
+	<tr> <td>
+		<img src="{{ priority.img | prepend: 'assets/img/' | relative_url}}" alt="ikona" height="168" width="168"><td>
+		<strong>
+			{{priority.name}}
+		</strong>
+			{{priority.text}}
+
+	</tr>
+{% endfor %}
+
+</table>
+

data/_includes/regions/crossroad.html

@@ -0,0 +1,60 @@
+
+<section class="grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8">
+  {% for place in include.places %}
+    <article class="card elevation-0 bg-grey-50 container-padding--zero md:container-padding--auto">
+      <div class="card__body p-4 lg:p-8 flex space-x-8 items-start">
+        <img src="{{ place.coa }}" class="w-16" alt="{{ place.locality }}" />
+        <div class="space-y-4 flex-grow">
+          <div>
+            <h1 class="head-alt-base mb-2">
+              {% if place.link %}<a href="{{ place.link }}">{% endif %}{{ place.locality }}{% if place.link %}</a>{% endif %}
+            </h1>
+            <div class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-4">
+              {% if place.fb %}
+                {% capture caption %}place.fb | remove:"https://www.facebook.com"{% endcapture %}
+                {% include contact-line.html href=place.fb target="_blank" icon="ico--facebook" caption=caption class="font-light" %}
+              {% endif %}
+
+              {% if place.type and place.type == "local" %}
+                {% assign target = "" %}
+              {% else %}
+                {% assign target = "_blank" %}
+              {% endif %}
+
+              {% if place.mail %}
+                {% capture href %}mailto:{{ place.mail }}{% endcapture %}
+                {% include contact-line.html href=href icon="ico--envelope" caption=place.mail class="contact-line--responsive font-light" %}
+              {% endif %}
+
+              {% if place.programLink %}
+                {% include contact-line.html href=place.programLink target=target icon="ico--book" caption="Program" class="font-light" %}
+              {% endif %}
+
+              {% if place.candidateListLink %}
+                {% include contact-line.html href=place.candidateListLink target=target icon="ico--users" caption="Kandidátka" class="font-light" %}
+              {% endif %}
+
+              {% if place.candidateListWithProgramLink %}
+                {% include contact-line.html href=place.candidateListWithProgramLink target=targett icon="ico--book" caption="Program a kandidátka" class="font-light" %}
+              {% endif %}
+            </div>
+            {% if place.note %}
+              <p class="mt-2 font-light text-sm leading-snug">{{ place.note }}</p>
+            {% endif %}
+          </div>
+          {% if place.kontakt %}
+            {% assign contactPerson = site.people | where: "uid", place.kontakt | first %}
+            {% include people/profile-badge.html item=contactPerson hideAvatar=true showDescription=false class="badge--condensed" %}
+          {% endif %}
+        </div>
+        {% if place.link %}
+          <div class="hidden md:block">
+            <a href="{{ place.link }}" class="no-underline hover:no-underline">
+              <i class="ico--chevron-right text-3xl"></i>
+            </a>
+          </div>
+        {% endif %}
+      </div>
+    </article>
+  {% endfor %}
+</section>

data/_includes/regions/crossroad2.html

@@ -0,0 +1,5 @@
+<section class="pk-election-crossroad row u-uniform-size-row">
+  {% for place in include.places %}
+     {% include regions/item.html img=place.img name=place.name area=place.area link=place.link president=place.president fb=place.fb %}
+  {% endfor %}
+</section>

data/_includes/regions/item.html

@@ -0,0 +1,26 @@
+<div class="large-4 medium-6 small-12 columns end" style="padding-bottom: 2em;">
+<div class="c-content-card">
+  <div class="c-content-card-img">
+      <a href={{include.link}}> {% asset {{include.img}} alt=include.name %} </a>
+  </div>
+  <div class="c-content-card-content-box">
+    <h3 class="c-content-card-title">
+        <a href="{{include.link}}"> {{ include.name}} </a>
+    </h3>
+    <ul>
+      <li>Působnost: {{ include.area }}</li>
+      {% assign person = site.people | where_exp:"item","item.uid contains include.president" | first %}
+      {% if person %}
+        <li>Předseda: <a href={{person.url}}> {{person.name}}</a> </li>
+      {% else %}
+        <li>Předseda: {{include.president}} </li>
+      {% endif %}
+      {% if include.fb %}
+        <li>
+            <i class="fa fa-facebook" aria-hidden="true"></i>
+            <a href="https://www.facebook.com/{{include.fb}}"> {{include.fb}}</a> </li>
+      {% endif %}
+    </ul>
+  </div>
+</div>
+</div>

data/_includes/right-bar/bar_board.html

@@ -0,0 +1,22 @@
+
+{% if page.board %}
+  <div class="content-block">
+  <h2>{{ page.boardName | default: "Předsednictvo" }}</h2>
+  <ul class="unordered-list unordered-list--linked">
+    {% for chair in page.board %}
+      {% if chair.uid %}
+          {% assign person = site.people | where_exp: "item","item.uid contains chair.uid" | first %}
+          <li>
+            <span>{{ chair.position }}: <a class="content-block--nostyle font-bold" href="{{ person.url }}">{{ person.name }}</a></span>
+          </li>
+      {% else %}
+          <li>
+            <span>{{ chair.position }}: <strong>{{ chair.name }}</strong></span>
+          </li>
+      {% endif %}
+    {% endfor %}
+  </ul>
+  {% if page.boardTurn %}
+      <p>Konec mandátu: <a href="{{ page.boardTurn.electionUrl }}" style="text-decoration:underline"> {{ page.boardTurn.endDate }} </a></p>
+  {% endif %}
+{% endif %}

data/_includes/right-bar/bar_fb.html

@@ -0,0 +1,11 @@
+<h2 class="head-heavy-sm mb-2">Facebook</h2>
+<div class="fb-page" data-href="{{ site.facebook.profilePage }}" data-tabs="timeline" data-width="500" data-height="550" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
+  <div class="fb-xfbml-parse-ignore">
+    <blockquote cite="{{ site.facebook.profilePage }}">
+      <a href="{{ site.facebook.profilePage }}">
+        Najdete nás na Facebooku:<br>
+        {% if site.facebook.profilePageName %}{{ site.facebook.profilePageName }}{% else %}{{ site.organization.name }}{% endif %}
+      </a>
+    </blockquote>
+  </div>
+</div>

data/_includes/right-bar/bar_garant.html

@@ -0,0 +1,5 @@
+{% if page.garant %}
+  {% assign garant = site.people | where:"uid",page.garant | first %}
+  {% include people/profile-badge.html item=garant description="Garant" class="badge--condensed" %}
+{% endif %}
+

data/_includes/right-bar/bar_kodo.html

@@ -0,0 +1,12 @@
+<h2 class="head-heavy-sm mb-2">Koordinátoři dobrovolníků</h2>
+{% assign kodos = site.people | where_exp: "item","item.categories contains 'kodo'" | sort:"ordkodo" %}
+
+<div class="space-y-4">
+  {% for person in kodos %}
+    {% include people/profile-badge.html item=person  %}
+  {% endfor %}
+</div>
+
+{% assign peopleCol = site.collections | where: "label", "people" | first %}
+{% capture href %}{% if peopleCol.root %}{{ peopleCol.root }}{% else %}{{ '/kontakt/' | relative_url }}{% endif %}{% endcapture %}
+{% include buttons/icon.html href=href cta="Ozvi se nám" icon="ico--chevron-right" class="btn--black btn--hoveractive btn--fullwidth mt-4" %}

data/_includes/right-bar/bar_map.html

@@ -0,0 +1,38 @@
+{% comment %}
+This requires the page header to define
+mapycz-api: mini-api   # normal api is OK too
+gps:
+  lat: ...
+  long: ...
+  zoom: # optional (default = 16)
+
+Note: map is not inside accordion, as map tiles don't load at start due to accordion collapsing at start (zero height)
+{% endcomment %}
+
+{% if (page.mapycz_api) and (page.gps.lat) and (page.gps.long) %}
+  {% assign gps_zoom = 16 %}
+
+  {% if (page.gps.zoom) %}
+    {% assign gps_zoom = page.gps.zoom %}
+  {% endif %}
+  <div id="mapa" style="height: 300px;"></div>
+  <script type="text/javascript">
+    var center = SMap.Coords.fromWGS84({{ page.gps.long }}, {{ page.gps.lat }});
+    {% if page.mapycz_api == 'mini-api' %} // Mapy.cz Mini-API
+      var mapa = new SMap(JAK.gel("mapa"), center, {{ gps_zoom }}, SMap.DEF_BASE);
+      mapa.addMarker(center);
+      {% else %} // default Mapy.cz API
+      var mapa = new SMap(JAK.gel("mapa"), center, {{ gps_zoom }});
+      mapa.addDefaultLayer(SMap.DEF_BASE).enable();
+      var vrstva = new SMap.Layer.Marker();     /* Vrstva se značkami */
+      var options = { }
+      var znacka = new SMap.Marker(center, 'markerid', options);
+      vrstva.addMarker(znacka);
+      mapa.addLayer(vrstva);
+      vrstva.enable();
+    {% endif %}
+  </script>
+
+  {% capture href %}https://mapy.cz/zakladni?x={{page.gps.long}}&y={{page.gps.lat}}&z=16&source=coor&id={{page.gps.long}}%2C{{page.gps.lat}}{% endcapture %}
+  {% include buttons/image.html href=href target="_blank" icon="ico--map" class="btn btn--black btn--fulwidth btn--hoveractive mt-4" cta="Zobrazit větší mapu" %}
+{% endif %}

data/_includes/right-bar/bar_page_contact.html

@@ -0,0 +1,2 @@
+<h2 class="head-heavy-sm mb-2">Kontakty</h2>
+{% include right-bar/rbar_profiles.html %}

data/_includes/right-bar/bar_people.html

@@ -0,0 +1,16 @@
+
+<div class="hidden lg:block">
+  <div class="content-block">
+    <h2>Lidé</h2>
+  </div>
+
+  <div class="space-y-4">
+    {% assign persons = site.people | sample:3 %}
+    {% for person in persons %}
+      {% include people/profile-badge.html item=person style='card' showContactInfo=false %}
+    {% endfor %}
+  </div>
+
+  {% capture href %}{% if peopleCol.root %}{{ peopleCol.root }}{% else %}{{ '/lide/' | relative_url }}{% endif %}{% endcapture %}
+  {% include buttons/icon.html icon="ico--chevron-right" class="btn--violet-500 btn--fullwidth btn--hoveractive pt-4" cta="Poznejte celý náš tým" href=href %}
+</div>

data/_includes/right-bar/bar_person_articles.html

@@ -0,0 +1,6 @@
+
+{% assign posts = site.posts | where_exp: "item","item.authorId contains page.uid" | sort:"date" %}
+
+{% if posts %}
+  {% include right-bar/rbar_articles.html posts=posts title="Seznam článků" %}
+{% endif %}