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

data/_layouts/members.html

@@ -2,34 +2,34 @@
 layout: default
 ---
 
-{% include page-header.html headline=page.title content=content %}
 
-{% if page.viewMode == 'grouped' %}
-  {% for group in page.groups %}
-    <div class="row o-section-block">
-      <section class="large-12 columns">
-          {% assign team = site.people | where_exp: "item", "item.categories contains group.category" %}
-          {% if group.sort %}
-            {% assign team = team | sort: group.sort %}
-          {% endif %}
-          {% include people/list-group.html team=team teamName=group.name teamShortcut=group.category %}
+<div class="container container--default py-8 lg:py-24">
+  {% include page-header.html headline=page.title content=content contentClass="mb-8 lg:mb-16 content-block" %}
+
+  {% if page.viewMode == 'grouped' %}
+    {% for group in page.groups %}
+      <section>
+        {% assign team = site.people | where_exp: "item", "item.categories contains group.category" %}
+        {% if group.sort %}
+          {% assign team = team | sort: group.sort %}
+        {% endif %}
+        {% include people/list-group.html team=team teamName=group.name teamShortcut=group.category %}
       </section>
-    </div>
-  {% endfor %}
-{% else %}
-  {% if page.category %}
-    {% assign team = site.people | where_exp: "item", "item.categories contains page.category" %}
+      {% unless forloop.last %}<hr class="hr--big" />{% endunless %}
+    {% endfor %}
   {% else %}
-    {% assign team = site.people %}
-  {% endif %}
+    {% if page.category %}
+      {% assign team = site.people | where_exp: "item", "item.categories contains page.category" %}
+    {% else %}
+      {% assign team = site.people %}
+    {% endif %}
 
-  {% if page.sort %}
-    {% assign team = team | sort: page.sort %}
-  {% endif %}
+    {% if page.sort %}
+      {% assign team = team | sort: page.sort %}
+    {% endif %}
 
-  <div class="row o-section-block">
-    <section class="large-12 columns">
+    <section>
       {% include people/list-responsive.html team=team %}
     </section>
-  </div>
-{% endif %}
+  {% endif %}
+</div>

data/_layouts/person.html

@@ -1,30 +1,40 @@
 ---
-layout: blank-article
+layout: default
 ---
 
-<div class="c-emphasized-text c-person">
-  {% capture headline %}{% include people/fullname.html person=page %}{% endcapture %}
-  {% include page-header.html headline=headline content=content contentClass='c-person__content' %}
-</div>
-	
-{% if page.calendar %}
-<div class="row">
-  <div class="medium-12 large-12 columns">
-    <section class="o-section o-section--noSpaceBottom">
-      <div class="o-section-inner">
-        <div class="c-BasicPage">
-          <div class="c-BasicPage">
-            <div class="c-BasicPage-content">
-              <div class="c-BasicPage-header c-BasicPage-header--horizontal c-BasicPage-header--horizontal--mobilestacked">
-                <h1 class="c-BasicPage__title" id="praha"> Kalendář</h1>
-              </div>
-            </div>
-          </div>
-	  <iframe src="https://calendar.google.com/calendar/embed?src={{page.calendar}}&ctz=Europe%2FPrague" style="border: 0" width="770" height="600" frameborder="0" scrolling="no"></iframe>
+{% if page.heroImg %}
+  {% if site.mediaStorage %}
+      {% capture imgPath %}https://a.pirati.cz/{{ site.mediaStorage }}/img/{{ page.heroImg }}{% endcapture %}
+  {% else %}
+      {% capture imgPath %}{% asset '{{ page.heroImg }}' @path %}{% endcapture %}
+      {% assign imgPath = imgPath | absolute_url %}
+  {% endif %}
+{% elsif page.img %}
+  {% if site.mediaStorage %}
+      {% capture imgPath %}https://a.pirati.cz/{{ site.mediaStorage }}/img/{{ page.img }}{% endcapture %}
+  {% else %}
+      {% capture imgPath %}{% asset '{{ page.img }}' @path %}{% endcapture %}
+      {% assign imgPath = imgPath | absolute_url %}
+  {% endif %}
+{% endif %}
+
+{% 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 %}
+
+<div class="container container--default py-8 lg:pb-24">
+  <main>
+    <div class="flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">
+      <section class="lg:w-3/5 xl:w-2/3">
+        <div class="content-block w-full">
+          {{ content }}
         </div>
-      </div>
-    </section>
-    <!-- /. o-section -->
-  </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" %}
+        <!-- Mobile divider -->
+        <hr class="block lg:hidden" />
+      </section>
+    </div>
+  </main>
 </div>
-{% endif %}

data/_layouts/pirate-center.html

@@ -0,0 +1,87 @@
+---
+layout: default
+---
+
+{% if page.img %}
+  {% if site.mediaStorage %}
+      {% capture imgPath %}https://a.pirati.cz/{{ site.mediaStorage }}/img/{{ page.img }}{% endcapture %}
+  {% else %}
+    {% capture imgPath %}{% asset '{{ page.img }}' @path %}{% endcapture %}
+    {% assign imgPath = imgPath | absolute_url %}
+  {% endif %}
+{% endif %}
+
+{% include hero/simple.html headline=page.heroHeadline description=page.heroDescription bgImg=imgPath %}
+
+<div class="container container--default pt-8 lg:pb-16">
+  <article>
+    <meta itemprop="name" content="{{ page.title }}">
+    {% if page.shorthand %}
+      <meta itemprop="alternateName" content="{{ page.shorthand }}">
+    {% endif %}
+    {% if page.openingHoursSEO %}
+      <meta itemprop="openingHours" content="{{ page.openingHoursSEO }}">
+    {% endif %}
+    {% if page.mapIframeLink %}
+      <meta itemprop="hasMap" content="{{ page.mapIframeLink }}">
+    {% endif %}
+    <meta itemprop="url" content="{{ page.url | absolute_url }}">
+    {% if site.facebook.profilePage %}
+      <meta itemprop="sameAs" content="{{ site.facebook.profilePage }}">
+    {% 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 }}
+        {% 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 %}
+        {% 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>
+            <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>
+
+              {% for contact in page.contactPersons %}
+                {% assign person = site.people | where_exp:"item","item.uid contains contact.id" | first %}
+                {% if forloop.first %}
+                  {% capture badgeClass %}badge--condensed{% endcapture %}
+                {% else %}
+                  {% capture badgeClass %}badge--condensed mt-4{% endcapture %}
+                {% endif %}
+
+                {% include people/profile-badge.html description=contact.description item=person class=badgeClass avatarClass="avatar--md" %}
+              {% endfor %}
+            {% endif %}
+          </div>
+        </div>
+
+        {% if site.facebook.profilePage or site.forum.page %}
+          <div class="flex flex-col pt-8 lg:space-y-4">
+            {% if site.facebook.profilePage %}
+              {% include buttons/super.html href=site.facebook.profilePage cta="Sledujte nás na Facebooku" icon="ico--facebook" class="bg-brands-facebook text-white container-padding--zero lg:container-padding--auto lg:w-full" %}
+            {% endif %}
+            {% if site.forum.page %}
+              {% include buttons/super.html href=site.forum.page cta="Sledujte naše fórum" icon="ico--bubbles" class="bg-black text-white container-padding--zero lg:container-padding--auto lg:w-full" %}
+            {% endif %}
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </article>
+</div>

data/_layouts/post.html

@@ -2,107 +2,68 @@
 layout: default
 ---
 
-<article itemtype="http://schema.org/BlogPosting" itemscope="">
-  <div class="row">
-    <div class="medium-12 columns">
-      <div class="o-section o-section--noSpaceBottom">
-        <div class="o-section-block o-section-block--fill">
-          <div class="o-section-inner">
-            <div class="medium-12 columns">
-              <!-- Article -->
-              <link itemprop="mainEntityOfPage" href="{{ page.url }}">
-              <header class="c-page-header">
-                <h1 itemprop="headline" class="c-page-title"> {{ page.title }} </h1>
-                <div class="c-metadata-block">
-                  <div class="c-metadata-block-section">
-                    <span itemprop="description" class="c-metadata-block-section__item">
-                      <i class="fa fa-calendar-o" aria-hidden="true"></i> {{ page.date | date: "%d. %m. %Y" }}
-                      <meta itemprop="datePublished" content="{{page.date | date_to_xmlschema }}">
-                      <meta itemprop="dateModified" content="">
-                    </span>
-                    <!-- Authors -->
-                    <span itemprop="author" itemtype="http://schema.org/Person" class="c-metadata-block-section__item" itemscope="">
-                      <i class="fa fa-user" aria-hidden="true"></i>
-                      <span itemprop="name">
-                          {% include articles/author.html article=page %}
-                      </span>
-                    </span>
-                  </div>
-                  {% if page.tags %}
-                  <div class="c-metadata-block-section">
-                    <ul class="c-tag-list">
-                      {% for tag in page.tags %}
-                      <li class="c-tag-list__item">
-                        <a href="{{ tag | prepend: '/tags/#' | relative_url }}" class="c-tag">{{ tag }}</a>
-                      </li>
-                      {% endfor %}
-                    </ul>
-                  </div>
-                  {% endif %}
-                </div>
-              </header>
-            </div>
-          </div>
+<div class="container container--default py-8 lg:py-24">
+  <article itemtype="http://schema.org/BlogPosting" itemscope="">
+    <header>
+      <link itemprop="mainEntityOfPage" href="{{ page.url }}">
+      <meta itemprop="datePublished" content="{{ page.date | date_to_xmlschema }}">
+      <meta itemprop="dateModified" content="">
+
+      <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-4">{{ page.title }}</h1>
+      <div class="flex flex-col md:flex-row md:items-center">
+        <div class="inline-flex divide-x flex-grow">
+          <span class="pr-2">{{ page.date | date: "%d. %m. %Y" }}</span>
+          <span class="pl-2" itemprop="author" itemtype="http://schema.org/Person" itemscope="">
+            <span itemprop="name">
+              {% include articles/author.html article=page %}
+            </span>
+          </span>
+        </div>
+        <div class="my-4">
+          {% if page.tags %}
+            {% for tag in page.tags %}
+              {% capture tagUrl %}{{ tag | prepend: '/tags/#' | relative_url }}{% endcapture %}
+              {% include buttons/basic.html class="btn--grey-125 btn--condensed" cta=tag href=tagUrl %}
+            {% endfor %}
+          {% endif %}
         </div>
       </div>
-    </div>
-  </div>
+      {% if page.image %}
+        {% include headline-media.html image=page.image title=page.title youtubeVideoId=page.youtubeVideoId %}
+      {% endif %}
+    </header>
 
-  {% if page.image %}
-    {% include headline-media.html image=page.image title=page.title youtubeVideoId=page.youtubeVideoId %}
-  {% endif %}
+    <div class="lg:flex mt-8 lg:space-x-16">
+      <div class="lg:w-2/3">
+        <div itemprop="description" class="w-full content-block">
+          {{ content }}
+        </div>
+      </div>
+      <div class="pt-8 lg:w-1/3 md:pt-0">
+        <div class="space-y-8">
+          {% include sharebox.html %}
 
-  <div class="row o-section-block">
-    <div class="small-12 columns">
-      <div class="o-section">
-        <div class="">
-          <div class="o-section-block o-section-block--fill">
-            <div class="o-section-inner">
-              <div class="medium-12 large-8 columns">
-                <div itemprop="description" class="c-content-block c-emphasized-text">
-                  {{ content }}
-                </div>
-              </div>
+          {% comment %}Optional infoboxes in the right row{% endcomment %}
+          {% if page.infoboxes %}
+            {% for infobox in page.infoboxes %}
+              {% include article-infobox.html content=infobox.content %}
+            {% endfor %}
+          {% endif %}
+        </div>
+      </div>
 
-              <div class="medium-12 large-4 columns">
-                <div class="c-widget-share-box c-widget-share-box--mediumstacked">
-                  <h2 class="c-widget-share-box-headline t-h4-alt">Sdílení je aktem lásky</h2>
-                  <div class="c-widget-share-box-content">
+    </div>
+  </article>
 
-                      <!-- https://mycyberuniverse.com/web/social-media-share-bar-jekyll-blog-website.html -->
-                      <div class="share-buttons">
-                          <a
-                            href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}"
-                            class="share-buttons__button share-buttons__button--facebook"
-                            onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
-                            title="Share on Facebook" >
-                            <i class="fa fa-facebook-official share-buttons__button-icon"></i>
-                            Facebook
-                          </a>
-                          <a
-                            href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ page.url | absolute_url }}"
-                            class="share-buttons__button share-buttons__button--twitter"
-                            onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
-                            title="Share on Twitter" >
-                              <i class="fa fa-twitter share-buttons__button-icon"></i>
-                              Twitter
-                          </a>
-                      </div>
-                  </div>
-                </div>
+  <section class="mt-16 md:mt-24">
+    <h1 class="head-alt-base md:head-alt-md pb-4">Další podobné články</h1>
 
-                {% comment %}Optional infoboxes in the right row{% endcomment %}
-                {% if page.infoboxes %}
-                  {% for infobox in page.infoboxes %}
-                    {% include article-infobox.html content=infobox.content %}
-                  {% endfor %}
-                {% endif %}
+    {% assign posts = site.posts | slice:0,3 %}
+    {% include articles/list-responsive.html posts=posts %}
 
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
+    <div class="text-center mt-8 md:mt-16">
+      {% include buttons/icon.html cta="Zobrazit další" class="text-xl" icon="ico--chevron-right" href="/aktuality/" %}
     </div>
-  </div>
-</article>
+  </section>
+
+</div>

data/_layouts/program-post.html

@@ -2,4 +2,8 @@
 layout: page
 ---
 
-<div class="c-emphasized-text c-content-block">{{ content }}</div>
+{% if page.intro %}
+  <p class="font-bold text-lg leading-normal mb-8">{{ page.intro }}</p>
+{% endif %}
+
+<div class="content-block">{{ content }}</div>

data/_layouts/regions.html

@@ -1,16 +1,15 @@
 ---
 layout: page
+nocols: true
 ---
 
-<div class="o-section">
-    <div class="c-content-block c-emphasized-text">{{ content }}</div>
-</div>
-
+<div class="content-block mb-8">{{ content }}</div>
 
 {% if page.regions %}
-{% include regions/crossroad.html places=page.regions %}
+  {% include regions/crossroad.html places=page.regions %}
 {% endif %}
+
 {% if site.data.regions %}
-{% include regions/crossroad.html places=site.data.regions %}
+  {% include regions/crossroad.html places=site.data.regions %}
 {% endif %}
 

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>

data/assets/img/people/unknown-pirate.svg

@@ -1,3 +1,48 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="409.165px" height="409.164px" viewBox="0 0 409.165 409.164" style="enable-background:new 0 0 409.165 409.164;"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M204.583,216.671c50.664,0,91.74-48.075,91.74-107.378c0-82.237-41.074-107.377-91.74-107.377
+			c-50.668,0-91.74,25.14-91.74,107.377C112.844,168.596,153.916,216.671,204.583,216.671z"/>
+		<path d="M407.164,374.717L360.88,270.454c-2.117-4.771-5.836-8.728-10.465-11.138l-71.83-37.392
+			c-1.584-0.823-3.502-0.663-4.926,0.415c-20.316,15.366-44.203,23.488-69.076,23.488c-24.877,0-48.762-8.122-69.078-23.488
+			c-1.428-1.078-3.346-1.238-4.93-0.415L58.75,259.316c-4.631,2.41-8.346,6.365-10.465,11.138L2.001,374.717
+			c-3.191,7.188-2.537,15.412,1.75,22.005c4.285,6.592,11.537,10.526,19.4,10.526h362.861c7.863,0,15.117-3.936,19.402-10.527
+			C409.699,390.129,410.355,381.902,407.164,374.717z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>