jekyll-theme-pirati 7.7.1 → 8.0.0.pre.alpha1

data/_layouts/contacts.html

@@ -3,99 +3,76 @@ layout: default
 title: Kontaktní informace
 ---
 
-<div class="row o-section-block ">
-  <div class="medium-12 large-12 columns">
-    <section class="o-section">
-      <div class="o-section-inner">
-        <main class="o-section-block">
-          <!-- Article -->
-          <article itemtype="http://schema.org/BlogPosting" itemscope="">
-            <!--<link itemprop="mainEntityOfPage" href="http://insertshownpagelinkhere.com">-->
-            <header class="c-page-header">
-              <h1 itemprop="headline" class="c-page-title">Kontaktní informace </h1>
-            </header>
-            <div class="o-section-block o-section-block--fill">
-              <div class="u-cf">
-                <div class="medium-12 {% if page.contentSize == 'even' %}large-6{% else %}large-8{% endif %} columns o-section-mediumdown-divided-small">
-                  <div itemprop="description" class="c-content-block c-emphasized-text">
-                    {{ content }}
+<div class="container container--default pt-8 lg:py-24">
+  <article class="space-y-8 lg:space-y-16">
+    <div class="lg:flex lg:mt-8 space-y-16 lg:space-y-0 lg:space-x-8 xl:space-x-16">
+      <section class="lg:w-3/5 xl:w-2/3">
+        <h1 class="head-alt-md md:head-alt-lg max-w-5xl mb-8">Kontaktní informace</h1>
+
+        <div class="space-y-8">
+          {% if page.contactPersons %}
+            {% for contact in page.contactPersons %}
+              {% assign person = site.people | where_exp:"item","item.uid contains contact.id" | first %}
+              <div>
+                <h2 class="head-heavy-sm mb-2 lg:mb-4">{{ contact.position }}</h2>
+                <div class="card elevation-3">
+                  <div class="card__body">
+                    {% include people/profile-badge.html item=person %}
                   </div>
                 </div>
-                <div class="medium-12 {% if page.contentSize == 'even' %}large-6{% else %}large-4{% endif %} columns o-section-mediumdown-divided-small">
-                  <div class="o-section-header o-section-header--indented">
-                    <h2 class="t-h2-alt">Základní údaje</h2>
-                  </div>
-                  {% include contacts/summary-table.html %}
-		<hr>
-    		<p>Každý člen strany má email ve tvaru: <tt>jmeno.prijmeni@pirati.cz</tt></p>
-    		<br>
+              </div>
+            {% endfor %}
+          {% else %}
+            {% assign contactPersons = site.people | where_exp: "item","item.category contains 'kontaktni_osoba'" | sort:"ordpak" %}
+            <div>
+              <h2 class="head-heavy-sm mb-2 lg:mb-4">Kontaktní {% if contactPersons.size > 1 %}osoby{% else %}osoba{% endif %}</h2>
+
+              {% for person in contactPersons %}
+              <div class="card elevation-3">
+                <div class="card__body">
+                  {% include people/profile-badge.html item=person %}
                 </div>
               </div>
+              {% endfor %}
             </div>
-          </article>
-        </main>
-      </div>
-    </section>
-  </div>
-</div>
-
-<div class="row o-section-block">
-  <div class="medium-12 {% if page.contentSize == 'even' %}large-6{% else %}large-8{% endif %} columns">
-    <section class="o-section o-section--spaceBot">
-
-{% if page.contactPersons %}
-      {% for contact in page.contactPersons %}
-      {% assign person = site.people | where_exp:"item","item.uid contains contact.id" | first %}
-      <div class="o-section-header o-section-header--indented">
-          <h2 class="t-h2-alt"> {{contact.position}} </h2>
-      </div>
-      <div class="o-section-inner">
-        <div class="o-section-block">
-            {% include people/profile-badge.html item=person imgSize='big' imgStyle='round' class='c-profile-badge--centered' %}
-        </div>
-      </div>
-      <br/>
-      {% endfor %}
-{% else %}
-      {% assign contactPersons = site.people | where_exp: "item","item.category contains 'kontaktni_osoba'" | sort:"ordpak" %}
-      <div class="o-section-header o-section-header--indented">
-          {% if contactPersons.size > 1 %}
-	          <h2 class="t-h2-alt">Kontaktní osoby</h2>
-          {% else %}
-              <h2 class="t-h2-alt">Kontaktní osoba</h2>
           {% endif %}
-      </div>
-      {% for person in contactPersons %}
-      <div class="o-section-inner">
-        <div class="o-section-block">
-            {% include people/profile-badge.html item=person imgSize='big' imgStyle='round' class='c-profile-badge--centered' %}
         </div>
-      </div>
-      <br/>
-      {% endfor %}
-{% endif %}
-	    
-    </section>
-  </div>
+      </section>
+      <section class="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">
+            <h2>Základní údaje</h2>
+            <div class="space-y-4">
+              {% include contacts/summary-table.html %}
+    		      <p>Každý člen strany má email ve tvaru: <tt>jmeno.prijmeni@pirati.cz</tt></p>
+            </div>
+            {% unless page.noresidence %}
+              <hr class="hr">
+              <h2>Sídlo a kontaktní centrum</h2>
 
-  {% unless page.noresidence %}
-  <div class="medium-12 {% if page.contentSize == 'even' %}large-6{% else %}large-4{% endif %} columns">
-    <div class="o-section o-section--spaceBot">
-      <div class="o-section-header o-section-header--indented">
-          <h2 class="t-h2-alt">Sídlo a kontaktní centrum</h2>
-      </div>
-      <div class="o-section-inner">
-        <div class="o-section-block">
-	  {% if page.residences %}
-	  	{% for residence in page.residences %}
-          		{% include contacts/residence.html residence=residence%}
-	  	{% endfor %}
-	  {% else %}
-          	{% include contacts/residence.html %}
-	  {% endif %}
+              {% if page.residences %}
+                {% for residence in page.residences %}
+                  {% include contacts/residence.html residence=residence %}
+                {% endfor %}
+              {% else %}
+                {% include contacts/residence.html %}
+              {% endif %}
+            {% endunless %}
+          </div>
         </div>
-      </div>
+      </section>
     </div>
-  </div>
-  {% endunless %}
+
+    {% if site.facebook.profilePage or site.forum.page %}
+    <div class="flex flex-col lg:flex-row lg:space-x-8">
+      {% 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 %}
+  </article>
 </div>
+

data/_layouts/default.html

@@ -10,18 +10,7 @@
 
     {% include header.html %}
 
-    {% if site.data.menu.main %}
-        {% include menu.html %}
-        {% unless page.nosubmenu %}
-            {% include submenu.html %}
-        {% endunless %}
-    {% endif %}
-
-    <div class="page-content">
-      <div class="wrapper">
-        {{ content }}
-      </div>
-    </div>
+    {{ content }}
 
     {% include footer.html %}
     {% include js/main.html %}

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>
-        </div>
-      </div>
-    </section>
-    <!-- /. o-section -->
+{% 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 %}
+{% endif %}
+
+{% capture personName %}{% include people/fullname.html person=page %}{% endcapture %}
+
+<header class="hero hero--image pt-24 pb-24 lg:pt-32 pb-24 candidate-detail__hero" style="{% if imgPath %}--image-url: url({{ imgPath }}){% else %}background: linear-gradient(var(--color-cyan-500),var(--color-cyan-500)){% endif %}">
+  <div class="container container--default text-center lg:text-left">
+    <h1 class="head-alt-md md:head-alt-xl max-w-2xl">{{ personName }}</h1>
+    {% if page.description %}
+      <h2 class="head-xs mt-2 max-w-xl">{{ page.description }}</h2>
+    {% endif %}
   </div>
+</header>
+
+<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>
+      </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>