jekyll-theme-pirati 8.0.0.pre.alpha3 → 8.0.0.pre.beta2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 98b773876f990b34a2aa8c292d6c0596c19f717fa4abcc046801ee77686ea68d
-  data.tar.gz: 681a9aab4c401e2d571b96107df962b58e11f716adc70c65dc4decb14019a7a8
+  metadata.gz: b9a9c49931a4f54e15e72965acc13ae45254aa72e4b1f47a5cf0f06b3bbf6f7d
+  data.tar.gz: c81e67cec89f39f8cdec1f01bcb434948f5f6c6323aca31028c6085f3dde93f2
 SHA512:
-  metadata.gz: 055ad26baa405cc3add1959d4429b0f910b2b36dd6df1166359b8374c681b581664aed365ca63e4782b55d3d57c587d90903bf3cb202c407f68daa4eb3e36ffd
-  data.tar.gz: 8e88803ff7b66c8106a9c9d29bb77fd23380addbbb0e97e49b6e4eca16af4eaf20ef48040eccdabfdca0222231787fbbc76eb319cb4ce74ed9347cc2476cf759
+  metadata.gz: fcb288210ac23f81a9d2a1c3a9979662cfdf3a0c8c942677b915d6142a835b3e0b906da44d61575a9b315eb2f61b77c4443e7e4a1c6bd633fbf9393c194b02d0
+  data.tar.gz: 432904cb5c01a678076e8e89273e5abc853039f8e1e6aed3e327d77f47792882913fe996c07806877c11ede7dd396a0fc2c6f63b241d93328bac902a743509b5

data/_data/parties.yml

@@ -0,0 +1,7 @@
+- uid: pirati
+  name: Pirátská strana
+  logoImg: brand/logo.svg
+- uid: bezpp
+  name: bez politické příslušnosti
+- uid: evropani
+  name: Evropani.cz

data/_includes/article-box/article-box.html

@@ -1,18 +1,15 @@
-<div class="medium-6 large-4 {{ thecycle }} columns {% if forloop.last %} end {% endif %}">
-    <a href="{{ include.url }}">
-        <article class="article-card">
-            <img src="{{ include.image }}" alt="{{include.title}}">
-            <div class="card-content">
-                <img class="post-icon" src="{{"/assets/img/brand/logo.png" }}" alt="P">
-                <h4 class="post-author">{{ include.title }}</h4>
-                <p> {{ include.description }}
-                </p>
-                {% if include.button %}
-                <div class="text-right">
-                    <span class="label alert">{{ include.button }}</span>
-                </div>
-                {% endif %}
-            </div>
-        </article>
-    </a>
-</div>
+<article class="card">
+  <a href="{{ include.url }}">
+    <img src="{{ include.image }}" alt="{{ include.title }}" class="w-full h-48 object-cover" />
+  </a>
+  <div class="card__body p-4">
+    <h2 class="card-headline">{{ include.title }}</h2>
+    <p class="card-body-text">
+      {{ include.description }}
+    </p>
+
+    {% if include.button %}
+      {% include buttons/basic.html href=include.url cta=include.button class="btn--blue-300 btn--fullwidth btn--hoveractive mt-4" %}
+    {% endif %}
+  </div>
+</article>

data/_includes/article-box/list.html

@@ -0,0 +1,11 @@
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 {{ include.class }}">
+  {% for article-box in include.article-boxes %}
+    {% include article-box/article-box.html
+      url=article-box.url
+      image=article-box.image
+      title=article-box.title
+      description=article-box.description
+      button=article-box.button
+    %}
+  {% endfor %}
+</div>

data/_includes/articles/vertical-article.html

@@ -15,7 +15,18 @@
 
     <div class="article-card-cover__details">
       <div class="article-card-sharing">
-        {% comment %} {{> molecules-small-colored-social-icon-group }} {% endcomment %}
+        <div class="social-icon-group">
+          <a
+            href="https://www.facebook.com/sharer/sharer.php?u={{ include.article.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="social-icon social-icon--fill bg-brands-facebook text-white text-sm social-icon--4"
+          ><i class="ico--facebook"></i></a>
+          <a
+            href="https://twitter.com/intent/tweet?text={{ include.article.title }}&url={{ include.article.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="social-icon social-icon--fill bg-brands-twitter text-white text-sm social-icon--4"
+          ><i class="ico--twitter"></i></a>
+        </div>
       </div>
 
       <div class="article-card-meta"  class="c-metadata-block-section__item" >

data/_includes/calendar.html

@@ -1,4 +1,4 @@
-<div class="__js-root">
+<div class="__js-root {{ include.classes }}">
   {% if site.env.GOOGLE_CALENDAR_APIKEY and include.calendarId %}
     <ui-calendar-google-provider v-slot="{ events, onShowMore, hasMore }" :calendar-id="'{{ include.calendarId }}'" :api-key="'{{ site.env.GOOGLE_CALENDAR_APIKEY }}'">
       <ui-calendar-renderer

data/_includes/candidate-badge.html

@@ -22,22 +22,15 @@
           <a href="{{ include.candidatePage.url|relative_url }}">{% include people/fullname.html person=include.candidatePage %}</a>
         </h1>
         {% if include.candidatePage.mail %}
-          <div class="font-light mb-4">{{ include.candidatePage.mail }}</div>
+          <a href="mailto:{{ include.candidatePage.mail }}" class="block font-light mb-4">{{ include.candidatePage.mail }}</a>
         {% endif %}
         <h2 class="head-allcaps-4xs md:head-allcaps-3xs">{{ include.candidate.profession }}</h2>
       </div>
       <div class="candidate-card__affiliation">
         {% if include.candidate.age %}<div>{{ include.candidate.age }} let</div>{% endif %}
 
-        {% if include.candidate.party %}
-          <div>
-            {% if include.candidate.partyImg %}
-              {% comment %}We expect an SVG format here to make things scalable{% endcomment %}
-              {% capture partyImg %}{{ include.candidate.partyImg | prepend: "/assets/img/" | absolute_url }}{% endcapture %}
-              {% include avatar.html class="w-6 mr-2" alt=include.candidate.party src=partyImg %}
-            {% endif %}
-            <span class="font-bold font-condensed">{{ include.candidate.party }}</span>
-          </div>
+        {% if include.candidate.partyUid %}
+          {% include party.html uid=include.candidate.partyUid %}
         {% endif %}
       </div>
       <div class="card__body candidate-card__social">

data/_includes/contact-line.html

@@ -1,4 +1,4 @@
-<{% if include.href %}a href="{{ include.href }}"{% else %}span{% endif %} class="contact-line icon-link {{ include.class }}" {% if include.target == "_blank" %}target="_blank" rel="noopener noreferrer"{% endif %}>
+<{% 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/header.html

@@ -93,7 +93,7 @@
             </button>
 
             {% if calendarProvided %}
-              <a href="#" class="btn text-sm max-w-full hidden lg:block" @click="toggleView('calendar')" v-if="events.length > 0">
+              <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>

data/_includes/hero/simple.html

@@ -3,7 +3,7 @@
   {% 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">
+    <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 }}">

data/_includes/page-header.html

@@ -3,7 +3,7 @@
 </header>
 
 {% if include.content %}
-  <div class="{% if include.contentClass %}{{ include.contentClass }}{% endif %}" itemprop="description">
+  <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/profile-badge.html

@@ -34,7 +34,9 @@
   {% endunless %}
 
   <div class="badge__body">
-    <h2 class="{% if include.headlineClass %}{{ include.headlineClass }}{% else %}head-heavy-2xs{% endif %} badge__title">{{ label }}</h2>
+    <h2 class="{% if include.headlineClass %}{{ include.headlineClass }}{% else %}head-heavy-2xs{% endif %} badge__title">
+      <a href="{{ url }}" title="{{ label }}" class="content-block--nostyle">{{ label }}</a>
+    </h2>
 
     {% unless include.showDescription == false %}
       <p class="badge__occupation">

data/_includes/program/list.html

@@ -1,11 +1,11 @@
-<div class="row small-up-2 medium-up-4 large-up-8">
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
 {% for item in include.program %}
-<div class="column column-block">
-  <a href="{{item.url | relative_url }}">
-    <img class="program-icon" src="{{ item.img | prepend: 'assets/img/' | relative_url}}" alt="{{item.title}}" />
-    <center>
-    <h2>{{item.title}}</h2>
-    </center>
-  </a>
-</div>
+  <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/right-bar/bar_board.html

@@ -1,32 +1,22 @@
 
 {% if page.board %}
-  <aside class="o-section">
-    <div class="o-section-inner o-section-inner--rightBlock">
-      <div class="o-section-block">
-        <div class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
-          <div class="c-widget-accordion-content" data-tab-content="">
-            {% if page.boardName %}
-              <h3> {{ page.boardName }} </h3>
-            {% else %}
-              <h3>Předsednictvo</h3>
-            {% endif %}
-            <ul>
-              {% for chair in page.board %}
-                {% if chair.uid %}
-                    {% assign person = site.people | where_exp: "item","item.uid contains chair.uid" | first %}
-                    <li> {{chair.position}}: <strong> <a href="{{person.url}}" > {{ person.name }} </a> </strong> </li>
-                {% else %}
-                    <li> {{chair.position}}: <strong> {{ chair.name }} </strong> </li>
-                {% endif %}
-              {% endfor %}
-
-            </ul>
-            {% if page.boardTurn %}
-                konec mandátu: <a href="{{ page.boardTurn.electionUrl }}" style="text-decoration:underline"> {{ page.boardTurn.endDate }} </a></li>
-            {% endif %}
-          </div>
-        </div>
-      </div>
-    </div>
-  </aside>
+  <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

@@ -1,21 +1,11 @@
-<div class="o-section-block show-for-medium">
-  <ul class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
-    <li class="c-widget-accordion-item is-active" data-accordion-item="">
-      <a href="#" class="c-widget-accordion-link c-widget-accordion-link--fb">
-        <span class="c-widget-accordion__title">Facebook</span>
+<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>
-      <div class="c-widget-accordion-content" data-tab-content="">
-        <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>
-      </div>
-    </li>
-  </ul>
+    </blockquote>
+  </div>
 </div>

data/_includes/right-bar/bar_garant.html

@@ -1,5 +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" %}
+  {% 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

@@ -1,19 +1,12 @@
-<div class="o-section-block">
-	<ul class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
-		<li class="c-widget-accordion-item is-active" data-accordion-item="">
-			<a href="#" class="c-widget-accordion-link c-widget-accordion-link--nofill">
-				<span class="c-widget-accordion__title">Koordinátoři dobrovolníků</span>
-			</a>
-			<div class="c-widget-accordion-content" data-tab-content="">
-				{% assign kodos = site.people | where_exp: "item","item.categories contains 'kodo'" | sort:"ordkodo" %}
-				{% for person in kodos %}
-				{% include people/profile-badge.html item=person style='card' showContactInfo=false class='c-profile-badge--stacked c-profile-badge--bottomalign' headlineClass='t-h6-super' %}
-				{% endfor %}
-				<div class="c-widget-accordion-content__cta">
-					{% assign peopleCol = site.collections | where: "label", "people" | first %}
-					<a class="expanded button large u-0margin" href="{% if peopleCol.root %}{{ peopleCol.root }}{% else %}{{ '/kontakt/' | relative_url }}{% endif %}"> Ozvi se nám! </a>
-				</div>
-			</div>
-		</li>
-	</ul>
+<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

@@ -10,28 +10,29 @@ Note: map is not inside accordion, as map tiles don't load at start due to accor
 {% 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 class="o-section-block">
-<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>
-<a class="dark expanded button large hide-for-print" 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}}" target="_blank"> Zobrazit větší mapu </a>
-</div>
+  {% 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

@@ -1,12 +1,2 @@
-<aside class="o-section">
-<div class="o-section-inner o-section-inner--rightBlock">
-  <div class="o-section-block">
-    <div class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
-      <div class="c-widget-accordion-content" data-tab-content="">
-        <h3>Kontakty</h3>
-            {% include right-bar/rbar_profiles.html %}
-      </div>
-    </div>
-  </div>
-</div>
-</aside>
+<h2 class="head-heavy-sm mb-2">Kontakty</h2>
+{% include right-bar/rbar_profiles.html %}

data/_includes/right-bar/bar_people.html

@@ -11,4 +11,4 @@
 </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-400 btn--fullwidth lg:btn--autowidth pt-4" cta="Poznejte celý náš tým" href=href %}
+{% 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 %}

data/_includes/right-bar/bar_person_articles.html

@@ -2,5 +2,5 @@
 {% 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ů" %}
+  {% include right-bar/rbar_articles.html posts=posts title="Seznam článků" %}
 {% endif %}

data/_includes/right-bar/bar_profile.html

@@ -12,11 +12,16 @@
 
 {% 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>
@@ -39,35 +44,34 @@
         </div>
       {% endif %}
     </div>
-    <hr />
   {% 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 %}
       {% endfor %}
     </div>
-    <hr />
   {% endif %}
 
   {% if page.office %}
+    <hr />
     {% assign kancl = page.office | first %}
-    <h2>{{ kancl.name }}</h2>
-    <p>{{ kancl.address }}</p>
-
-    {% if kancl.opening %}
-      <h4>Otevírací doba</h4>
-      <p>{{ kancl.opening}}</p>
-    {% endif %}
+    <h2>Kancelář</h2>
     <iframe
       height="150"
       frameborder="0"
       style="border:0; width:100%"
-      src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCRuL_FU0HdeKCHVNfVJkv2nhNZPr05AJM&q={{ kancl.address | replace: ' ', '+' }}" allowfullscreen>
+      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 %}
-  <!-- Mobile divider -->
-  <hr class="block lg:hidden" />
 </div>

data/_includes/right-bar/bar_program.html

@@ -13,7 +13,7 @@
 
     <ul class="unordered-list unordered-list--linked">
       {% for programSection in programSections %}
-        <li><a {% if page.uid == programSection.uid %}class="font-bold"{% endif %} href="{{ programSection.url | relative_url }}">{{ programSection.title }}</a></li>
+        <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 %}

data/_includes/right-bar/bar_textbox.html

@@ -5,16 +5,8 @@ textbox:
   text:  # required
 {% endcomment %}
 {% if page.textbox.text %}
-<div class="o-section-block">
- <ul class="c-widget-accordion c-widget-accordion--dark" data-accordion="" data-allow-all-closed="true">
-   <li class="c-widget-accordion-item is-active" data-accordion-item="">
-     <a href="#" class="c-widget-accordion-link">
-       <span class="c-widget-accordion__title">{% if page.textbox.title %} {{ page.textbox.title }}{% endif %}</span>
-     </a>
-     <div class="c-widget-accordion-content c-content-block" data-tab-content="">
-       {{ page.textbox.text }}
-     </div>
-   </li>
- </ul>
-</div>
+  {% 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

@@ -1,12 +1,2 @@
-<div class="o-section-block">
- <ul class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
-   <li class="c-widget-accordion-item is-active" data-accordion-item="">
-     <a href="#" class="c-widget-accordion-link">
-       <span class="c-widget-accordion__title">Twitter</span>
-     </a>
-     <div class="c-widget-accordion-content" data-tab-content="">
-       <a class="twitter-timeline" href="https://twitter.com/{{site.tw}}" data-height="520">Tweets by @{{site.tw}}</a>
-     </div>
-   </li>
- </ul>
-</div>
+<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

@@ -1,42 +1,16 @@
 {% if page.youtube %}
-<div class="o-section-block show-for-medium">
-  <ul class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
-    <li class="c-widget-accordion-item is-active" data-accordion-item="">
+  {% if page.youtube.title %}
+    <h2 class="head-heavy-sm mb-2">{{page.youtube.title}}</h2>
+  {% endif %}
 
-      {% if page.youtube.title %}
-      <a href="#" class="c-widget-accordion-link c-widget-accordion-link--yt">
-	      <span class="c-widget-accordion__title">{{page.youtube.title}}</span>
-      </a>
-      {% 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 %}
 
-      <div class="c-widget-accordion-content" data-tab-content="">
-        <div class="c-widget-accordion-content-video">
-          
-          <div class="c-widget-accordion-content__video u-video-wrapper-16-9">
-          
-             {% if page.youtube.id %}
-		  <iframe width="560" height="315" 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="560" height="315" src="https://www.youtube.com/embed/videoseries?list={{page.youtube.playlist}}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-             {% endif %}
-          
-          </div>
-
-          {% if page.youtube.button %}
-          <div class="c-widget-accordion-content__cta">
-		  <a class="expanded button large u-0margin" href={{page.youtube.button.url}} target="_blank" rel="noopener noreferrer">
-			  {{page.youtube.button.title}}
-		  </a>
-          </div>
-          {% endif %}
-
-        </div>
-      </div>
-     
-    </li>
-  </ul>
-</div>
+  {% 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

@@ -1,5 +1,5 @@
 <aside class="container-padding--zero lg:container-padding--auto lg:card lg:elevation-10">
-  <div class="lg:card__body {{ include.cardBodyClass }}">
+  <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 %}
@@ -13,9 +13,6 @@
       {% if rbar contains 'program' %}
         {% include right-bar/bar_program.html %}
       {% endif %}
-      {% if rbar contains 'cal' and site.calendar %}
-        {% include right-bar/bar_cal.html %}
-      {% endif %}
       {% if rbar contains 'people' %}
         {% include right-bar/bar_people.html %}
       {% endif %}
@@ -47,6 +44,10 @@
         {% 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 %}

data/_layouts/blank-article.html

@@ -4,7 +4,7 @@ layout: default
 
 <div class="container container--default py-8 lg:py-24">
 	{% if page.article-boxes %}
-		{% include article-box/three-in-row.html article-boxes=page.article-boxes %}
+		{% include article-box/list.html article-boxes=page.article-boxes class="mb-8 lg:mb-16" %}
 	{% endif %}
 
   <main>

data/_layouts/communal-elections.html

@@ -141,14 +141,9 @@ layout: default
                     {% 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 %}{{ candidatePage.name }}{% else %}{{ candidate.name }}{% endif %}</div>
                     <div class="candidate-table-row__bio head-allcaps-3xs">{% if candidate.age %}{{ candidate.age }} let{% endif %}{% if candidate.age and candidate.profession %}, {{ candidate.profession }}{% endif %}</div>
-                    {% if candidate.party %}
+                    {% if candidate.partyUid %}
                       <div class="candidate-table-row__affiliation">
-                        {% if candidate.partyImg %}
-                          {% comment %}We expect an SVG format here to make things scalable{% endcomment %}
-                          {% capture partyImg %}{{ candidate.partyImg | prepend: "/assets/img/" | absolute_url }}{% endcapture %}
-                          {% include avatar.html class="w-6 mr-2" alt=candidate.party src=partyImg %}
-                        {% endif %}
-                        <span class="font-bold font-condensed">{{ candidate.party }}</span>
+                        {% include party.html uid=candidate.partyUid %}
                       </div>
                     {% endif %}
                   </{% if candidatePage %}a{% else %}div{% endif %}>

data/_layouts/person.html

@@ -20,7 +20,16 @@ layout: default
 
 {% capture personName %}{% include people/fullname.html person=page %}{% endcapture %}
 
-{% include hero/simple.html headline=personName description=page.description descriptionClass="max-w-xl" heroSpacing="pt-24 pb-24 lg:pt-32 pb-24" class="candidate-detail__hero" bgImg=imgPath %}
+{%
+  include hero/simple.html
+  headline=personName
+  description=page.profession
+  headlineClass="text-center lg:text-left mx-auto"
+  descriptionClass="max-w-xl mx-auto text-center lg:text-left"
+  heroSpacing="pt-16 pb-24 lg:pt-32 pb-24"
+  class="candidate-detail__hero"
+  bgImg=imgPath
+%}
 
 <div class="container container--default py-8 lg:pb-24">
   <main>
@@ -31,7 +40,7 @@ layout: default
         </div>
       </section>
       <section class="lg:w-2/5 xl:w-1/3 pt-8 lg:pt-0 order-first lg:order-last candidate-detail__sidebar">
-        {% include right-bar/rbar.html cardBodyClass="p-4 lg:p-8" %}
+        {% include right-bar/rbar.html %}
         <!-- Mobile divider -->
         <hr class="block lg:hidden" />
       </section>

data/_layouts/pirate-center.html

@@ -31,32 +31,36 @@ layout: default
     {% endif %}
 
     <div class="lg:flex lg:space-x-8 xl:space-x-16">
-      <div class="lg:w-3/5 xl:w-2/3 content-block">
-        {{ content }}
+      <div class="lg:w-3/5 xl:w-2/3">
+        <div class="content-block">
+          {{ content }}
+        </div>
         {% if page.calendarId or page.calendarPage %}
-          <h2>{{ page.calendarTitle | default: "Kalendář akcí" }}</h2>
-          {% include calendar.html calendarId=page.calendarId title=page.calendarTitle calendarPage=page.calendarPage hideBanner=true %}
+          <h2 class="head-heavy-sm mb-4 mt-4">{{ page.calendarTitle | default: "Kalendář akcí" }}</h2>
+          {% include calendar.html calendarId=page.calendarId title=page.calendarTitle calendarPage=page.calendarPage hideBanner=true classes="mb-4" %}
         {% endif %}
       </div>
       <div class="pt-8 lg:w-2/5 xl:w-1/3 lg:pt-0">
         <div class="lg:card lg:elevation-10">
-          <div class="lg:card__body content-block" itemprop="address" itemtype="https://schema.org/PostalAddress" itemscope>
+          <div class="lg:card__body" itemprop="address" itemtype="https://schema.org/PostalAddress" itemscope>
+            <div class="content-block">
             <h2>Kde to najdu?</h2>
-            {% if page.mapIframeLink %}
-              <iframe src="{{ page.mapIframeLink }}" width="100%" height="300" id="mapa-mobile" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
-            {% endif %}
-            {% if page.address %}
-              <p>
-                {{ page.address | newline_to_br }}
-              </p>
-            {% endif %}
-            {% if page.addressNote %}
-              <p><small>{{ page.addressNote }}</small></p>
-            {% endif %}
-            <hr>
-            {% if page.contactPersons %}
-              <h2>Kontakt</h2>
+              {% if page.mapIframeLink %}
+                <iframe src="{{ page.mapIframeLink }}" width="100%" height="300" id="mapa-mobile" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
+              {% endif %}
+              {% if page.address %}
+                <p>
+                  {{ page.address | newline_to_br }}
+                </p>
+              {% endif %}
+              {% if page.addressNote %}
+                <p><small>{{ page.addressNote }}</small></p>
+              {% endif %}
+              <hr>
+            </div>
 
+            {% if page.contactPersons %}
+              <h2 class="head-heavy-sm mb-2">Kontakt</h2>
               {% for contact in page.contactPersons %}
                 {% assign person = site.people | where_exp:"item","item.uid contains contact.id" | first %}
                 {% if forloop.first %}

data/_layouts/taglist.html

@@ -1,5 +1,6 @@
 ---
 layout: page
+nocols: true
 ---
 
 {{ content }}
@@ -14,15 +15,17 @@ layout: page
 {% endcapture %}
 {% assign sortedtags = tags | split:' ' | uniq | sort %}
 
-<div class="c-multicolumn c-multicolumn--three c-multicolumn--responsive">
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
   {% for tag in sortedtags %}
-    <section>
-      <h2 id="{{ tag }}">{{ tag }}</h3>
-      <ul>
-        {% for post in site.tags[tag] %}
-          <li><a class="c-emphasized-anchor" href="{{ post.url }}">{{ post.title }}</a></li>
-        {% endfor %}
-      </ul>
+    <section class="card">
+      <div class="card__body p-4">
+        <h2 class="head-heavy-xs mb-2" id="{{ tag }}">{{ tag }}</h3>
+        <ul class="unordered-list unordered-list--linked unordered-list--dense leading-normal font-light text-sm">
+          {% for post in site.tags[tag] %}
+            <li><a href="{{ post.url }}">{{ post.title }}</a></li>
+          {% endfor %}
+        </ul>
+      </div>
     </section>
   {% endfor %}
 </div>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-pirati
 version: !ruby/object:Gem::Version
-  version: 8.0.0.pre.alpha3
+  version: 8.0.0.pre.beta2
 platform: ruby
 authors:
 - Jitka Novotná
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-09 00:00:00.000000000 Z
+date: 2020-07-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -64,10 +64,11 @@ files:
 - README.md
 - _data/campaigns.yml
 - _data/menu.yml
+- _data/parties.yml
 - _includes/404.html
 - _includes/accordeon/accordeon.html
 - _includes/article-box/article-box.html
-- _includes/article-box/three-in-row.html
+- _includes/article-box/list.html
 - _includes/article-infobox.html
 - _includes/articles/author.html
 - _includes/articles/horizontal-article.html
@@ -108,6 +109,7 @@ files:
 - _includes/icon-twitter.svg
 - _includes/js/main.html
 - _includes/page-header.html
+- _includes/party.html
 - _includes/people/fullname.html
 - _includes/people/list-group.html
 - _includes/people/list-responsive.html
@@ -118,7 +120,6 @@ files:
 - _includes/regions/crossroad2.html
 - _includes/regions/item.html
 - _includes/right-bar/bar_board.html
-- _includes/right-bar/bar_cal.html
 - _includes/right-bar/bar_fb.html
 - _includes/right-bar/bar_garant.html
 - _includes/right-bar/bar_kodo.html

data/_includes/article-box/three-in-row.html

@@ -1,22 +0,0 @@
-{% for article-box in include.article-boxes %}
-  {% capture thecycle %}{% cycle 'first', 'second', 'third' %}{% endcapture %}
-  {% if thecycle == 'first' %}
-
-  <div class="row">
-  
-  {% endif %}
-
-  {% include article-box/article-box.html
-  url=article-box.url
-  image=article-box.image
-  title=article-box.title
-  description=article-box.description
-  button=article-box.button
-  %}
-  {% if thecycle == 'third' or forloop.last %}
-
-  </div>
-
-  {% endif %}
-{% endfor %}
-

data/_includes/right-bar/bar_cal.html

@@ -1,22 +0,0 @@
-<div class="o-section-block show-for-medium">
-<ul class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
-  <li class="c-widget-accordion-item is-active" data-accordion-item="">
-    <a href="#" class="c-widget-accordion-link c-widget-accordion-link--cal">
-      <span class="c-widget-accordion__title">{{ site.calendar.title }}</span>
-    </a>
-    <div class="c-widget-accordion-content" data-tab-content="">
-      {% if site.env.GOOGLE_CALENDAR_APIKEY and site.calendar.id %}
-        <div class="__vue-root" data-app="Agenda" data-apikey="{{ site.env.GOOGLE_CALENDAR_APIKEY }}" data-calendar="{{ site.calendar.id }}"></div>
-      {% else %}
-        <iframe src="{{ site.calendar.page }}" style="border-width:0; width: 100%; height: 410px; border: 0; overflow: hidden;"></iframe>
-      {% endif %}
-
-      {% if site.calendar.page %}
-        <div class="c-widget-accordion-content__cta">
-          <a class="expanded button large u-0margin" href="{{ site.calendar.page | relative_url }}"> Zobrazit všechny akce </a>
-        </div>
-      {% endif %}
-    </div>
-  </li>
-</ul>
-</div>