jekyll-theme-pirati 1.1.1 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2dbeac2f9c85db5ac9a343ede9d7614326f69d3d0a1270c3d66c4869a997d641
-  data.tar.gz: c61c5b4829726c0724be505d400b37a6c89190fa5f8e82bd8e13b15bab8668e4
+  metadata.gz: 8336572f23631327d84be643ae77b1486fa4118c9af217fc4c0e06605036d6fb
+  data.tar.gz: 01e410893b83a16e45f4cd8813f01ba48dfd2014009ec4217a0066c12be48e50
 SHA512:
-  metadata.gz: fa319d010f43a91d328c363b5d1a7b3714665ef6583cacf6f94c82a12a6fabbd26b234d351f02181194085a6db64724db6965c4110e4fb8bd0b57f6f7a6788d7
-  data.tar.gz: 4b57d9375863446fecf317d2b44ec21e4c00c51b032d10318ff37e049161f80aca3e53c9536125c860388171bc5beb3b1d073a9d2fe773f13a220781c7224d4e
+  metadata.gz: 7410e40e0d239d68d03cdb58fa5781945f56e2402ee57adc9cc77706fa0513323658321594c45ee9d30441f45d8b63d95c7fd2f07dba64c05545b55a35c69c4d
+  data.tar.gz: 7ff694b99bbe738520e8c75c04599c951bef5afdc49ecc300686be9356b45b20fd03c7d5fd9b504be35295fcce3c03cfa242a60a178f600794472445459d5da1

data/_includes/{article-list → articles}/featured_article.html

@@ -1,55 +1,56 @@
 <article itemtype="http://schema.org/BlogPosting" class="c-BlogPosting c-BlogPosting--featured c-BlogPosting--primary" itemscope="">
-  <link itemprop="mainEntityOfPage" href="http://insertshownpagelinkhere.com">
+  <link itemprop="mainEntityOfPage" href="{{ include.article.url | absolute_url }}">
   <div class="c-BlogPosting-contentWrapper u-cf">
     <div class="c-BlogPosting-photoBox">
       <!-- BlogPosting image -->
-      <div itemprop="image" itemtype="http://schema.org/ImageObject" class="c-BlogPosting__image" itemscope="">
-        <img src="{{article.image | relative_url }}" alt="{{article.title}}">
-        <meta itemprop="url" content="{{article.image | relative_url }}">
-        <meta itemprop="width" content="">
-        <meta itemprop="height" content=""> </div>
+      <a href="{{ include.article.url | relative_url }}">
+        <div itemprop="image" itemtype="http://schema.org/ImageObject" class="c-BlogPosting__image" itemscope="">
+          <img src="{{ include.article.image | relative_url }}" alt="{{ include.article.title }}">
+          <meta itemprop="url" content="{{ include.article.image | relative_url }}">
+        </div>
+      </a>
     </div>
     <div class="c-BlogPosting-infoBox">
       <!-- Date published -->
       <span itemprop="description" class="c-BlogPosting__datePublished">
-        <i class="fa fa-calendar-o" aria-hidden="true"></i> {{article.date | date: "%d.%m.%Y" }}
-        <meta itemprop="datePublished" content="{{article.date | date_to_xmlschema }}">
-        <meta itemprop="dateModified" content=""> </span>
+        <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 }}">
       <br class="hide-for-medium">
       <!-- Authors -->
       <span itemprop="author" itemtype="http://schema.org/Person" class="c-BlogPosting__authors" itemscope="">
         <i class="fa fa-user" aria-hidden="true"></i>
-        <span itemprop="name" class="c-BlogPosting-excerpt__author">{{article.author}}</span>
+        <span itemprop="name" class="c-BlogPosting-excerpt__author">{{ include.article.author }}</span>
       </span>
     </div>
     <div class="c-BlogPosting-contentBox">
       <!-- Headline -->
       <h1 itemprop="headline" class="c-BlogPosting__title">
-        <a href="{{article.url | relative_url }}" itemprop="url">{{article.title}}</a>
+        <a href="{{ include.article.url | relative_url }}" itemprop="url">{{ include.article.title }}</a>
       </h1>
       <!-- BlogPosting description-->
       <div itemprop="description" class="c-BlogPosting-content">
-        <p>{{ article.excerpt | truncatewords: 45 }}</p>
+        <p>{{ include.article.excerpt | truncatewords: 45 | strip_html }}</p>
       </div>
-      <a href="{{article.url | relative_url}}" class="c-BlogPosting-excerpt-readMore">Přečíst celý článek &rsaquo;</a>
+      <a href="{{ include.article.url | relative_url }}" class="c-BlogPosting-excerpt-readMore">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="images/brand/logo.svg"> </div>
-      <meta itemprop="name" content="Česká pirátská strana"> </div>
+        <meta itemprop="url" content="{{ 'images/brand/logo.svg' | relative_url }}">
+      </div>
+      <meta itemprop="name" content="Česká pirátská strana">
+    </div>
   </div>
   <div class="c-BlogPosting-infoBox u-hidden">
     <!-- Date published -->
     <span itemprop="description" class="c-BlogPosting__datePublished">
-      <i class="fa fa-calendar-o" aria-hidden="true"></i> {{article.date | date: "%d.%m.%Y"}}
-      <meta itemprop="dateModified" content="">
-      <meta itemprop="datePublished" content=""> </span>
+      <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 }}">
     <br class="hide-for-medium">
     <!-- Authors -->
     <span itemprop="author" itemtype="http://schema.org/Person" class="c-BlogPosting__authors" itemscope="">
       <i class="fa fa-user" aria-hidden="true"></i>
-      <span itemprop="name" class="c-BlogPosting__author">Česká pirátská strana</span>
+      <span itemprop="name" class="c-BlogPosting__author">{{ include.article.author }}</span>
     </span>
   </div>
 </article>

data/_includes/articles/hp_article.html

@@ -0,0 +1,41 @@
+<article itemtype="http://schema.org/BlogPosting" class="c-BlogPosting-excerpt" itemscope="">
+  <link itemprop="mainEntityOfPage" href="http://insertshownpagelinkhere.com">
+  <div class="c-BlogPosting-excerpt-contentWrapper u-cf">
+    <div class="c-BlogPosting-excerpt-photoBox">
+      <!-- BlogPosting image -->
+      <div itemprop="image" itemtype="http://schema.org/ImageObject" class="c-BlogPosting-excerpt__image" itemscope="">
+        <a href="{{ include.article.url | relative_url }}">
+          <img src="{{ include.article.image | relative_url }}" alt="{{ include.article.title }}">
+        </a>
+        <meta itemprop="url" content="{{ include.article.image | relative_url }}">
+      </div>
+    </div>
+    <div class="c-BlogPosting-excerpt-contentBox">
+      <!-- Headline -->
+      <h2 itemprop="headline" class="c-BlogPosting-excerpt__title">
+        <a href="{{ include.article.url | relative_url }}" itemprop="url">{{ include.article.title }}</a>
+      </h2>
+      <!-- BlogPosting description-->
+      <div itemprop="description" class="c-BlogPosting-excerpt-content">{{ include.article.excerpt | truncatewords: 33 }} </div>
+      <a href="{{ include.article.url | relative_url }}" class="c-BlogPosting-excerpt-readMore">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-BlogPosting-excerpt-infoBox">
+    <!-- Date published -->
+    <span itemprop="description" class="c-BlogPosting-excerpt__datePublished">
+      <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 }}">
+      <meta itemprop="dateModified" content=""> </span>
+    <br class="hide-for-medium">
+    <!-- Authors -->
+    <span itemprop="author" itemtype="http://schema.org/Person" class="c-BlogPosting-excerpt__authors" itemscope="">
+      <i class="fa fa-user" aria-hidden="true"></i>
+      <span itemprop="name" class="c-BlogPosting-excerpt__author">{{ include.article.author }}</span>
+      <br class="hide-for-medium"> </span>
+  </div>
+</article>

data/_includes/articles/list_3col.html

@@ -0,0 +1,22 @@
+{% assign close = close | minus: 2 | modulo: 3 %}
+
+{% for article in include.posts offset: 0 %}
+  {% assign x = forloop.index | modulo: 3 %}
+  {% if x == 1 %}
+    <div class="row o-section o-section-block--divided-small o-section-block--divided-small--border--tight o-section--noSpaceBottom-medium">
+      <div class="medium-12 large-12 columns">
+        <div class="o-section-inner">
+          <div class="row">
+  {% endif %}
+            {% include articles/standard_article.html article=article %}
+  {% if x == 0 %}
+          </div><!-- .row -->
+        </div><!-- .o-section-inner -->
+      </div><!-- .columns -->
+    </div><!-- .row -->
+  {% endif %}
+{% endfor %}
+
+{% if close != 0 %}
+  </div></div></div></div>
+{% endif %}

data/_includes/articles/pagination.html

@@ -0,0 +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 %}
+
+    {% 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>
+      {% 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 %}
+      {% 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>

data/_includes/{article-list → articles}/standard_article.html

@@ -1,45 +1,47 @@
 <div class="medium-12 large-4 columns">
-  <!-- Article -->
+  <!-- include.article -->
   <article itemtype="http://schema.org/BlogPosting" class="c-BlogPosting c-BlogPosting--featured c-BlogPosting-excerpt--nospace" itemscope="">
-    <link itemprop="mainEntityOfPage" href="http://insertshownpagelinkhere.com">
+    <link itemprop="mainEntityOfPage" href="{{ include.article.url | absolute_url }}">
     <div class="c-BlogPosting-contentWrapper u-cf">
       <div class="c-BlogPosting-photoBox">
         <!-- BlogPosting image -->
-        <div itemprop="image" itemtype="http://schema.org/ImageObject" class="c-BlogPosting__image" itemscope="">
-          <img src="{{article.image | relative_url }}" alt="{{article.title}}">
-          <meta itemprop="url" content="{{article.image | relative_url }}">
-          <meta itemprop="width" content="">
-          <meta itemprop="height" content=""> </div>
+        <a href="{{ include.article.url | relative_url }}">
+          <div itemprop="image" itemtype="http://schema.org/ImageObject" class="c-BlogPosting__image" itemscope="">
+            <img src="{{ include.article.image | relative_url }}" alt="{{ include.article.title }}">
+            <meta itemprop="url" content="{{ include.article.image | relative_url }}">
+          </div>
+        </a>
       </div>
       <div class="c-BlogPosting-infoBox">
         <!-- Date published -->
         <span itemprop="description" class="c-BlogPosting__datePublished">
-          <i class="fa fa-calendar-o" aria-hidden="true"></i>{{article.date | date: "%d.%m.%Y"}}
-          <meta itemprop="datePublished" content="{{article.date | date_to_xmlschema }}">
-          <meta itemprop="dateModified" content=""> </span>
+            <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 }}">
         <br class="hide-for-medium">
         <!-- Authors -->
         <span itemprop="author" itemtype="http://schema.org/Person" class="c-BlogPosting__authors" itemscope="">
           <i class="fa fa-user" aria-hidden="true"></i>
-          <span itemprop="name" class="c-BlogPosting-excerpt__author">{{article.author}}</span>
+          <span itemprop="name" class="c-BlogPosting-excerpt__author">{{ include.article.author }}</span>
         </span>
       </div>
       <div class="c-BlogPosting-contentBox">
         <!-- Headline -->
         <h1 itemprop="headline" class="c-BlogPosting__title">
-          <a href="{{article.url | relative_url}}" itemprop="url">{{article.title}}</a>
+          <a href="{{include.article.url | relative_url}}" itemprop="url">{{ include.article.title }}</a>
         </h1>
         <!-- BlogPosting description-->
         <div itemprop="description" class="c-BlogPosting-content">
-          <p>{{ article.excerpt | truncatewords: 45 }}</p>
+          <p>{{ include.article.excerpt | truncatewords: 45 | strip_html }}</p>
         </div>
-        <a href="{{article.url | relative_url}}" class="c-BlogPosting-excerpt-readMore">Přečíst celý článek &rsaquo;</a>
+        <a href="{{ include.article.url | relative_url }}" class="c-BlogPosting-excerpt-readMore">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="images/brand/logo.svg"> </div>
-        <meta itemprop="name" content="Česká pirátská strana"> </div>
+          <meta itemprop="url" content="{{ 'images/brand/logo.svg' | relative_url }}">
+        </div>
+        <meta itemprop="name" content="Česká pirátská strana">
+      </div>
     </div>
   </article>
 </div>

data/_includes/contacts/basic_contacts.html

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

data/_includes/contacts/residance.html

@@ -0,0 +1,17 @@
+<h2>Sídlo a kontaktní centrum</h2>
+<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">
+    </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 href="{{ site.organization.mapLink }}">Zobrazit mapu ›</a>
+        </p>
+        {% endif %}
+    </div>
+</div>

data/_includes/footer.html

@@ -1,5 +1,5 @@
 <div class="text-right show-for-medium-up hide-for-print">
-      <a href="{{ site.data.links.group.github_repository }}edit/gh-pages/{{ page.path }}" class="label secondary" style="background-color:#bbb">
+    <a href="{{ site.data.links.group.github_repository }}edit/{{ site.data.links.group.github_branch}}/{{ page.path }}" class="label secondary" style="background-color:#bbb">
           <i class="fa fa-pencil"></i>
  Navrhni úpravu</a>
 </div>

data/_includes/people/list-group.html

@@ -0,0 +1,12 @@
+{% if team.size > 0 %}
+<ul class="c-simple-accordion" data-accordion="" data-options="allowAllClosed: true">
+<li class="c-simple-accordion-item is-active" data-accordion-item="">
+    <a href="#{{team_shortcut}}" class="c-simple-accordion-title">
+      {{ team_name }}
+  </a>
+  <div id="{{team_shortcut}}" class="c-simple-accordion-content" data-tab-content="">
+    {% include people/list-2col.html param=team %}
+  </div>
+</li>
+</ul>
+{% endif %}

data/_includes/people/list_2col.html

@@ -0,0 +1,28 @@
+{% comment %}
+  Dvou sloupcové zobrazení:
+   týmů v /clenove
+   úspěchů v /otevrenost
+{% endcomment %}
+<div class="row">
+{% if 1 == team.size %}
+  <div class="u-cf o-section-block o-section-block--divided-small o-section-block--divided-small--border">
+    {% assign item = team | first %}
+    <div class="large-6 small-12 small-collapse columns end o-section-mediumdown-divided-small">
+      {% include people/profile_badge.html item=item imgSize='big' imgStyle='round' %}
+    </div>
+  </div>
+{% else %}
+  {% for item in team %}
+    {% assign loopindex = forloop.index | modulo: 2 %}
+    {% if loopindex == 1 %}
+      <div class="u-cf o-section-block o-section-block--divided-small o-section-block--divided-small--border">
+    {% endif %}
+    <div class="large-6 small-12 small-collapse columns end o-section-mediumdown-divided-small">
+      {% include people/profile_badge.html item=item imgSize='big' imgStyle='round' %}
+    </div>
+    {% if loopindex == 0 %}
+      </div>
+    {% endif %}
+  {% endfor %}
+{% endif %}
+</div>

data/_includes/people/list_group.html

@@ -0,0 +1,12 @@
+{% if team.size > 0 %}
+<ul class="c-simple-accordion" data-accordion="" data-options="allowAllClosed: true">
+<li class="c-simple-accordion-item is-active" data-accordion-item="">
+    <a href="#{{team_shortcut}}" class="c-simple-accordion-title">
+      {{ team_name }}
+  </a>
+  <div id="{{team_shortcut}}" class="c-simple-accordion-content" data-tab-content="">
+      {% include people/list_2col.html param=team %}
+  </div>
+</li>
+</ul>
+{% endif %}

data/_includes/people/profile_badge.html

@@ -9,9 +9,7 @@
 <div class="o-media o-media-list">
     <div class="o-media__image o-media__image--lgspace {% if include.imgStyle == 'round' %}o-media__image--round{% endif %}">
         {% if include.imgSize != 'big' %}
-            <a href="{{ url }}">{% asset '{{ include.item.img }}' magick:resize='100x100^' magick:gravity='center' magick:crop='100x100+0+0' alt='{{ label }}' %}</a>
         {% else %}
-            <a href="{{ url }}">{% asset '{{ include.item.img }}' magick:resize='165x165^' magick:gravity='center' magick:crop='165x165+0+0' alt='{{ label }}' %}</a>
         {% endif %}
     </div>
     <div class="o-media__body">

data/_includes/right-bar/bar_cal.html

@@ -1,24 +1,24 @@
-<div class="o-section-block">
- <ul class="c-widget-accordion c-widget-accordion--dark" 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">
-       <span class="c-widget-accordion__title"> 
-           {{ site.data.links.calendar.bar_title }} 
-       </span>
-       <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom" aria-hidden="true">
-         <i class="fa fa-calendar-o fa-lg u-rotate-15"></i>
-       </span>
-     </a>
-     <div class="c-widget-accordion-content" data-tab-content="">
-       <iframe src="{{site.data.links.calendar.bar}}" style="border-width:0; width: 100%; height: 410px; border: 0; overflow: hidden;"></iframe>
-
-       {% if site.data.links.calendar.page %}
-       <div class="c-widget-accordion-content__cta">
-         <a class="dark expanded button large" href="{{ site.data.links.calendar.page | relative_url }}"> Zobrazit všechny akce </a>
-       </div>
-       {% endif %}
-
-     </div>
-   </li>
- </ul>
-</div>
+<div class="o-section-block">
+ <ul class="c-widget-accordion c-widget-accordion--dark" 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">
+       <span class="c-widget-accordion__title"> 
+           {{ site.data.links.calendar.bar_title }} 
+       </span>
+       <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom" aria-hidden="true">
+         <i class="fa fa-calendar-o fa-lg u-rotate-15"></i>
+       </span>
+     </a>
+     <div class="c-widget-accordion-content" data-tab-content="">
+       <iframe src="{{site.data.links.calendar.bar}}" style="border-width:0; width: 100%; height: 410px; border: 0; overflow: hidden;"></iframe>
+
+       {% if site.data.links.calendar.page %}
+       <div class="c-widget-accordion-content__cta">
+         <a class="dark expanded button large" href="{{ site.data.links.calendar.page | relative_url }}"> Zobrazit všechny akce </a>
+       </div>
+       {% endif %}
+
+     </div>
+   </li>
+ </ul>
+</div>

data/_includes/right-bar/bar_fb.html

@@ -1,23 +1,23 @@
-<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">
-       <span class="c-widget-accordion__title">Facebook</span>
-       <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom" aria-hidden="true">
-         <i class="fa fa-facebook fa-lg"></i>
-       </span>
-     </a>
-     <div class="c-widget-accordion-content" data-tab-content="">
-       <div class="fb-page" data-href="{{site.data.links.group.facebook_page}}" data-tabs="timeline" data-width="500" data-height="550" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
-         <div class="fb-xfbml-parse-ignore">
-           <blockquote cite="{{site.data.links.group.facebook_page}}">
-             <a href="{{site.data.links.group.facebook_page}}">
-               Najdete nás na Facebooku:<br>
-               Česká pirátská strana - Praha</a>
-           </blockquote>
-         </div>
-       </div>
-     </div>
-   </li>
- </ul>
-</div>
+<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">
+       <span class="c-widget-accordion__title">Facebook</span>
+       <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom" aria-hidden="true">
+         <i class="fa fa-facebook fa-lg"></i>
+       </span>
+     </a>
+     <div class="c-widget-accordion-content" data-tab-content="">
+       <div class="fb-page" data-href="{{site.data.links.group.facebook_page}}" data-tabs="timeline" data-width="500" data-height="550" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
+         <div class="fb-xfbml-parse-ignore">
+           <blockquote cite="{{site.data.links.group.facebook_page}}">
+             <a href="{{site.data.links.group.facebook_page}}">
+               Najdete nás na Facebooku:<br>
+               Česká pirátská strana - Praha</a>
+           </blockquote>
+         </div>
+       </div>
+     </div>
+   </li>
+ </ul>
+</div>