jekyll-theme-pirati 7.7.0 → 8.0.0.pre.alpha4

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_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

@@ -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ánku" %}
+    {% 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>

data/_includes/right-bar/bar_program.html

@@ -3,30 +3,25 @@
 {% endif %}
 
 {% if campaignGroup %}
-<div class="o-section-block--spaceBot show-for-large">
-    <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">{{ campaignGroup.title }}</span>
-            </a>
-            <div class="c-widget-accordion-content" data-tab-content="" id="toc">
-                {% for campaign in campaignGroup.campaigns %}
-                <h3 class="t-h5">{{ campaign.title }}</h3>
-                <ul class="c-widget-accordion-list">
-                    <ul>
-                        {% assign programSections = site.program | where: "campaignCategoryUid", campaign.categoryUid | 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>
-                </ul>
-                {% endfor %}
+<div class="content-block">
+  <h2>{{ campaignGroup.title }}</h2>
 
-                {% comment %}Allows to add custom content to program rbar{% endcomment %}
-                {% include right-bar/program-extras.html %}
-            </div>
-        </li>
+  {% for campaign in campaignGroup.campaigns %}
+    {% assign programSections = site.program | where: "campaignCategoryUid", campaign.categoryUid | sort:"order" %}
+
+    <h3>{{ campaign.title }}</h3>
+
+    <ul class="unordered-list unordered-list--linked">
+      {% for programSection in programSections %}
+        <li><a {% if page.uid == programSection.uid %}class="font-bold"{% endif %} href="{{ programSection.url | relative_url }}">{{ programSection.title }}</a></li>
+      {% endfor %}
     </ul>
+    {% unless forloop.last %}
+      <hr>
+    {% endunless %}
+  {% endfor %}
 
+  {% comment %}Allows to add custom content to program rbar{% endcomment %}
+  {% include right-bar/program-extras.html %}
 </div>
 {% endif %}

data/_includes/right-bar/bar_tag_articles.html

@@ -6,5 +6,5 @@
 {% assign posts = posts | sort: "date" | reverse %}
 
 {% if posts %}
-    {% include right-bar/rbar_articles.html posts=posts title="Seznam článku" %}
+    {% include right-bar/rbar_articles.html posts=posts title="Seznam článků" %}
 {% endif %}

data/_includes/right-bar/rbar.html

@@ -1,57 +1,54 @@
-<aside class="o-section">
-  <div class="o-section-inner o-section-inner--rightBlock">
-    {% for rbar in  page.rbar %}
-        {% if rbar contains 'foto' %}
-          {% include right-bar/bar_foto.html %}
-        {% endif %}
-        {% if rbar contains 'personContact' %}
-          {% include right-bar/bar_person_contact.html %}
-        {% endif %}
-        {% if rbar contains 'garant' %}
-          {% include right-bar/bar_garant.html %}
-        {% endif %}
-        {% if rbar contains 'kodo' %}
-          {% include right-bar/bar_kodo.html %}
-        {% endif %}
-        {% if rbar contains 'program' %}
-          {% include right-bar/bar_program.html %}
-        {% endif %}
-        {% if rbar contains 'cal' and site.calendar %}
-          {% include right-bar/bar_cal.html %}
-        {% endif %}
-        {% if rbar contains 'people' %}
-          {% include right-bar/bar_people.html %}
-        {% endif %}
-        {% if rbar contains 'video' %}
-          {% include right-bar/bar_video.html %}
-        {% endif %}
-        {% if rbar contains 'fb' and site.facebook.profilePage %}
-          {% include right-bar/bar_fb.html %}
-        {% endif %}
-        {% if rbar contains 'tw' and site.twitter.profile %}
-          {% include right-bar/bar_tw.html %}
-        {% endif %}
-        {% if rbar contains 'textbox' %}
-          {% include right-bar/bar_textbox.html %}
-        {% endif %}
-        {% if rbar contains 'map' %}
-          {% include right-bar/bar_map.html %}
-        {% endif %}
-        {% if rbar contains 'personArticles' %}
-          {% include right-bar/bar_person_articles.html %}
-        {% endif %}
-        {% if rbar contains 'board' %}
-          {% include right-bar/bar_board.html %}
-        {% endif %}
-        {% if rbar contains 'tagArticles' %}
-          {% include right-bar/bar_tag_articles.html %}
-        {% endif %}
-        {% if rbar contains 'pageContact' %}
-          {% include right-bar/bar_page_contact.html %}
-        {% endif %}
+<aside class="container-padding--zero lg:container-padding--auto lg:card lg:elevation-10">
+  <div class="lg:card__body {{ include.cardBodyClass }}">
+    {% for rbar in page.rbar %}
+      {% if rbar contains 'profile' %}
+        {% include right-bar/bar_profile.html %}
+      {% endif %}
+      {% if rbar contains 'garant' %}
+        {% include right-bar/bar_garant.html %}
+      {% endif %}
+      {% if rbar contains 'kodo' %}
+        {% include right-bar/bar_kodo.html %}
+      {% endif %}
+      {% if rbar contains 'program' %}
+        {% include right-bar/bar_program.html %}
+      {% endif %}
+      {% if rbar contains 'cal' and site.calendar %}
+        {% include right-bar/bar_cal.html %}
+      {% endif %}
+      {% if rbar contains 'people' %}
+        {% include right-bar/bar_people.html %}
+      {% endif %}
+      {% if rbar contains 'video' %}
+        {% include right-bar/bar_video.html %}
+      {% endif %}
+      {% if rbar contains 'fb' and site.facebook.profilePage %}
+        {% include right-bar/bar_fb.html %}
+      {% endif %}
+      {% if rbar contains 'tw' and site.twitter.profile %}
+        {% include right-bar/bar_tw.html %}
+      {% endif %}
+      {% if rbar contains 'textbox' %}
+        {% include right-bar/bar_textbox.html %}
+      {% endif %}
+      {% if rbar contains 'map' %}
+        {% include right-bar/bar_map.html %}
+      {% endif %}
+      {% if rbar contains 'personArticles' %}
+        {% include right-bar/bar_person_articles.html %}
+      {% endif %}
+      {% if rbar contains 'board' %}
+        {% include right-bar/bar_board.html %}
+      {% endif %}
+      {% if rbar contains 'tagArticles' %}
+        {% include right-bar/bar_tag_articles.html %}
+      {% endif %}
+      {% if rbar contains 'pageContact' %}
+        {% include right-bar/bar_page_contact.html %}
+      {% endif %}
 
-        {% comment %}Allows to append custom right bars variants{% endcomment %}
-        {% include right-bar/custom-bars.html rbar=rbar %}
+      {% comment %}Allows to append custom right bars variants{% endcomment %}
+      {% include right-bar/custom-bars.html rbar=rbar %}
     {% endfor %}
   </div>
 </aside>

data/_includes/right-bar/rbar_articles.html

@@ -1,21 +1,14 @@
-<div class="o-section-block--spaceBot show-for-large">
-    <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">{{ include.title }}</span>
-            </a>
-            <div class="c-widget-accordion-content" data-tab-content="" id="toc">
-                <ul class="c-widget-accordion-list"> <ul>
-                {% assign posts = include.posts | sort: "date" | reverse %}
-                {% for post in posts limit: 30 %}
-                    <li>
-                        <a href="{{ post.url }}">
-                            {{ post.title }}
-                        </a>
-                    </li>
-                {% endfor %}
-                </ul> </ul>
-            </div>
-        </li>
-    </ul>
+<div class="content-block">
+  <h2>{{ include.title }}</h2>
+
+  {% assign posts = include.posts | sort: "date" | reverse %}
+  <ul class="unordered-list unordered-list--linked">
+    {% for post in posts limit: 30 %}
+      <li>
+        <a href="{{ post.url }}">
+          {{ post.title }}
+        </a>
+      </li>
+  {% endfor %}
+  </ul>
 </div>

data/_includes/right-bar/rbar_profiles.html

@@ -1,7 +1,18 @@
-{% if page.profiles.report %}<i class="fa fa-file-text-o"></i> <a href="{{page.profiles.report}}">Report poslance</a><br/>{% endif %}
-{% if page.profiles.redmine %}<i class="fa fa-check-square-o"></i> <a href="{{ page.profiles.redmine }}">Přiřazené úkoly</a><br/>{% endif %}
-{% if page.profiles.wikipedia %}<i class="fa fa-wikipedia-w"></i> <a 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 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 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 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 href="{{ page.profiles.forum }}">Forum: {{ page.profiles.forum | remove: "https://forum.pirati.cz/" }}</a><br/>{% endif %}
+<div class="flex flex-wrap item-center">
+  <div class="social-icon-group space-x-0/5">
+    {% if page.profiles.wikipedia %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ page.profiles.wikipedia }}"><i class="ico--wikipedia"></i></a>{% endif %}
+    {% if page.profiles.facebook %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ page.profiles.facebook }}"><i class="ico--facebook"></i></a>{% endif %}
+    {% if page.profiles.twitter %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ page.profiles.twitter }}"><i class="ico--twitter"></i></a>{% endif %}
+    {% if page.profiles.github %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ page.profiles.github }}"><i class="ico--github"></i></a>{% endif %}
+    {% if page.profiles.forum %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ page.profiles.forum }}"><i class="ico--bubbles"></i></a>{% endif %}
+    {% if page.profiles.redmine %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ page.profiles.redmine }}"><i class="ico--tasks"></i></a>{% endif %}
+    {% if page.profiles.web %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ page.profiles.web }}"><i class="ico--globe"></i></a>{% endif %}
+    {% if page.profiles.blog %}<a class="social-icon" target="_blank" rel="noreferrer noopener" href="{{ page.profiles.blog }}"><i class="ico--write"></i></a>{% endif %}
+  </div>
+
+  {% if page.profiles.flickr %}
+    <div class="flex-grow text-right">
+      <a href="{{ page.profiles.flickr }}" class="inline-flex items-center"><span class="font-light text-sm">Více fotografií</span><i class="ico--flickr ml-2 no-underline hover:no-underline"></i></a>
+    </div>
+  {% endif %}
+</div>

data/_includes/sharebox.html

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

data/_includes/social-icon-group.html

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

data/_layouts/blank-article.html

@@ -2,23 +2,23 @@
 layout: default
 ---
 
-<div class="row">
+<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 %}
 	{% endif %}
 
-	<div class="medium-12 {% unless page.rbar == empty or page.rbar == blank or page.rbar == nil %} large-8{% endunless %} columns">
+  <main>
+    <div class="{% unless page.nocols or layout.nocols %}lg:flex lg:lg:space-x-8 xl:space-x-16{% endunless %}">
+      <article class="{% unless page.nocols or layout.nocols %}lg:w-3/5 xl:w-2/3{% endunless %}" itemtype="http://schema.org/BlogPosting" itemscope="">
+			  <link itemprop="mainEntityOfPage" href="{{ page.url }}">
+			  {{ content }}
+      </article>
 
-		<!-- Article -->
-		<article itemtype="http://schema.org/BlogPosting" itemscope="">
-			<link itemprop="mainEntityOfPage" href="{{ page.url }}">
-			{{ content }}
-		</article>
-		<!-- /Article -->
-	</div>
-	{% unless page.rbar == empty or page.rbar == blank or page.rbar == nil %}
-	<div class="medium-12 large-4 columns">
-		{% include right-bar/rbar.html %}
-	</div>
-	{% endunless %}
+      {% unless page.rbar == empty or page.rbar == blank or page.rbar == nil %}
+        <div class="pt-8 lg:pt-0 {% unless page.nocols or layout.nocols %}lg:w-2/5 xl:w-1/3{% endunless %}">
+          {% include right-bar/rbar.html %}
+        </div>
+      {% endunless %}
+	  </div>
+  </main>
 </div>