jekyll-theme-pirati 3.0.0 → 3.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9a229c7fd9edeb25819eb2fac103fca20944262df442d8d60b9d1d11978caa66
-  data.tar.gz: 3e24495b76341f6b5552ab54befe4f45eeff779b7cb66847f5b98b6f82b6444a
+  metadata.gz: a47f84d01a6148c8e9fe88459ba753145a8a4418021cf5d378dca60f188c8c30
+  data.tar.gz: 003de86e042d8d353aa8ed834d85ac636a5686ee7a14bdb5fbc37897a66bc9d0
 SHA512:
-  metadata.gz: b50f7e2bcf6fbfd650ac417a55977d74a0b2b151337642b551efaa1fc8e9b57d3f54d4e2689b86083c1c00e976230fcced6d937b7222d54474f35959ca27c42d
-  data.tar.gz: 806f9eec8fde46037cec4fdfe8e5642af855a280c69ab8d398899b5450dfc9955abd1085a53c74b60e781f3d6967dde5ef6c05479e6a8453c0d95a0583c9510b
+  metadata.gz: cd7114f54e37c4bd017a74e63892e9b28914627e7fb7f4a5819352508adac54ecd45c714f9bdf2ad2457b3df36768bc38b31bbbeccdf7a1cbe3844c38555d9c4
+  data.tar.gz: d97bff6b3533f4d0789cb6488b45478dfc52bf155223a9600741bab436deefecf46c2b0f61c3be067b6609b0039a26d2e5a9ab9b3a63619526e01a99f6d6674c

data/_data/members.yml

@@ -0,0 +1,9 @@
+viewMode: grouped # or alltogether
+groups:
+  - name: Místní předsednictvo
+    category: pms
+    sort: ordpms
+  - name: Členové
+    category: clenove
+  - name: Aktivní příznivci
+    category: priznivci

data/_includes/accordeon/accordeon.html

@@ -4,9 +4,7 @@
       <span class="c-widget-accordion__title c-widget-accordion__title--noicon c-widget-accordion__title--plain">{{point.title}}</span>
     </a>
     <div class="c-widget-accordion-content" data-tab-content="">
-      <div class="c-widget-accordion-content-inner c-widget-accordion-content-inner--bigp">
-        {{point.content}}
-      </div>
+        {{ point.content }}
     </div>
   </li>
 </ul>

data/_includes/articles/author.html

@@ -0,0 +1,8 @@
+{% if include.article.authorId %}
+{% assign author = site.people | where_exp:"item","item.uid contains include.article.authorId" | first %}
+<a href={{author.url}}>
+    {{author.name}}
+</a>
+{% else %}
+{{ include.article.author }}
+{% endif %}

data/_includes/articles/horizontal-article.html

@@ -0,0 +1,48 @@
+<article itemtype="http://schema.org/BlogPosting" class="c-article-listing" itemscope="">
+  <link itemprop="mainEntityOfPage" href="{{ include.article.url | absolute_url }}">
+
+  <div class="c-article-listing__row">
+    <div class="c-article-listing__photobox">
+      <div itemprop="image" itemtype="http://schema.org/ImageObject" class="c-article-listing__image" itemscope="">
+        {% capture imgPath %}{% asset '{{ include.article.image }}' magick:resize="348x232^" magick:gravity='center' magick:crop='348x232+0+0' @path %}{% endcapture %}
+        <a href="{{ include.article.url | relative_url }}">
+          <img src="{{ imgPath }}" alt="{{ include.article.title }}">
+        </a>
+        <meta itemprop="url" content="{{ imgPath }}">
+      </div>
+    </div>
+
+    <div class="c-article-listing__content">
+      <!-- Headline -->
+      <h2 itemprop="headline" class="c-BlogPosting-excerpt__title">
+        <a class="c-headline-anchor" href="{{ include.article.url | relative_url }}" itemprop="url">{{ include.article.title }}</a>
+      </h2>
+      <div itemprop="description" class="c-BlogPosting-excerpt-content">{{ include.article.excerpt | truncatewords: 33 }} </div>
+      <a class="c-emphasized-anchor" href="{{ include.article.url | relative_url }}">Přečíst celý článek &rsaquo;</a>
+    </div>
+    <!-- Publisher -->
+    <div itemprop="publisher" itemtype="http://schema.org/Organization" class="u-hidden" itemscope="">
+      <div itemprop="logo" itemtype="http://schema.org/ImageObject" itemscope="">
+        <meta itemprop="url" content="{{ 'assets/img/brand/logo.svg' | relative_url }}"> </div>
+      <meta itemprop="name" content="Česká pirátská strana">
+    </div>
+  </div>
+
+  <div class="c-article-listing__meta">
+    <div class="c-metadata-block-section">
+      <!-- Date published -->
+      <span itemprop="description" class="c-metadata-block-section__item">
+        <i class="fa fa-calendar-o" aria-hidden="true"></i> {{ include.article.date | date: "%d.%m.%Y" }}
+        <meta itemprop="datePublished" content="{{ include.article.date | date_to_xmlschema }}" />
+      </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>
+  </div>
+</article>

data/_includes/articles/list-responsive.html

@@ -0,0 +1,9 @@
+<div class="o-section-block">
+  <div class="row">
+    {% for article in include.posts %}
+      <div class="medium-6 large-4 columns {% if forloop.last %}end{% endif %}">
+        {% include articles/vertical-article.html article=article %}
+      </div>
+    {% endfor %}
+  </div>
+</div>

data/_includes/articles/pagination.html

@@ -1,27 +1,27 @@
-<ul class="pagination text-center" role="navigation" aria-label="Pagination">
-    {% if include.paginator.page != 1 %}
-    <li class="pagination-previous">
-      <a href="{{ include.paginator.previous_page_path }}" class="button expanded large" aria-label="Previous page">Předchozí</a>
-    </li>
-    {% endif %}
+<ul class="c-pagination text-center" role="navigation" aria-label="Pagination">
+  {% if include.paginator.page != 1 %}
+  <li class="c-pagination__previous c-pagination__link">
+    <a class="c-pagination__anchor" href="{{ include.paginator.previous_page_path }}" aria-label="Předchozí stránka">Předchozí</a>
+  </li>
+  {% endif %}
 
-    {% for page in (1..include.paginator.total_pages) %}
-    <li {% if page == include.paginator.page %} class="current"{% endif %}>
-      {% if page == include.paginator.page %}
-        <span>{{ forloop.index }}</span>
+  {% for page in (1..include.paginator.total_pages) %}
+  <li class="c-pagination__link{% if page == include.paginator.page %}  c-pagination__link--current{% endif %}">
+    {% if page == include.paginator.page %}
+      <span class="c-pagination__anchor">{{ forloop.index }}</span>
+    {% else %}
+      {% if forloop.index == 1 %}
+        <a class="c-pagination__anchor" href="/aktuality/" aria-label="Stránka {{ forloop.index }}">{{ forloop.index }}</a>
       {% else %}
-        {% if forloop.index == 1 %}
-          <a href="/aktuality/" aria-label="Page {{ forloop.index }}">{{ forloop.index }}</a>
-        {% else %}
-          <a href="/aktuality/{{forloop.index}}/" aria-label="Page {{ forloop.index }}">{{ forloop.index }}</a>
-        {% endif %}
+        <a class="c-pagination__anchor" href="/aktuality/{{forloop.index}}/" aria-label="Stránka {{ forloop.index }}">{{ forloop.index }}</a>
       {% endif %}
-    </li>
-    {% endfor %}
-
-    {% if include.paginator.page != include.paginator.total_pages %}
-    <li class="pagination-next">
-      <a href="{{ include.paginator.next_page_path }}" class="button expanded large" aria-label="Next page">Další</a>
-    </li>
     {% endif %}
-  </ul>
+  </li>
+  {% endfor %}
+
+  {% if include.paginator.page != include.paginator.total_pages %}
+  <li class="c-pagination__next c-pagination__link">
+    <a class="c-pagination__anchor" href="{{ include.paginator.next_page_path }}" aria-label="Další stránka">Další</a>
+  </li>
+  {% endif %}
+</ul>

data/_includes/articles/vertical-article.html

@@ -0,0 +1,51 @@
+<!-- include.article -->
+<article itemtype="http://schema.org/BlogPosting" class="c-article-listing c-article-listing--vertical" itemscope="">
+  <link itemprop="mainEntityOfPage" href="{{ include.article.url | absolute_url }}">
+
+  <div class="c-article-listing__photobox">
+    <a href="{{ include.article.url | relative_url }}">
+      <div itemprop="image" itemtype="http://schema.org/ImageObject" class="c-article-listing__image" itemscope="">
+        {% capture imgPath %}{% asset '{{ include.article.image }}' magick:resize='751x422^' magick:gravity='center' magick:crop='751x422+0+0' @path %}{% endcapture %}
+        <img src="{{ imgPath }}" alt="{{ include.article.title }}">
+        <meta itemprop="url" content="{{ imgPath }}">
+      </div>
+    </a>
+  </div>
+
+  <div class="c-article-listing__meta">
+    <div class="c-metadata-block-section">
+      <!-- Date published -->
+      <span itemprop="description" class="c-metadata-block-section__item">
+        <i class="fa fa-calendar-o" aria-hidden="true"></i> {{ include.article.date | date: "%d.%m.%Y" }}
+        <meta itemprop="datePublished" content="{{ include.article.date | date_to_xmlschema }}" />
+      </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>
+  </div>
+
+  <div class="c-article-listing__content">
+    <!-- Headline -->
+    <h1 itemprop="headline" class="c-article-listing__headline t-h2">
+      <a class="c-headline-anchor" href="{{ include.article.url | relative_url }}" itemprop="url">{{ include.article.title }}</a>
+    </h1>
+    <div itemprop="description" class="c-article-listing__perex">
+      <p>{{ include.article.excerpt | truncatewords: 45 | strip_html }}</p>
+    </div>
+    <a class="c-emphasized-anchor" href="{{ include.article.url | relative_url }}">Přečíst celý článek &rsaquo;</a>
+  </div>
+
+  <!-- Publisher -->
+  <div itemprop="publisher" itemtype="http://schema.org/Organization" class="u-hidden" itemscope="">
+    <div itemprop="logo" itemtype="http://schema.org/ImageObject" itemscope="">
+      <meta itemprop="url" content="{% asset brand/logo.svg @path %}">
+    </div>
+    <meta itemprop="name" content="Česká pirátská strana">
+  </div>
+</article>

data/_includes/candidate-badge.html

@@ -0,0 +1,14 @@
+<div class="c-program-candidate-badge{% if include.leader %} c-program-candidate-badge--leader{% endif %}">
+  <a class="c-program-candidate-badge__body" href="{{ include.candidate.url | relative_url }}">
+      <div class="c-program-candidate-badge__avatar">
+          <span class="c-program-candidate-badge__rank"><span>{{ include.candidate.cityCandidatePosition }}.</span></span>
+          {% capture img %}{% if include.candidate.img %}{% asset '{{ include.candidate.img }}' magick:resize='240x240^' magick:gravity='center' magick:crop='240x240+0+0' @path %}{% else %}{% asset people/unknown-pirate.svg @path %}{% endif %}{% endcapture %}
+          <img src="{{ img }}" alt="{{ include.candidate.fullname }}" class="c-program-candidate-badge__avatar-image">
+      </div>
+      <div class="c-program-candidate-badge__description">
+          <h4 class="c-program-candidate-badge__name t-h2"><span class="c-headline-anchor">{{ include.candidate.fullname }}</span></h4>
+          <strong class="c-program-candidate-badge__profession">{{ include.candidate.profession }}</strong>
+          <p class="c-program-candidate-badge__bio">{{ include.candidate.candidateDescription }}</p>
+      </div>
+  </a>
+</div>

data/_includes/contacts/basic-contacts.html

@@ -0,0 +1,33 @@
+<h2>Základní údaje</h2>
+<table>
+  <tbody>
+    <tr>
+        <td>
+            <i class="fa fa-envelope"></i>&nbsp;&nbsp;Emailová adresa:
+        </td>
+        <td>
+            <a class="c-emphasized-anchor" href="mailto:{{ site.organization.email }}">{{ site.organization.email }}</a>
+        </td>
+    </tr>
+    <tr>
+        <td><i class="fa fa-envelope"></i>&nbsp;&nbsp;Podatelna (Redmine):</td>
+        <td><a class="c-emphasized-anchor" href="{{ site.organization.redmineLink }}">podatelna</a></td>
+    </tr>
+    <tr>
+        <td><i class="fa fa-phone"></i>&nbsp;&nbsp;Telefonický kontakt</td>
+        <td><a class="c-emphasized-anchor" href="tel:{{ site.organization.phone }}">{{ site.organization.phone }}</a></td>
+    </tr>
+    <tr>
+        <td><i class="fa fa-desktop"></i>&nbsp;&nbsp;Celostátní web</td>
+        <td><a class="c-emphasized-anchor" href="https://www.pirati.cz">www.pirati.cz</a></td>
+    </tr>
+    <tr>
+        <td><i class="fa fa-files-o"></i>&nbsp;&nbsp;Datová schránka</td>
+        <td> b2i4r6j </td>
+    </tr>
+    <tr>
+        <td><i class="fa fa-university"></i>&nbsp;&nbsp;Transparentní účty</td>
+        <td> 2100048174/2010 a <a class="c-emphasized-anchor" href="https://wiki.pirati.cz/fo/seznam_uctu">další účty</a> </td>
+    </tr>
+  </tbody>
+</table>

data/_includes/contacts/{residance.html → residence.html}

@@ -2,16 +2,16 @@
 <div class="o-media o-media--top">
     {% if site.organization.residenceImg %}
     <div class="o-media__image">
-        <img src="{{ site.organization.residenceImg | relative_url }}" alt="Sídlo">
+      {% asset '{{ site.organization.residenceImg }}' magick:resize='200x' alt='Sídlo' %}
     </div>
     {% endif %}
     <div class="o-media__body">
         <h3>{{ site.organization.name }}</h3>
         <p>{{ site.organization.address | newline_to_br }}</p>
         {% if site.organization.mapLink %}
-        <p>
-          <a class="c-emphasized-anchor" href="{{ site.organization.mapLink }}">Zobrazit mapu ›</a>
-        </p>
+          <p>
+            <a class="c-emphasized-anchor" href="{{ site.organization.mapLink }}">Zobrazit mapu ›</a>
+          </p>
         {% endif %}
     </div>
 </div>

data/_includes/footer.html

@@ -8,18 +8,18 @@
 <footer class="o-section o-section--darker o-section--bigger u-inverted u-cf">
   <div class="o-section-inner">
     <div class="row">
-      <div class="medium-12 large-3 u-stacked-medium-down columns">
-        <img src="{{ 'assets/img/brand/logo_napis_white.svg' | relative_url }}" alt="Česká pirátská strana" class="logo u-center-medium-down u-10paddingTop">
-        <p class="u-0margin u-noWrap u-50paddingTop u-smaller-line-height show-for-large">
+      <div class="medium-12 large-3 u-stacked--medium-down u-center--medium-down columns">
+        {% asset brand/logo_napis_white.svg alt='Česká pirátská strana' class='logo u-center-medium-down u-stacked' %}
+        <p class="u-noWrap u-stacked u-smaller-line-height show-for-large">
           <span class="u-mirror-horizontally">&copy;</span> Piráti, {{ site.time | date: '%Y' }}. Všechna práva vyhlazena.
           <br>Sdílejte a nechte ostatní sdílet za stejných
           <br>podmínek.
       </div>
-      <div class="medium-12 large-6 u-stacked-medium-down columns">
-        <div class="row u-custom-gutter">
+      <div class="medium-12 large-6 u-stacked--medium-down u-center--medium-down columns show-for-medium">
+        <div class="row">
           {% for linkGroup in site.data.menu.bottom %}
             <div class="columns {{ linkGroup.class }}">
-                <nav class="c-vertical-navigation u-center-medium-down">
+                <nav class="c-vertical-navigation u-center---medium-down">
                   {% if linkGroup.title %}
                     <h3 class="c-vertical-navigation__title">{{ linkGroup.title }}</h3>
                   {% endif %}
@@ -35,8 +35,8 @@
           {% endfor %}
         </div>
       </div>
-      <div class="medium-12 large-3 u-stacked-medium-down columns u-center-medium-down">
-        <nav class="c-vertical-navigation">
+      <div class="medium-12 large-3 u-stacked--medium-down columns u-center--medium-down">
+        <nav class="c-vertical-navigation u-stacked">
           <h3 class="c-vertical-navigation__title">Buďte s námi v síti</h3>
           <ul class="c-vertical-navigation-items c-vertical-navigation-items--horizontal">
             {% if site.facebook.profilePage %}
@@ -69,7 +69,7 @@
             {% endif %}
           </ul>
         </nav>
-        <p class="u-10paddingTop u-maxWidth80percent u-smaller-line-height hide-for-large">
+        <p class=" u-stacked u-maxWidth80percent u-smaller-line-height hide-for-large">
           <span class="u-mirror-horizontally">&copy;</span> Piráti, {{ site.time | date: '%Y' }}. Všechna práva vyhlazena.
           <br> Sdílejte a nechte ostatní sdílet za stejných podmínek.
       </div>
@@ -80,15 +80,15 @@
 {% assign contactPerson = site.people | where_exp: "item","item.uid contains site.organization.contactUid" | first %}
 
 {% if contactPerson %}
-<aside class="o-section o-section--bigger c-contact-bar u-inverted u-center-medium-down">
+<aside class="o-section o-section--bigger c-contact-bar u-inverted u-center--medium-down show-for-medium">
   <div class="o-section-inner">
     <div class="row">
       <div class="small-12 columns">
-        <header class="c-contact-bar-header u-stacked-medium-down">
+        <header class="c-contact-bar-header u-stacked--medium-down">
           <h3 class="c-contact-bar__heading"> <a href="{{ '/kontakt/' | relative_url }}">Kontakt</a> </h3>
         </header>
-        <ul class="c-contact-bar-items u-stacked-medium-down">
-          <li class="c-contact-bar__item u-stacked-medium-down">
+        <ul class="c-contact-bar-items u-stacked--medium-down">
+          <li class="c-contact-bar__item u-stacked--medium-down">
             <div class="c-contact-bar__description"> {{ contactPerson.fullname }},
               <a href="mailto:{{ contactPerson.mail }}">{{ contactPerson.mail }}</a>
             </div>

data/_includes/head.html

@@ -11,42 +11,42 @@
     <meta name="description" content="{{description}}">
     <meta name="keywords" content="{{keywords}}" />
     <!-- Favicons -->
-    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{ 'assets/favicon/apple-touch-icon-57x57.png' | relative_url }}">
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ 'assets/favicon/apple-touch-icon-114x114.png' | relative_url }}">
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ 'assets/favicon/apple-touch-icon-72x72.png' | relative_url }}">
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ 'assets/favicon/apple-touch-icon-144x144.png' | relative_url }}">
-    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="{{ 'assets/favicon/apple-touch-icon-60x60.png' | relative_url }}">
-    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ 'assets/favicon/apple-touch-icon-120x120.png' | relative_url }}">
-    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{ 'assets/favicon/apple-touch-icon-76x76.png' | relative_url }}">
-    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ 'assets/favicon/apple-touch-icon-152x152.png' | relative_url }}">
-    <link rel="icon" type="image/png" href="{{ 'assets/favicon/favicon-196x196.png' | relative_url }}" sizes="196x196">
-    <link rel="icon" type="image/png" href="{{ 'assets/favicon/favicon-96x96.png' | relative_url }}" sizes="96x96">
-    <link rel="icon" type="image/png" href="{{ 'assets/favicon/favicon-16x16.png' | relative_url }}" sizes="16x16">
-    <link rel="icon" type="image/png" href="{{ 'assets/favicon/favicon-32x32.png' | relative_url }}" sizes="32x32">
-    <link rel="icon" type="image/png" href="{{ 'assets/favicon/favicon-128.png' | relative_url }}" sizes="128x128">
+    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{% asset favicon/apple-touch-icon-57x57.png @path %}">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% asset favicon/apple-touch-icon-114x114.png @path %}">
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% asset favicon/apple-touch-icon-72x72.png @path %}">
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{% asset favicon/apple-touch-icon-144x144.png @path %}">
+    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="{% asset favicon/apple-touch-icon-60x60.png @path %}">
+    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{% asset favicon/apple-touch-icon-120x120.png @path %}">
+    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{% asset favicon/apple-touch-icon-76x76.png @path %}">
+    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{% asset favicon/apple-touch-icon-152x152.png @path %}">
+    <link rel="icon" type="image/png" href="{% asset favicon/favicon-196x196.png @path %}" sizes="196x196">
+    <link rel="icon" type="image/png" href="{% asset favicon/favicon-96x96.png @path %}" sizes="96x96">
+    <link rel="icon" type="image/png" href="{% asset favicon/favicon-16x16.png @path %}" sizes="16x16">
+    <link rel="icon" type="image/png" href="{% asset favicon/favicon-32x32.png @path %}" sizes="32x32">
+    <link rel="icon" type="image/png" href="{% asset favicon/favicon-128x128.png @path %}" sizes="128x128">
     <link rel="alternate" type="application/rss+xml" title="{{ site.organization.name }} RSS" href="{{ '/feed.xml' | relative_url }}">
     <meta name="application-name" content="{{ site.organization.name | escape }}">
     <meta name="msapplication-TileColor" content="#000000">
-    <meta name="msapplication-TileImage" content="{{ 'assets/favicon/mstile-144x144.png' | relative_url }}">
-    <meta name="msapplication-square70x70logo" content="{{ 'assets/favicon/mstile-70x70.png' | relative_url }}">
-    <meta name="msapplication-square150x150logo" content="{{ 'assets/favicon/mstile-150x150.png' | relative_url }}">
-    <meta name="msapplication-wide310x150logo" content="{{ 'assets/favicon/mstile-310x150.png' | relative_url }}">
-    <meta name="msapplication-square310x310logo" content="{{ 'assets/favicon/mstile-310x310.png' | relative_url }}">
+    <meta name="msapplication-TileImage" content="{% asset favicon/mstile-144x144.png @path %}">
+    <meta name="msapplication-square70x70logo" content="{% asset favicon/mstile-70x70.png @path %}">
+    <meta name="msapplication-square150x150logo" content="{% asset favicon/mstile-150x150.png @path %}">
+    <meta name="msapplication-wide310x150logo" content="{% asset favicon/mstile-310x150.png @path %}">
+    <meta name="msapplication-square310x310logo" content="{% asset favicon/mstile-310x150.png @path %}">
     <meta property="og:url"           content="{{ page.url | absolute_url }}" />
     <meta property="og:type"          content="website" />
     <meta property="og:title"         content="{{ title }}" />
     <meta property="og:description"   content="{{ description }}" />
     {% if page.layout == 'post' %}
-    <meta property="og:image"         content="{{ page.image | relative_url }}" />
+    <meta property="og:image"         content="{% asset '{{ page.image }}' @path %}" />
     {% elsif page.img %}
-    <meta property="og:image"         content="{{ 'assets/{{ page.img | relative_url }}" />
+    <meta property="og:image"         content="{% asset '{{ page.img }}' @path %}" />
     {% else %}
-    <meta property="og:image"         content="{{ 'assets/img/brand/logo-round.png' | relative_url }}" />
+    <meta property="og:image"         content="{% asset brand/logo-round.png @path %}" />
     {% endif %}
     <!-- Fonts -->
     {% if page.layout != 'blank' %}
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}">
+    <link rel="stylesheet" href="{% asset 'main.css' @path !type %}">
     {% endif %}
     <!-- API Mapy.cz that has to be in the header -->
     {% if page.mapycz_api %}

data/_includes/header.html

@@ -1,4 +1,4 @@
-<aside class="o-section o-section--smaller c-header-bar u-inverted u-center-860-down">
+<aside class="o-section o-section--smaller c-header-bar u-inverted u-center--medium-down">
   <div class="row">
     <div class="o-section-inner" style="padding: 3px;">
       <div class="medium-12 columns">

data/_includes/headline-image.html

@@ -1,14 +1,15 @@
 <div class="o-section-block o-section-block-fill">
   <div class="c-headline-image">
+    {% capture imgPath %}{% asset '{{ include.image }}' magick:resize='751x422^' magick:gravity='center' magick:crop='751x422+0+0' @path %}{% endcapture %}
 
     <div class="c-headline-image__background">
-      <img src="{{ include.image | relative_url }}" alt="{{ include.title}}">
+      <img src="{{ imgPath }}" alt="{{ include.title}}">
     </div>
 
     <div class="row small-collapse medium-uncollapse">
       <div class="small-12 columns">
         <div class="o-section-inner--medium">
-          <img src="{{ include.image | relative_url }}" alt="{{ include.title }}"> </div>
+          <img src="{{ imgPath }}" alt="{{ include.title }}"> </div>
       </div>
     </div>
 

data/_includes/js/main.html

@@ -2,9 +2,9 @@
 This whole include will be overwritten by built JS files when publishing the
 theme Gem.
 {% endcomment %}
-<link rel="stylesheet" href="/assets/js/main.98ff15822eba72edef32.css" />
-<script src="/assets/js/0.main.98ff15822eba72edef32.js"></script>
-<script src="/assets/js/main.98ff15822eba72edef32.js"></script>
+<link rel="stylesheet" href="/assets/js/main.e640f60e727337dacf2d.css" />
+<script src="/assets/js/0.main.e640f60e727337dacf2d.js"></script>
+<script src="/assets/js/main.e640f60e727337dacf2d.js"></script>
 
 {% if site.facebook.loadSDK %}
 <script>