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

data/_includes/people/list-group.html

@@ -1,10 +1,4 @@
 {% if include.team.size > 0 %}
-<ul class="c-simple-accordion" data-accordion="" data-options="allowAllClosed: true">
-  <li class="c-simple-accordion-item is-active" data-accordion-item="">
-    <a href="#{{ include.teamShortcut }}" class="c-simple-accordion-title"><h2 class="c-simple-accordion__headline">{{ include.teamName }}</h2></a>
-    <div id="{{ include.teamShortcut }}" class="c-simple-accordion-content" data-tab-content="">
-        {% include people/list-responsive.html team=team %}
-    </div>
-  </li>
-</ul>
+<h2 class="head-heavy-base mb-4">{{ include.teamName }}</h2>
+{% include people/list-responsive.html team=team %}
 {% endif %}

data/_includes/people/list-responsive.html

@@ -3,11 +3,8 @@
    týmů v /clenove
    úspěchů v /otevrenost
 {% endcomment %}
-<div class="c-member-list__row row u-uniform-size-row">
+<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 %}
-    {% assign loopindex = forloop.index | modulo: 2 %}
-    <div class="large-4 medium-6 small-collapse columns c-member-list__item {% if forloop.last %}end{% endif %}">
-      {% include people/profile-badge.html item=item imgSize='small' imgStyle='round' %}
-    </div>
+    {% include people/profile-badge.html item=item headlineClass="head-heavy-xs" avatarClass="avatar--md" %}
   {% endfor %}
 </div>

data/_includes/people/profile-badge.html

@@ -1,50 +1,62 @@
 {% capture label %}
-    {% if include.item.name %}{{ include.item.name }}{% else %}{{ include.item.title }}{% endif %}
+    {% if include.label %}{{ include.label }}{% elsif include.item.name %}{{ include.item.name }}{% else %}{{ include.item.title }}{% endif %}
 {% endcapture %}
 {% if include.item.url contains 'http' %}
     {% assign url = include.item.url %}
 {% else %}
     {% assign url = include.item.url | relative_url %}
 {% endif %}
-<div class="c-profile-badge {% if include.style == 'card' %}c-profile-badge--card{% endif %} {% if include.class %}{{ include.class }}{% endif %}">
-    <div class="c-profile-badge__avatar">
-      {%- capture img -%}
-        {%- if include.item.img -%}
+{% 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' -%}
-            {% asset '{{ include.item.img }}' magick:resize='100x100^' magick:gravity='center' magick:crop='100x100+0+0' @path %}
+            {% capture img %}https://a.pirati.cz/crop/100x100/{{ site.mediaStorage }}/img/{{ include.item.img }}{% endcapture %}
           {%- else -%}
-            {% asset '{{ include.item.img }}' magick:resize='165x165^' magick:gravity='center' magick:crop='165x165+0+0' @path %}
+            {% capture img %}https://a.pirati.cz/crop/165x165/{{ site.mediaStorage }}/img/{{ include.item.img }}{% endcapture %}
           {%- endif -%}
         {%- else -%}
-          {{ 'assets/img/people/unknown-pirate.svg' | relative_url }}
+          {%- 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 -%}
-      {%- endcapture -%}
-      <a class="c-profile-badge__anchor" href="{{ url }}"><img src="{{ img }}" alt="{{ label }}" class="c-profile-badge__image {% if include.imgStyle == 'round' %}c-profile-badge__image--round{% endif %} {% if include.imgSize != 'big' %}c-profile-badge__image--smaller{% endif %}"></a>
-    </div>
+    {% 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">{{ label }}</h2>
 
-    <div class="c-profile-badge__body">
-        <h2 class="c-profile-badge__headline"><a href="{{ url }}" style="text-decoration: none" class="{% if include.headlineClass %}{{ include.headlineClass }}{% else %}t-h5-super{% endif %}">{{ label }}</a></h2>
-        {% unless include.showDescription == false %}
-        <p class="c-profile-badge__desc">
-            {% if include.description %}
-                {{ include.description }}
-            {% else %}
-                {{ include.item.description }}
-            {% endif %}
-        </p>
-        {% endunless %}
+    {% 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 %}
-                <div class="c-profile-badge__contacts">
-                    {% if include.item.mob %}
-                      <div><i class="fa fa-phone"></i> <a class="c-emphasized-anchor" href="tel:{{ include.item.mob }}">{{ include.item.mob }}</a></div>
-                    {% endif %}
-                    {% if include.item.mail %}
-                      <div><i class="fa fa-envelope-o"></i> <a class="c-emphasized-anchor" href="mailto:{{ include.item.mail }}">{{ include.item.mail }}</a></div>
-                    {% endif %}
-                </div>
-            {% endif %}
-        {% endunless %}
-    </div>
+    {% 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/regions/crossroad.html

@@ -1,66 +1,60 @@
 
-<section class="pk-election-crossroad row u-uniform-size-row">
+<section class="grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8">
   {% for place in include.places %}
-    <div class="columns medium-6">
-      <article class="pk-election-crossroad__place">
-        <div class="c-tile c-tile--fill pk-election-crossroad__place-body">
-          <div class="pk-election-crossroad__coa"><img src="{{ place.coa }}" alt="{{ place.locality }}"></div>
-          <div class="c-tile__body">
-            <h2 class="t-h4">{{ place.locality }}</h2>
+    <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.note %}
-	    <p>{{ place.note }}</p>
-	    {% endif %}
+              {% if place.type and place.type == "local" %}
+                {% assign target = "" %}
+              {% else %}
+                {% assign target = "_blank" %}
+              {% endif %}
 
-	    {% if place.link %}
-	    <div class="pk-election-crossroad__link">
-		    <span class="fa fa-globe"></span> <a href="{{ place.link }}" class="c-emphasized-anchor" target="_blank" rel="noopener">Web</a>
-	    </div>
-	    {% endif %}
-	    {% if place.fb %}
-	    <div class="pk-election-crossroad__link">
-		    <span class="fa fa-facebook"></span> 
-            <a href="{{ place.fb }}" class="c-emphasized-anchor" target="_blank" rel="noopener">
-                {{ place.fb | remove: "https://www.facebook.com/" }}
-            </a>
-	    </div>
-	    {% endif %}
-        <br/>
-	    {% if place.kontakt %}
-	    <div class="pk-election-crossroad__link">
+              {% 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 %}
-		    <span class="fa fa-user"></span> 
-            <a href="{{ contactPerson.url }}" class="c-emphasized-anchor" target="_blank" rel="noopener">
-                {{ contactPerson.name }} 
-            </a>
-	    </div>
-	    {% endif %}
-	    {% if place.mail %}
-	    <div class="pk-election-crossroad__link">
-		    <span class="fa fa-envelope-o"></span> 
-            <a href="mailto:{{ place.mail }}" class="c-emphasized-anchor" target="_blank" rel="noopener">
-                 {{ place.mail }}</a>
+            {% 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 %}
-	    {% if place.programLink %}
-	    <div class="pk-election-crossroad__link">
-		    <span class="fa fa-book"></span> <a href="{{ place.programLink }}" class="c-emphasized-anchor" target="_blank" rel="noopener">Program</a>
-	    </div>
-	    {% endif %}
-	    {% if place.candidateListLink %}
-	    <div class="pk-election-crossroad__link">
-		    <span class="fa fa-users"></span> <a href="{{ place.candidateListLink }}" class="c-emphasized-anchor" target="_blank" rel="noopener">Kandidátka</a>
-	    </div>
-	    {% endif %}
-	    {% if place.candidateListWithProgramLink %}
-	    <div class="pk-election-crossroad__link">
-		    <span class="fa fa-book"></span> <a href="{{ place.candidateListWithProgramLink | relative_url }}" class="c-emphasized-anchor">Program a kandidátka</a>
-	    </div>
-	    {% endif %}
           </div>
-        </div>
-      </article>
-    </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,32 @@
+
+{% 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>
+{% endif %}

data/_includes/right-bar/bar_garant.html

@@ -1,16 +1,5 @@
 {% if page.garant %}
-<div class="o-section-block--spaceBot">
-  <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="#toc" class="c-widget-accordion-link">
-        <span class="c-widget-accordion__title">Garant</span>
-      </a>
-      <div class="c-widget-accordion-content" data-tab-content="" id="toc">
-        {% assign garant = site.people | where:"uid",page.garant | first %}
-        {% include people/profile-badge.html item=garant style='card' viewMode='single' showDescription=false class='c-profile-badge--bottomalign' headlineClass='t-h6-super' %}
-      </div>
-    </li>
-  </ul>
-</div>
+{% 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_page_contact.html

@@ -0,0 +1,12 @@
+<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>

data/_includes/right-bar/bar_people.html

@@ -1,19 +1,14 @@
-<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">Lidé</span>
-        </a>
-        <div class="c-widget-accordion-content" data-tab-content="">
-            {% assign persons = site.people | sample:3 %}
-            {% for person in persons %}
-              {% 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 %}{{ '/lide/' | relative_url }}{% endif %}"> Poznejte celý náš tým! </a>
-          </div>
-        </div>
-      </li>
-    </ul>
-  </div>
+
+<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-400 btn--fullwidth lg:btn--autowidth pt-4" cta="Poznejte celý náš tým" href=href %}

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 %}

data/_includes/right-bar/bar_profile.html

@@ -0,0 +1,73 @@
+{% 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 %}
+  <hr />
+{% endif %}
+
+<div class="content-block">
+  {% if page.mail or page.mob or page.profiles.report %}
+    <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>
+    <hr />
+  {% endif %}
+
+  {% if page.asistenti %}
+    <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 %}
+    {% 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 %}
+    <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>
+    </iframe>
+  {% endif %}
+  <!-- Mobile divider -->
+  <hr class="block lg:hidden" />
+</div>