jekyll-theme-pirati 5.3.1 → 6.0.0

data/_includes/right-bar/bar_garant.html

@@ -4,13 +4,10 @@
     <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>
-        <span class="c-widget-accordion__icon c-widget-accordion__icon" aria-hidden="true">
-          <i class="fa fa-list"></i>
-        </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 %}
+        {% 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>

data/_includes/right-bar/bar_people.html

@@ -1,16 +1,13 @@
 <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">
+        <a href="#" class="c-widget-accordion-link c-widget-accordion-link--nofill">
           <span class="c-widget-accordion__title">Lidé</span>
-          <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom c-widget-accordion__icon--bottomPulled" aria-hidden="true">
-            <i class="fa fa-users fa-lg"></i>
-          </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' headlineClass='t-h3' showContactInfo=false %}
+              {% 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 %}

data/_includes/right-bar/bar_person_contact.html

@@ -2,11 +2,8 @@
 <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">
+      <a href="#" class="c-widget-accordion-link c-widget-accordion-link--nofill">
         <span class="c-widget-accordion__title">Kontakt</span>
-        <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom c-widget-accordion__icon--bottomPulled" aria-hidden="true">
-          <i class="fa fa-users fa-lg"></i>
-        </span>
       </a>
       <div class="c-widget-accordion-content" data-tab-content="">
           {% if page.mail %}<i class="fa fa-envelope-o"></i> <a class="c-emphasized-anchor" href="mailto:{{ page.mail }}">{{ page.mail }}</a><br/>{% endif %}
@@ -22,14 +19,14 @@
 		  {% if page.profiles.report %}<i class="fa fa-file-text-o"></i> <a href="{{page.profiles.report}}">Report poslance</a><br/>{% endif %}
           {% if page.asistenti %}
             {% for asistent in page.asistenti %}
-              <hr /> 
+              <hr />
               <h3>{{ asistent.position }}</h3>
               <p>
               <i class="fa fa-user-o"></i> {{asistent.name}}<br/>
               {% if asistent.mail %}<i class="fa fa-envelope-o"></i> <a href="mailto:{{asistent.mail}}">{{asistent.mail}}</a><br/>{% endif %}
               {% if asistent.tel %}<i class="fa fa-phone"></i> {{ main.tel }}<br/>{% endif %}
               </p>
-            {% endfor %} 
+            {% endfor %}
           {% endif %}
           {% if page.office %}
               {% assign kancl = page.office | first %}

data/_includes/right-bar/bar_program.html

@@ -8,13 +8,10 @@
         <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>
-                <span class="c-widget-accordion__icon c-widget-accordion__icon" aria-hidden="true">
-                    <i class="fa fa-list"></i>
-                </span>
             </a>
             <div class="c-widget-accordion-content" data-tab-content="" id="toc">
                 {% for campaign in campaignGroup.campaigns %}
-                <h4>{{ campaign.title }}</h4>
+                <h3 class="t-h5">{{ campaign.title }}</h3>
                 <ul class="c-widget-accordion-list">
                     <ul>
                         {% assign programSections = site.program | where: "campaignCategoryUid", campaign.categoryUid | sort:"order" %}

data/_includes/right-bar/bar_textbox.html

@@ -10,9 +10,6 @@ textbox:
    <li class="c-widget-accordion-item is-active" data-accordion-item="">
      <a href="#" class="c-widget-accordion-link">
        <span class="c-widget-accordion__title">{% if page.textbox.title %} {{ page.textbox.title }}{% endif %}</span>
-       <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom hide-for-print" aria-hidden="true">
-         <i class="fa  fa-quote-right  fa-lg u-rotate-15"></i>
-       </span>
      </a>
      <div class="c-widget-accordion-content" data-tab-content="">
        {{ page.textbox.text }}

data/_includes/right-bar/bar_tw.html

@@ -3,9 +3,6 @@
    <li class="c-widget-accordion-item is-active" data-accordion-item="">
      <a href="#" class="c-widget-accordion-link">
        <span class="c-widget-accordion__title">Twitter</span>
-       <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom" aria-hidden="true">
-         <i class="fa  fa-twitter fa-lg"></i>
-       </span>
      </a>
      <div class="c-widget-accordion-content" data-tab-content="">
        <a class="twitter-timeline" href="https://twitter.com/{{site.tw}}" data-height="520">Tweets by @{{site.tw}}</a>

data/_includes/right-bar/bar_video.html

@@ -3,9 +3,6 @@
     <li class="c-widget-accordion-item is-active" data-accordion-item="">
       <a href="#" class="c-widget-accordion-link">
         <span class="c-widget-accordion__title">Videa</span>
-        <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom" aria-hidden="true">
-          <i class="fa fa-video-camera fa-lg u-rotate-345"></i>
-        </span>
       </a>
       <div class="c-widget-accordion-content" data-tab-content="">
         <div class="c-widget-accordion-content-video">

data/_layouts/communal-elections.html

@@ -12,7 +12,7 @@ layout: blank-article
   {% endcapture %}
 
   {% if candidates.number %}
-    <div class="c-corner-ribbon c-corner-ribbon--top-right">Volte č. {{ candidates.number }}!</div>
+    <div class="c-corner-ribbon c-corner-ribbon--top-right show-for-medium">Volte č. {{ candidates.number }}!</div>
   {% endif %}
 
   {% include page-header.html headline=headline content=headerContent %}
@@ -21,25 +21,20 @@ layout: blank-article
 <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 class="o-section-header o-section-header--bordered">
+        <h3 class="o-section__heading t-h2-super">Kandidátní listina</h3>
       </div>
       <div class="c-program-candidates">
 
         {% assign leaderCandidate = site.people | where: "uid", candidates.leader.uid | first %}
-        {% include candidate-badge.html candidate=candidates.leader candidatePage=leaderCandidate leader=true rank=1 %}
+        {% include candidate-badge.html candidate=candidates.leader candidatePage=leaderCandidate rank=1 %}
 
         {% if candidates.head.size %}
-          <div class="c-program-candidates__others">
             {% for candidate in candidates.head %}
               {% assign candidatePage = site.people | where: "uid", candidate.uid  | first %}
               {% assign candidateRank = forloop.index | plus: 1 %}
-              {% assign loopindex = forloop.index | modulo: 3 %}
-              {% if loopindex == 1 %}<div class="c-program-candidates__row">{% endif %}
-                {% include candidate-badge.html candidate=candidate candidatePage=candidatePage leader=false rank=candidateRank %}
-              {% if loopindex == 0 or forloop.last %}</div>{% endif %}
+              {% include candidate-badge.html candidate=candidate candidatePage=candidatePage leader=false rank=candidateRank %}
             {% endfor %}
-          </div>
         {% endif %}
 
         {% if candidates.tail.size > 0 %}
@@ -70,16 +65,16 @@ layout: blank-article
       {% endif %}
     </div>
     <div class="columns medium-4">
-      <div class="o-section-header">
-        <h3 class="o-section__heading o-section__heading--small">Program</h3>
+      <div class="o-section-header o-section-header--bordered">
+        <h3 class="o-section__heading t-h2-super">Program</h3>
       </div>
       <div class="c-program-items">
           {% for category in programCategories %}
           <div class="c-program-items__item">
-            <div class="c-program-items__item-wrap c-tile">
+            <div class="c-program-items__item-wrap c-tile c-tile--fill">
               <div class="c-program-items__item-inner c-tile__body">
                 <a href="{{ category.url | relative_url }}">
-                  <h3 class="c-program-items__item-title t-h2 c-headline-anchor">{{ category.title }}</h3>
+                  <h3 class="c-program-items__item-title c-headline-anchor t-h4">{{ category.title }}</h3>
                   <p>{{ category.perex }}</p>
                 </a>
               </div>

data/_layouts/contacts.html

@@ -3,7 +3,7 @@ layout: default
 title: Kontaktní informace
 ---
 
-<div class="row o-section-block o-section-block--divided">
+<div class="row o-section-block ">
   <div class="medium-12 large-12 columns">
     <section class="o-section">
       <div class="o-section-inner">
@@ -17,12 +17,14 @@ title: Kontaktní informace
             <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>
+                  <div itemprop="description" class="c-content-block c-emphasized-text">
+                    {{ content }}
+                  </div>
                 </div>
                 <div class="medium-12 {% if page.contentSize == 'even' %}large-6{% else %}large-4{% endif %} columns o-section-mediumdown-divided-small">
-                  <h2>Základní údaje</h2>
+                  <div class="o-section-header o-section-header--indented">
+                    <h2 class="t-h2-alt">Základní údaje</h2>
+                  </div>
                   {% include contacts/summary-table.html %}
                 </div>
               </div>
@@ -33,17 +35,18 @@ title: Kontaktní informace
     </section>
   </div>
 </div>
-<hr>
 
-<div class="row o-section-block o-section-block--divided">
+<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">
+      <div class="o-section-header o-section-header--indented">
+        <h2 class="t-h2-alt">Kontaktní osoba</h2>
+      </div>
       <div class="o-section-inner">
         <div class="o-section-block">
-          <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' imgStyle='round' headlineClass='t-h3' %}
+            {% include people/profile-badge.html item=person imgSize='big' imgStyle='round' class='c-profile-badge--centered' %}
           {% endfor %}
         </div>
       </div>
@@ -53,9 +56,11 @@ title: Kontaktní informace
   {% 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">
-          <h2>Sídlo a kontaktní centrum</h2>
           {% include contacts/residence.html %}
         </div>
       </div>

data/_layouts/members.html

@@ -6,7 +6,7 @@ layout: default
 
 {% if page.viewMode == 'grouped' %}
   {% for group in page.groups %}
-    <div class="row o-section-block o-section-block--divided">
+    <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 %}
@@ -14,7 +14,6 @@ layout: default
           {% endif %}
           {% include people/list-group.html team=team teamName=group.name teamShortcut=group.category %}
       </section>
-      {% unless forloop.last %}<hr>{% endunless %}
     </div>
   {% endfor %}
 {% else %}
@@ -28,7 +27,7 @@ layout: default
     {% assign team = team | sort: page.sort %}
   {% endif %}
 
-  <div class="row o-section-block o-section-block--divided">
+  <div class="row o-section-block">
     <section class="large-12 columns">
       {% include people/list-responsive.html team=team %}
     </section>

data/_layouts/person.html

@@ -1,7 +1,8 @@
 ---
-layout: page
+layout: blank-article
 ---
 
-<div class="c-emphasized-text">
-    {{ content }}
+<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>

data/_layouts/post.html

@@ -54,7 +54,7 @@ layout: default
 
   <div class="row o-section-block">
     <div class="small-12 columns">
-      <div class="o-section o-section--noSpaceBottom">
+      <div class="o-section">
         <div class="">
           <div class="o-section-block o-section-block--fill">
             <div class="o-section-inner">
@@ -66,7 +66,7 @@ layout: default
 
               <div class="medium-12 large-4 columns">
                 <div class="c-widget-share-box c-widget-share-box--mediumstacked">
-                  <div class="c-widget-share-box-headline">Sdílení je aktem lásky</div>
+                  <h2 class="c-widget-share-box-headline t-h4-alt">Sdílení je aktem lásky</h2>
                   <div class="c-widget-share-box-content">
 
                       <!-- https://mycyberuniverse.com/web/social-media-share-bar-jekyll-blog-website.html -->

data/_layouts/program-post.html

@@ -2,4 +2,4 @@
 layout: page
 ---
 
-<div class="c-emphasized-text c-program-page">{{ content }}</div>
+<div class="c-emphasized-text c-content-block">{{ content }}</div>

data/_sass/_base.scss

@@ -1,6 +1,11 @@
 html, body {
   // Base font size, everyting else scales relative to this.
   font-size: 16px;
+  -webkit-font-smoothing: antialiased;
+
+  @include breakpoint(small down) {
+    font-size: 16px;
+  }
 }
 
 .fa {

data/_sass/_fonts.scss

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
+@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');
 
 @font-face {
   font-family: 'Bebas Neue Book';

data/_sass/_settings.scss

@@ -57,7 +57,7 @@ $foundation-palette: (
   dark: #343434
 );
 $light-gray: #f3f3f3;
-$medium-gray: #cacaca;
+$medium-gray: #eaeaea;
 $dark-gray: #8a8a8a;
 $black: #0a0a0a;
 $white: #fff;
@@ -67,8 +67,8 @@ $body-font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
 $body-antialiased: true;
 $global-margin: 1rem;
 $global-padding: 1rem;
-$global-weight-normal: normal;
-$global-weight-bold: bold;
+$global-weight-normal: 300;
+$global-weight-bold: 700;
 $global-radius: 0;
 $global-text-direction: ltr;
 $global-flexbox: false;
@@ -95,9 +95,9 @@ $breakpoint-classes: (small medium large);
 $grid-row-width: $global-width;
 $grid-column-count: 12;
 $grid-column-gutter: (
-  small: 10px,
-  mobile: 20px,
-  medium: 40px,
+  small: 1.5rem,
+  mobile: 1.5rem,
+  medium: 3rem,
 );
 $grid-column-align-edge: true;
 $block-grid-max: 8;
@@ -105,36 +105,141 @@ $block-grid-max: 8;
 // 4. Base Typography
 // ------------------
 
-$header-font-family: 'Bebas Neue', Helvetica, Arial, sans-serif;
-$header-font-family-sub: 'Bebas Neue Book', Helvetica, Arial, sans-serif;
-$header-font-weight: bold;
-$header-font-style: normal;
-$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
-$header-sizes: (
-  small: (
-    'h1': 24,
-    'h2': 20,
-    'h3': 19,
-    'h4': 18,
-    'h5': 17,
-    'h6': 16,
+$text: (
+  weight: (
+    default: 300,
+    mid: 400,
+    bold: 700
+  ),
+);
+
+$headers: (
+  super: (
+    family: "'Bebas Neue', Helvetica, Arial, sans-serif",
+    weight: bold,
+    letter-spacing: .005em,
+    variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
+    sizes: (
+      small: (
+        'h1': 3.124rem,
+        'h2': 3.124rem,
+        'h3': 2.828rem,
+        'h4': 2.209rem,
+        'h5': 2rem,
+        'h6': 1.563rem,
+      ),
+      medium: (
+        'h1': 3.874rem,
+        'h2': 3.124rem,
+        'h3': 2.74rem,
+        'h4': 2.209rem,
+        'h5': 1.938rem,
+        'h6': 1.563rem,
+      ),
+    )
+  ),
+  main: (
+    family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
+    weight: 700,
+    variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
+    sizes: (
+      small: (
+        'h1': 2.474rem,
+        'h2': 1.999rem,
+        'h3': 1.75rem,
+        'h4': 1.414rem,
+        'h5': 1.238rem,
+        'h6': 1rem,
+      ),
+      medium: (
+        'h1': 2.474rem,
+        'h2': 1.999rem,
+        'h3': 1.75rem,
+        'h4': 1.414rem,
+        'h5': 1.238rem,
+        'h6': 1rem,
+      ),
+    )
   ),
-  medium: (
-    'h1': 32,
-    'h2': 25.5,
-    'h3': 20,
-    'h4': 18,
-    'h5': 16,
-    'h6': 14,
+  sub: (
+    family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
+    weight: 400,
+    variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
+    sizes: (
+      small: (
+        'h1': 2.474rem,
+        'h2': 1.999rem,
+        'h3': 1.75rem,
+        'h4': 1.414rem,
+        'h5': 1.238rem,
+        'h6': 1rem,
+      ),
+      medium: (
+        'h1': 2.474rem,
+        'h2': 1.999rem,
+        'h3': 1.75rem,
+        'h4': 1.414rem,
+        'h5': 1.238rem,
+        'h6': 1rem,
+      ),
+    )
+  ),
+  alt: (
+    family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
+    weight: 300,
+    variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
+    sizes: (
+      small: (
+        'h1': 2.474rem,
+        'h2': 1.999rem,
+        'h3': 1.75rem,
+        'h4': 1.414rem,
+        'h5': 1.238rem,
+        'h6': 1rem,
+      ),
+      medium: (
+        'h1': 2.474rem,
+        'h2': 1.999rem,
+        'h3': 1.75rem,
+        'h4': 1.414rem,
+        'h5': 1.238rem,
+        'h6': 1rem,
+      ),
+    )
   ),
 );
+
+// $header-font-family-super: 'Bebas Neue', Helvetica, Arial, sans-serif;
+// $header-font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
+// $header-font-family-sub: 'Bebas Neue Book', Helvetica, Arial, sans-serif;
+// $header-font-weight: 700;
+// $header-font-style: normal;
+$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
+// $header-sizes: (
+//   small: (
+//     'h1': 1.953rem,
+//     'h2': 1.563rem,
+//     'h3': 1.25rem,
+//     'h4': 1rem,
+//     'h5': 0.8rem,
+//     'h6': 0.64rem,
+//   ),
+//   medium: (
+//     'h1': 37.897,
+//     'h2': 28.430,
+//     'h3': 21.328,
+//     'h4': 16,
+//     'h5': 12.003,
+//     'h6': 9.004,
+//   ),
+// );
 $header-color: inherit;
 $header-lineheight: 1.2;
 $header-margin-bottom: 0.5rem;
 $header-text-rendering: optimizeLegibility;
 $small-font-size: 80%;
 $header-small-font-color: $medium-gray;
-$paragraph-lineheight: 1.6;
+$paragraph-lineheight: 1.4;
 $paragraph-margin-bottom: 1rem;
 $paragraph-text-rendering: optimizeLegibility;
 $code-color: $black;
@@ -171,6 +276,19 @@ $keystroke-padding: rem-calc(2 4 0);
 $keystroke-radius: $global-radius;
 $abbr-underline: 1px dotted $black;
 
+$facebook-color: #1672b9;
+$twitter-color: #91cfff;
+$gplus-color: #cc0303;
+$instagram-color: #d10869;
+$pinterest-color: #cb2027;
+$tumblr-color: #32506d;
+$reddit-color: #ff4500;
+$linkedin-color: #007bb5;
+$envelope-color: #444444;
+
+$ternary-color: lighten($primary-color, 13%);
+$rbar-accent-color: $ternary-color;
+
 // 5. Typography Helpers
 // ---------------------
 
@@ -240,8 +358,8 @@ $breadcrumbs-item-slash: true;
 $button-padding: 0.85em 1em;
 $button-margin: 0 0 $global-margin 0;
 $button-fill: solid;
-$button-background: $primary-color;
-$button-background-hover: scale-color($button-background, $lightness: -15%);
+$button-background: $dark-gray;
+$button-background-hover: $ternary-color;
 $button-color: $white;
 $button-color-alt: $black;
 $button-radius: $global-radius;