jekyll-theme-pirati 3.0.0 → 3.1.0

data/_includes/menu.html

@@ -3,7 +3,7 @@
     <div class="c-top-bar">
       <div class="c-top-bar__brand">
         <a href="{{ '/' | relative_url }}">
-          <img src="{{ '/assets/img/brand/logo_napis.svg' | relative_url }}" alt="Pirátská strana">
+          {% asset brand/logo_napis.svg alt='Pirátská strana' %}
         </a>
       </div>
 

data/_includes/page-header.html

@@ -0,0 +1,12 @@
+<div class="row o-section">
+  <div class="columns large-12">
+    <header class="c-page-header">
+      <h1 itemprop="headline" class="c-page-title">{{ include.headline }}</h1>
+    </header>
+  </div>
+  {% if include.content %}
+    <div class="columns large-12">
+      {{ content }}
+    </div>
+  {% endif %}
+</div>

data/_includes/people/list-group.html

@@ -1,12 +1,10 @@
-{% if team.size > 0 %}
+{% 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="#{{team_shortcut}}" class="c-simple-accordion-title">
-      {{ team_name }}
-  </a>
-  <div id="{{team_shortcut}}" class="c-simple-accordion-content" data-tab-content="">
-      {% include people/list-2col.html param=team %}
-  </div>
-</li>
+  <li class="c-simple-accordion-item is-active" data-accordion-item="">
+    <a href="#{{ include.teamShortcut }}" class="c-simple-accordion-title c-emphasized-anchor"><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>
 {% endif %}

data/_includes/people/list-responsive.html

@@ -0,0 +1,13 @@
+{% comment %}
+  Dvou sloupcové zobrazení:
+   týmů v /clenove
+   úspěchů v /otevrenost
+{% endcomment %}
+<div class="row u-uniform-size-row">
+  {% for item in include.team %}
+    {% assign loopindex = forloop.index | modulo: 2 %}
+    <div class="large-4 medium-6 small-collapse columns {% if forloop.last %}end{% endif %}">
+      {% include people/profile-badge.html item=item imgSize='small' imgStyle='round' %}
+    </div>
+  {% endfor %}
+</div>

data/_includes/people/profile-badge.html

@@ -6,39 +6,52 @@
 {% else %}
     {% assign url = include.item.url | relative_url %}
 {% endif %}
-<div class="o-media o-media-list">
-    <div class="o-media__image o-media__image--lgspace {% if include.imgStyle == 'round' %}o-media__image--round{% endif %}">
-      {% capture img %}{% if include.item.img %}{{ include.item.img }}{% else %}people/unknown-pirate.svg{% endif %}{% endcapture %}
-      <a href="{{ url }}"><img src="{{ img | prepend: 'assets/img/' | relative_url }}" alt="{{ label }}" {% if include.imgSize != 'big' %}style="width: 100px"{% endif %}></a>
+<div class="o-media o-media-list {% if include.style == 'card' %}o-media--rpadded o-media--fill{% endif %}">
+    <div class="o-media__section">
+      {% comment %} {% if include.imgSize != 'big' %}
+          <a href="{{ url }}">{% asset '{{ include.item.img }}' magick:resize='100x100^' magick:gravity='center' magick:crop='100x100+0+0' alt='{{ label }}' %}</a>
+      {% else %}
+          <a href="{{ url }}">{% asset '{{ include.item.img }}' magick:resize='165x165^' magick:gravity='center' magick:crop='165x165+0+0' alt='{{ label }}' %}</a>
+      {% endif %} {% endcomment %}
+      {%- capture img -%}
+        {%- if include.item.img -%}
+          {%- if include.imgSize != 'big' -%}
+            {% asset '{{ include.item.img }}' magick:resize='100x100^' magick:gravity='center' magick:crop='100x100+0+0' @path %}
+          {%- else -%}
+            {% asset '{{ include.item.img }}' magick:resize='165x165^' magick:gravity='center' magick:crop='165x165+0+0' @path %}
+          {%- endif -%}
+        {%- else -%}
+          {% asset people/unknown-pirate.svg @path %}
+        {%- endif -%}
+      {%- endcapture -%}
+      <a href="{{ url }}"><img src="{{ img }}" alt="{{ label }}" class="{% if include.imgStyle == 'round' %}o-media__image--round{% endif %}" {% if include.imgSize != 'big' %}style="width: 100px"{% endif %}></a>
     </div>
-    <div class="o-media__body">
-        <div class="o-media__body-inner {% if include.style == 'card' %}o-media__body-inner--padded{% endif %}">
-            <h2 class="o-media__headline">
-              <a href="{{ url }}" class="o-media__headline-link">{{ label }}</a>
-            </h2>
-            {% unless include.showDescription == false %}
-            <p>
-                {% if include.description %}
-                    {{ include.description }}
-                {% else %}
-                    {{ include.item.description }}
-                {% endif %}
-            </p>
-            {% endunless %}
+    <div class="o-media__section">
+      <div class="o-media__section-inner {% if include.style == 'card' %}o-media__section-inner--vpadded{% endif %}">
+          <h2><a href="{{ url }}" class="c-headline-anchor {% if include.headlineClass %}{{ include.headlineClass }}{% else %}t-h2{% endif %}">{{ label }}</a></h2>
+          {% unless include.showDescription == false %}
+          <p>
+              {% if include.description %}
+                  {{ include.description }}
+              {% else %}
+                  {{ include.item.description }}
+              {% endif %}
+          </p>
+          {% endunless %}
 
-            {% unless include.showContactInfo == false %}
-                {% if include.item.mob or include.item.mail %}
-                    <p>
-                        {% if include.item.mob %}
-                            <i class="fa fa-phone"></i> <a class="c-emphasized-anchor" href="tel:{{ include.item.mob }}">{{ include.item.mob }}</a>
-                            <br>
-                        {% endif %}
-                        {% if include.item.mail %}
-                            <i class="fa fa-envelope-o"></i> <a class="c-emphasized-anchor" href="mailto:{{ include.item.mail }}">{{ include.item.mail }}</a>
-                        {% endif %}
-                    </p>
-                {% endif %}
-            {% endunless %}
+          {% unless include.showContactInfo == false %}
+              {% if include.item.mob or include.item.mail %}
+                  <p>
+                      {% if include.item.mob %}
+                          <i class="fa fa-phone"></i> <a class="c-emphasized-anchor" href="tel:{{ include.item.mob }}">{{ include.item.mob }}</a>
+                          <br>
+                      {% endif %}
+                      {% if include.item.mail %}
+                          <i class="fa fa-envelope-o"></i> <a class="c-emphasized-anchor" href="mailto:{{ include.item.mail }}">{{ include.item.mail }}</a>
+                      {% endif %}
+                  </p>
+              {% endif %}
+          {% endunless %}
         </div>
     </div>
 </div>

data/_includes/right-bar/bar_cal.html

@@ -1,5 +1,5 @@
 <div class="o-section-block">
- <ul class="c-widget-accordion c-widget-accordion--dark" data-accordion="" data-allow-all-closed="true">
+ <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">{{ site.calendar.title }}</span>
@@ -12,10 +12,9 @@
 
        {% if site.calendar.page %}
        <div class="c-widget-accordion-content__cta">
-         <a class="dark expanded button large" href="{{ site.calendar.page | relative_url }}"> Zobrazit všechny akce </a>
+         <a class="expanded button large u-0margin" href="{{ site.calendar.page | relative_url }}"> Zobrazit všechny akce </a>
        </div>
        {% endif %}
-
      </div>
    </li>
  </ul>

data/_includes/right-bar/bar_foto.html

@@ -1,6 +1,6 @@
 {% if page.img %}
 <div class="o-section-block">
- <ul class="c-widget-accordion c-widget-accordion--dark" data-accordion="" data-allow-all-closed="true">
+ <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">Foto</span>
@@ -9,10 +9,7 @@
        </span>
      </a>
      <div class="c-widget-accordion-content text-center" data-tab-content="">
-       <img src="{{ page.img | prepend: '/assets/img/' | relative_url}}" alt="{{page.name}}" style="margin: auto;">
-       <div class="c-widget-accordion-content__cta">
-         <a class="dark expanded button large" href="{{page.profiles.flickr}}"> Zobrazit více fotografii </a>
-       </div>
+      {% asset '{{ page.img }}' alt='{{ page.name }}' %}
      </div>
    </li>
  </ul>

data/_includes/right-bar/bar_garant.html

@@ -9,10 +9,8 @@
         </span>
       </a>
       <div class="c-widget-accordion-content" data-tab-content="" id="toc">
-        <div class="c-widget-accordion-content-inner c-widget-accordion-content-inner--unpadded">
-          {% assign garant = site.people | where:"uid",page.garant | first %}
-          {% include people/profile-badge.html item=garant style='card' showDescription=false %}
-        </div>
+        {% assign garant = site.people | where:"uid",page.garant | first %}
+        {% include people/profile-badge.html item=garant style='card' showDescription=false %}
       </div>
     </li>
   </ul>

data/_includes/right-bar/bar_people.html

@@ -8,14 +8,12 @@
           </span>
         </a>
         <div class="c-widget-accordion-content" data-tab-content="">
-          <div class="c-widget-accordion-content-inner c-widget-accordion-content-inner--unpadded c-widget-accordion-content-inner--nofill">
-              {% assign persons = site.people | sample:3 %}
-              {% for person in persons %}
-                {% include people/profile-badge.html item=person style='card' showContactInfo=false %}
-              {% endfor %}
-          </div>
+            {% assign persons = site.people | sample:3 %}
+            {% for person in persons %}
+              {% include people/profile-badge.html item=person style='card' headlineClass='t-h3' showContactInfo=false %}
+            {% endfor %}
           <div class="c-widget-accordion-content__cta">
-            <a class="expanded button large" href="{{ '/lide/' | relative_url }}"> Poznejte celý náš tým! </a>
+            <a class="expanded button large u-0margin" href="{{ '/lide/' | relative_url }}"> Poznejte celý náš tým! </a>
           </div>
         </div>
       </li>

data/_includes/right-bar/bar_person_contact.html

@@ -9,16 +9,14 @@
         </span>
       </a>
       <div class="c-widget-accordion-content" data-tab-content="">
-        <div class="c-widget-accordion-content-inner">
-            {% if page.mail %}<i class="fa fa-envelope-o"></i> <a class="c-emphasized-anchor" href="mailto:{{ page.mail }}">{{ page.mail }}</a><br/>{% endif %}
-            {% if page.mob %}<i class="fa fa-phone"></i> <a class="c-emphasized-anchor" href="tel:{{ page.mob }}">{{ page.mob }}</a><br/>{% endif %}
-            {% if page.profiles.wikipedia %}<i class="fa fa-wikipedia-w"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.wikipedia }}">W: {{ page.profiles.wikipedia | remove: "https://cs.wikipedia.org/wiki/" }}</a><br/>{% endif %}
-            {% if page.profiles.facebook %}<i class="fa fa-facebook"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.facebook }}">FB: {{ page.profiles.facebook | remove: "https://www.facebook.com/" }}</a><br/>{% endif %}
-            {% if page.profiles.twitter %}<i class="fa fa-twitter"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.twitter }}">TW: {{ page.profiles.twitter | remove: "https://twitter.com/" }}</a><br/>{% endif %}
-            {% if page.profiles.github %}<i class="fa fa-github"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.github }}">GH: {{ page.profiles.github | remove: "https://github.com/"}}</a><br/>{% endif %}
-            {% if page.profiles.forum %}<i class="fa fa-comments-o"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.forum }}">Forum: {{ page.profiles.forum | remove: "https://forum.pirati.cz/" }}</a><br/>{% endif %}
-            {% if page.profiles.redmine %}<i class="fa fa-check-square-o"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.redmine }}">Úkoly</a>{% endif %}
-        </div>
+          {% if page.mail %}<i class="fa fa-envelope-o"></i> <a class="c-emphasized-anchor" href="mailto:{{ page.mail }}">{{ page.mail }}</a><br/>{% endif %}
+          {% if page.mob %}<i class="fa fa-phone"></i> <a class="c-emphasized-anchor" href="tel:{{ page.mob }}">{{ page.mob }}</a><br/>{% endif %}
+          {% if page.profiles.wikipedia %}<i class="fa fa-wikipedia-w"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.wikipedia }}">W: {{ page.profiles.wikipedia | remove: "https://cs.wikipedia.org/wiki/" }}</a><br/>{% endif %}
+          {% if page.profiles.facebook %}<i class="fa fa-facebook"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.facebook }}">FB: {{ page.profiles.facebook | remove: "https://www.facebook.com/" }}</a><br/>{% endif %}
+          {% if page.profiles.twitter %}<i class="fa fa-twitter"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.twitter }}">TW: {{ page.profiles.twitter | remove: "https://twitter.com/" }}</a><br/>{% endif %}
+          {% if page.profiles.github %}<i class="fa fa-github"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.github }}">GH: {{ page.profiles.github | remove: "https://github.com/"}}</a><br/>{% endif %}
+          {% if page.profiles.forum %}<i class="fa fa-comments-o"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.forum }}">Forum: {{ page.profiles.forum | remove: "https://forum.pirati.cz/" }}</a><br/>{% endif %}
+          {% if page.profiles.redmine %}<i class="fa fa-check-square-o"></i> <a class="c-emphasized-anchor" href="{{ page.profiles.redmine }}">Úkoly</a>{% endif %}
       </div>
     </li>
   </ul>

data/_includes/right-bar/bar_program.html

@@ -8,19 +8,17 @@
           </span>
         </a>
         <div class="c-widget-accordion-content" data-tab-content="" id="toc">
-          <div class="c-widget-accordion-content-inner">
-            {% for campaign in site.data.elections.campaigns %}
-            <h4 class="c-widget-accordion-list__heading">{{ campaign.title }}</h4>
-            <ul class="c-widget-accordion-list">
-              <ul>
-                {% assign programSections = site.program | where_exp: "item", "item.category contains campaign.category" | sort:"order" %}
-                {% for programSection in programSections %}
-                <li><a {% if page.uid == programSection.uid %}class="c-widget-accordion-list__seen"{% endif%} href="{{ programSection.url | relative_url }}">{{ programSection.title }}</a></li>
-                {% endfor %}
-              </ul>
+          {% for campaign in site.data.elections.campaigns %}
+          <h4>{{ campaign.title }}</h4>
+          <ul class="c-widget-accordion-list">
+            <ul>
+              {% assign programSections = site.program | where_exp: "item", "item.category contains campaign.category" | sort:"order" %}
+              {% for programSection in programSections %}
+              <li><a class="c-emphasized-anchor {% if page.uid == programSection.uid %}active{% endif %}" href="{{ programSection.url | relative_url }}">{{ programSection.title }}</a></li>
+              {% endfor %}
             </ul>
-            {% endfor %}
-          </div>
+          </ul>
+          {% endfor %}
         </div>
       </li>
     </ul>

data/_includes/right-bar/bar_video.html

@@ -13,7 +13,7 @@
             <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/pWK515EHyG0?rel=0&amp;controls=0" style="border: 0;" allowfullscreen=""></iframe>
           </div>
           <div class="c-widget-accordion-content__cta">
-            <a class="alert expanded button large" href="https://www.youtube.com/user/CeskaPiratskaStrana/videos" target="_blank" rel="noopener noreferrer"> Další videa na našem
+            <a class="alert expanded button large u-0margin" href="https://www.youtube.com/user/CeskaPiratskaStrana/videos" target="_blank" rel="noopener noreferrer"> Další videa na našem
               <br> YouTube kanálu </a>
           </div>
         </div>

data/_includes/right-bar/rbar.html

@@ -6,14 +6,6 @@
     {% if page.rbar contains 'foto' %}
       {% include right-bar/bar_person_contact.html %}
     {% endif %}
-    {% if page.rbar contains 'team-summary' %}
-      {% include right-bar/bar_teams_summary.html %}
-    {% endif %}
-    {% if page.rbar contains 'teams-toc' %}
-      {% include right-bar/bar_teams_toc.html %}
-    {% elsif page.rbar contains 'toc' %}
-      {% include right-bar/bar_toc.html %}
-    {% endif %}
     {% if page.rbar contains 'garant' %}
       {% include right-bar/bar_garant.html %}
     {% endif %}
@@ -35,8 +27,5 @@
     {% if page.rbar contains 'tw' and site.twitter.profile %}
       {% include right-bar/bar_tw.html %}
     {% endif %}
-    {% if page.rbar contains 'otevrenost' %}
-      {% include right-bar/bar_otevrenost.html %}
-    {% endif %}
   </div>
 </aside>

data/_includes/submenu.html

@@ -1,5 +1,5 @@
 {% if page.url contains 'volby-2018' %}
-<nav class="c-top-sub-nav u-center-860-down">
+<nav class="c-top-sub-nav u-center--medium-down">
   <div class="row">
     <div class="c-top-sub-nav-inner">
       <div class="u-cf">

data/_layouts/contacts.html

@@ -20,7 +20,7 @@ title: Kontaktní informace
                     {{ content }}
                 </div>
                 <div class="medium-12 large-6 columns o-section-mediumdown-divided-small">
-                    {% include contacts/basic_contacts.html %}
+                    {% include contacts/basic-contacts.html %}
                 </div>
               </div>
             </div>
@@ -40,7 +40,7 @@ title: Kontaktní informace
           <h2>Kontaktní osoba</h2>
           {% assign contactPersons = site.people | where_exp: "item","item.categories contains 'kontaktni_osoba'" | sort:"ordpak" %}
           {% for person in contactPersons %}
-            {% include people/profile-badge.html item=person imgSize='big' %}
+            {% include people/profile-badge.html item=person imgSize='big' imgStyle='round' headlineClass='t-h3' %}
           {% endfor %}
         </div>
       </div>
@@ -52,7 +52,7 @@ title: Kontaktní informace
     <div class="o-section o-section--spaceBot">
       <div class="o-section-inner">
         <div class="o-section-block">
-          {% include contacts/residance.html %}
+          {% include contacts/residence.html %}
         </div>
       </div>
     </div>

data/_layouts/default.html

@@ -9,7 +9,7 @@
   <body>
 
     {% include header.html %}
-    
+
     {% if site.data.menu %}
     {% include menu.html %}
     {% endif %}

data/_layouts/komunalni-volby.html

@@ -3,59 +3,55 @@ layout: page
 ---
 
 <div class="row">
+  <div class="columns">{{ content }}</div>
+</div>
 
-    <div class="c-program-intro">
-        <p> {{ content }} </p>
-    </div>
-
-    <div class="o-section">
-        <div class="columns medium-8">
-            <div class="o-section-header">
-                <h3 class="o-section__heading o-section__heading--small">Kandidátní listina</h3>
-            </div>
-            <div class="c-program-candidates">
-                {% assign team = site.people | where_exp:"item","item.categories contains 'kandidat-obec'" | sort:"cityCandidatePosition" %}
-                {% assign leader_candidate = team  | first %}
-                {% assign other_candidates = team | slice:1,team.size %}
-
-                {% include candidate_badge.html candidate=leader_candidate leader=true %}
-
-                <div class="c-program-candidates__others">
-                  {% for candidate in other_candidates %}
-                      {% assign loopindex = forloop.index | modulo: 3 %}
-                      {% if loopindex == 1 %}<div class="c-program-candidates__row">{% endif %}
-                          {% include candidate_badge.html candidate=candidate leader=false %}
-                      {% if loopindex == 0 or forloop.last %}</div>{% endif %}
-                  {% endfor %}
-                </div>
-            </div>
-
-            {% if page.note %}
-            <p><strong>Pozn.:</strong> {{ page.note }}</p>
-            {% endif %}
-
+<div class="o-section">
+  <div class="row">
+    <div class="columns medium-8">
+      <div class="o-section-header">
+        <h3 class="o-section__heading o-section__heading--small">Kandidátní listina</h3>
+      </div>
+      <div class="c-program-candidates">
+        {% assign team = site.people | where_exp:"item","item.categories contains 'kandidat-obec'" | sort:"cityCandidatePosition" %}
+        {% assign leader_candidate = team  | first %}
+        {% assign other_candidates = team | slice:1,team.size %}
+
+        {% include candidate-badge.html candidate=leader_candidate leader=true %}
+
+        <div class="c-program-candidates__others">
+          {% for candidate in other_candidates %}
+              {% assign loopindex = forloop.index | modulo: 3 %}
+              {% if loopindex == 1 %}<div class="c-program-candidates__row">{% endif %}
+                  {% include candidate-badge.html candidate=candidate leader=false %}
+              {% if loopindex == 0 or forloop.last %}</div>{% endif %}
+          {% endfor %}
         </div>
-        <div class="columns medium-4">
-            <div class="o-section-header">
-                <h3 class="o-section__heading o-section__heading--small">Program</h3>
-            </div>
-            <div class="c-program-items">
-                {% assign programCategories = site.program | where_exp:"item","item.categories contains page.category" | sort:"order" %}
-                {% for category in programCategories %}
-                <div class="c-program-items__item">
-                    <div class="c-program-items__item-wrap">
-                        <div class="c-program-items__item-inner">
-                            <a href="{{ category.url | relative_url }}">
-                                <h3 class="c-program-items__item-title">{{ category.title }}</h3>
-                                <p>{{ category.perex }}</p>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-                {% endfor %}
-            </div>
+      </div>
 
-        </div>
+      {% if page.note %}
+        <p><strong>Pozn.:</strong> {{ page.note }}</p>
+      {% endif %}
     </div>
-
+    <div class="columns medium-4">
+      <div class="o-section-header">
+        <h3 class="o-section__heading o-section__heading--small">Program</h3>
+      </div>
+      <div class="c-program-items">
+          {% assign programCategories = site.program | where_exp:"item","item.categories contains page.category" | sort:"order" %}
+          {% for category in programCategories %}
+          <div class="c-program-items__item">
+            <div class="c-program-items__item-wrap">
+              <div class="c-program-items__item-inner">
+                <a href="{{ category.url | relative_url }}">
+                  <h3 class="c-program-items__item-title t-h2 c-headline-anchor">{{ category.title }}</h3>
+                  <p>{{ category.perex }}</p>
+                </a>
+              </div>
+            </div>
+          </div>
+          {% endfor %}
+      </div>
+    </div>
+  </div>
 </div>