jekyll-theme-pirati 5.3.1 → 6.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2ee021d138930108f8492ee0773747b9ae03e104f16e515232b069edaa04284c
-  data.tar.gz: e1cd99f4ccdfcf6d456c7205f1772150017053e3a2a04b06441e588c2099a82d
+  metadata.gz: 41123ec9bdcfca9f8b8e08b0e083f9d60e4c25bcc55dfecc117e97daefffbd72
+  data.tar.gz: 68b1f9957e9740820f87743ddbe5a9456b7612f499de5345eaa85678ac867f76
 SHA512:
-  metadata.gz: 40e6fe1bd337fc5233c24f408012cac45e8bc99b4281be6983576ac5c4a6f1e707d45c3d1fd3093a137339f56676011a1a50b901edaad5da26de8e0011af3364
-  data.tar.gz: bad7a4e2090d05edd16377f4dba838ac9584aab9f737449a13a31263b1cf5794c37affdc6da37c7293df06db4fe8eab531fa6aeb3756413edbff8707615dbfb0
+  metadata.gz: 85cf4453754541bf1a4a6f3fbf3a5682c41d9aa8b71d87119516051f6d59c85a3be619c3122e181ae0c78292d2493c07128985cbde9355ba0f1432ccb888f116
+  data.tar.gz: 46c9cf54688053ba6d5c778216f29bef25d73fd7396a68d72f3131cb511dec09380afce9e40b78e2778d71e9bfc1d69b2bec4e07cfb645bf505f24f57e5f6cab

data/README.md

@@ -8,6 +8,25 @@ Theme of Czech Pirate Party.
 
 For usage see readme of  https://github.com/pirati-web/example.pirati.cz
 
+## Updating to 6.x
+
+To upgrade to v6 which features major visual upgrade, following steps are necessary:
+
+ - For `_people` collection, remove `fullaname` property for every document. Instead, provide `titles` property to keep academic degrees in following format:
+
+    ```
+    titles:
+      before: MUDr.
+      after:  Ph.D.
+    ```
+ - To make your contact page look OK, you will need to wrap it's  sub-heading in following fashion:
+
+    ```
+    <div class="o-section-header o-section-header--indented">
+      <h1 class="t-h2-alt">Přidejte se</h1>
+    </div>
+    ```
+
 ## Contributing
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/pirati-web/jekyll-theme-pirati/. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.

data/_includes/articles/horizontal-article.html

@@ -14,10 +14,10 @@
 
     <div class="c-article-listing__content">
       <!-- Headline -->
-      <h2 itemprop="headline">
+      <h1 itemprop="headline" class="c-article-listing__headline t-h4">
         <a class="c-headline-anchor" href="{{ include.article.url | relative_url }}" itemprop="url">{{ include.article.title }}</a>
-      </h2>
-      <p itemprop="description" class="c-article-listing__perex u-stacked">{{ include.article.excerpt | truncatewords: 33 | strip_html }}</p>
+      </h1>
+      <p itemprop="description" class="c-article-listing__perex u-stacked t-font-features">{{ include.article.excerpt | truncatewords: 33 | strip_html }}</p>
       <a class="c-emphasized-anchor u-stacked" href="{{ include.article.url | relative_url }}">Přečíst celý článek &rsaquo;</a>
     </div>
     <!-- Publisher -->

data/_includes/articles/vertical-article.html

@@ -32,10 +32,10 @@
 
   <div class="c-article-listing__content">
     <!-- Headline -->
-    <h1 itemprop="headline" class="c-article-listing__headline t-h2">
+    <h1 itemprop="headline" class="c-article-listing__headline t-h4">
       <a class="c-headline-anchor" href="{{ include.article.url | relative_url }}" itemprop="url">{{ include.article.title }}</a>
     </h1>
-    <p itemprop="description" class="c-article-listing__perex u-stacked">{{ include.article.excerpt | truncatewords: 45 | strip_html }}</p>
+    <p itemprop="description" class="c-article-listing__perex u-stacked t-font-features">{{ include.article.excerpt | truncatewords: 35 | strip_html }}</p>
     <a class="c-emphasized-anchor u-stacked" href="{{ include.article.url | relative_url }}">Přečíst celý článek &rsaquo;</a>
   </div>
 

data/_includes/candidate-badge.html

@@ -1,17 +1,19 @@
-<div class="c-program-candidate-badge{% if include.leader %} c-program-candidate-badge--leader{% endif %}">
+<div class="c-program-candidate-badge">
   <a class="c-program-candidate-badge__body" href="{{ include.candidatePage.url | relative_url }}">
+      <span class="c-program-candidate-badge__rank"><span>{{ include.rank }}</span></span>
       <div class="c-program-candidate-badge__avatar">
-          <span class="c-program-candidate-badge__rank"><span>{{ include.rank }}.</span></span>
-          {% capture img %}{% if include.candidatePage.img %}{% asset '{{ include.candidatePage.img }}' magick:resize='240x240^' magick:gravity='center' magick:crop='240x240+0+0' @path %}{% else %}{{ 'assets/img/people/unknown-pirate.svg' | relative_url }}{% endif %}{% endcapture %}
-          <img src="{{ img }}" alt="{{ include.candidatePage.fullname }}" class="c-program-candidate-badge__avatar-image">
+          {% capture img %}{% if include.candidatePage.img %}{% asset '{{ include.candidatePage.img }}' magick:resize='225x225^' magick:gravity='center' magick:crop='225x225+0+0' @path %}{% else %}{{ 'assets/img/people/unknown-pirate.svg' | relative_url }}{% endif %}{% endcapture %}
+          <img src="{{ img }}" alt="{% include people/fullname.html person=include.candidatePage plain=true %}" 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.candidatePage.fullname }}</span></h4>
+          <h4 class="c-program-candidate-badge__name"><span class="c-headline-anchor">{% include people/fullname.html person=include.candidatePage %}</span></h4>
           <strong class="c-program-candidate-badge__profession">
               {% if include.candidate.age %} {{ include.candidate.age }} let, {% endif %}
               {{ include.candidate.profession }}{% if include.candidate.party %}, {{ include.candidate.party }} {% endif %}
           </strong>
+          {% if include.candidate.description %}
           <p class="c-program-candidate-badge__bio">{{ include.candidate.description }}</p>
+          {% endif %}
       </div>
   </a>
 </div>

data/_includes/contacts/residence.html

@@ -5,7 +5,7 @@
     </div>
     {% endif %}
     <div class="o-media__section">
-        <h3>{{ site.organization.name }}</h3>
+        <h3 class="t-h5-super">{{ site.organization.name }}</h3>
         <p>{{ site.organization.address | newline_to_br }}</p>
         {% if site.organization.mapLink %}
           <p>

data/_includes/footer.html

@@ -1,4 +1,4 @@
-<a href="{{ site.github.url }}edit/{{ site.github.branch }}/{{ page.path }}" class="c-suggest-improvement show-for-medium-up hide-for-print">
+<a href="{{ site.github.url }}edit/{{ site.github.branch }}/{{ page.path }}" class="c-suggest-improvement show-for-medium hide-for-print">
   <i class="fa fa-pencil"></i>
   Navrhni úpravu
 </a>
@@ -40,28 +40,28 @@
             {% if site.facebook.profilePage %}
             <li class="c-vertical-navigation__item">
               <a href="{{ site.facebook.profilePage }}" rel="noopener noreferrer" title="Facebook - {{ site.organization.shortName }}">
-                <i class="fa fa-facebook c-icon c-icon--rounded c-icon--facebook" aria-hidden="true"></i>
+                <i class="fa fa-facebook c-icon c-icon--big" aria-hidden="true"></i>
               </a>
             </li>
             {% endif %}
             {% if site.twitter.profile %}
             <li class="c-vertical-navigation__item">
               <a href="https://www.twitter.com/{{ site.twitter.profile }}" rel="noopener noreferrer" title="Twitter - {{ site.organization.shortName }}">
-                <i class="fa fa-twitter c-icon c-icon--rounded c-icon--twitter" aria-hidden="true"></i>
+                <i class="fa fa-twitter c-icon c-icon--big" aria-hidden="true"></i>
               </a>
             </li>
             {% endif %}
             {% if site.instagram.profilePage %}
             <li class="c-vertical-navigation__item">
               <a href="{{ site.instagram.profilePage }}" rel="noopener noreferrer" title="Instagram - {{ site.organization.shortName }}">
-                <i class="fa fa-instagram c-icon c-icon--rounded c-icon--instagram" aria-hidden="true"></i>
+                <i class="fa fa-instagram c-icon c-icon--big" aria-hidden="true"></i>
               </a>
             </li>
             {% endif %}
             {% if site.gplus.profilePage %}
             <li class="c-vertical-navigation__item">
               <a href="{{ site.gplus.profilePage }}" rel="noopener noreferrer" title="Google Plus - {{ site.organization.shortName }}">
-                <i class="fa fa-google-plus c-icon c-icon--rounded c-icon--googlePlus" aria-hidden="true"></i>
+                <i class="fa fa-google-plus c-icon c-icon--big" aria-hidden="true"></i>
               </a>
             </li>
             {% endif %}
@@ -87,7 +87,7 @@
         </header>
         <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 }},
+            <div class="c-contact-bar__description"> {{ contactPerson.name }},
               <a href="mailto:{{ contactPerson.mail }}">{{ contactPerson.mail }}</a>
             </div>
           </li>

data/_includes/header.html

@@ -1,4 +1,4 @@
-<aside class="o-section o-section--smaller c-header-bar u-inverted u-center--medium-down">
+<aside class="o-section o-section--smaller c-header-bar u-center--medium-down">
   <div class="row">
     <div class="o-section-inner" style="padding: 3px;">
       <div class="medium-12 columns">
@@ -45,9 +45,9 @@
           </li>
           {% endif %}
         </ul>
-        <div class="c-header-bar-divider"></div>
+        <div class="c-header-bar-divider show-for-medium"></div>
 
-        <ul class="c-header-bar-items c-header-bar-items--bigLh">
+        <ul class="c-header-bar-items show-for-medium">
           {% for item in site.data.menu.top %}
           <li class="c-header-bar__item">
             <a href="{{ item.url }}" rel="noopener noreferrer" target="_blank">

data/_includes/homepage/banner.html

@@ -1,14 +1,14 @@
 <div class="row c-hp-banner">
   <div class="small-12 columns">
-    <a href="{{ include.link }}" title="{{ include.title }}">
+    <a href="{{ include.link }}" title="{{ include.title }}" class="c-hp-banner__link">
       {% capture img %}{% asset '{{ include.default }}' magick:resize='1135x' @path %}{% endcapture %}
       {% if include.breakpoint %}
-        <picture>
+        <picture class="c-hp-banner__media">
           <source media="(min-width: {{ include.breakpoint }}px)" srcset="{{ img }}">
           <img src="{% asset '{{ include.mobile }}' magick:resize='{{ include.breakpoint +"px" }}' @path %}" alt="{{ include.title }}">
         </picture>
       {% else %}
-        <img src="{{ img }}" alt="{{ include.title }}">
+        <img src="{{ img }}" alt="{{ include.title }}"  class="c-hp-banner__media">
       {% endif %}
     </a>
   </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.f7a234cedfef4096cecb.css" />
-<script src="/assets/js/0.main.f7a234cedfef4096cecb.js"></script>
-<script src="/assets/js/main.f7a234cedfef4096cecb.js"></script>
+<link rel="stylesheet" href="/assets/js/main.44c1ac26aae564173c26.css" />
+<script src="/assets/js/0.main.44c1ac26aae564173c26.js"></script>
+<script src="/assets/js/main.44c1ac26aae564173c26.js"></script>
 
 {% if site.facebook.loadSDK %}
 <script>

data/_includes/menu.html

@@ -1,43 +1,41 @@
-<div class="row">
-  <div class="columns small-12">
-    <div class="c-top-bar">
-      <div class="c-top-bar__brand">
-        <a href="{{ '/' | relative_url }}">
-          <img src="{{ 'assets/img/brand/logo_napis.svg' | relative_url }}" alt='Česká pirátská strana' class="logo u-center-medium-down u-stacked">
-        </a>
-      </div>
+<div class="c-top-bar">
+  <div class="row">
+    <div class="columns small-12">
+      <div class="c-top-bar__body">
+        <div class="c-top-bar__brand">
+          <a href="{{ '/' | relative_url }}">
+            <img src="{{ 'assets/img/brand/logo_napis_white.svg' | relative_url }}" alt='Česká pirátská strana' class="c-top-bar__brand-image u-center-medium-down u-stacked">
+          </a>
+        </div>
 
-      <div class="c-top-bar__search">
-        <div class="__vue-root" data-app="SiteSearch">
-          <!-- this will get replaced by Vue.js content, placeholder only -->
-          <div class="c-search">
-            <input class="c-search__input" type="search" id="search" placeholder="Hledaný výraz">
-            <button type="button" class="c-search__confirm" id="searchsub"><i class="fa fa-search" aria-hidden="true"></i></button>
+        <div class="c-top-bar__search">
+          <div class="__vue-root" data-app="SiteSearch">
+            <!-- this will get replaced by Vue.js content, placeholder only -->
+            <div class="c-search c-top-bar__search-container">
+              <input class="c-search__input c-top-bar__search-input" type="search" id="search" placeholder="Hledaný výraz">
+              <button type="button" class="c-search__confirm c-top-bar__search-confirm" id="searchsub"><i class="fa fa-search" aria-hidden="true"></i></button>
+            </div>
           </div>
         </div>
-      </div>
 
-      <div id="responsive-menu" class="c-responsive-menu">
-        <ul class="c-responsive-menu__items" data-dropdown-menu="">
-          {% for item in site.data.menu.main %}
-          <li class="c-responsive-menu__item {% if item.class %}{{ item.class }}{% endif %} {% if item.match and page.url contains item.match %}c-responsive-menu__item--active{% endif %}">
-            <a href="{{ item.link | relative_url }}">{{ item.name }}</a>
-          </li>
-          {% endfor %}
-        </ul>
-      </div>
+        <div id="responsive-menu" class="c-responsive-menu">
+          <ul class="c-responsive-menu__items" data-dropdown-menu="">
+            {% for item in site.data.menu.main %}
+            <li class="c-responsive-menu__item {% if item.class %}{{ item.class }}{% endif %} {% if item.match and page.url contains item.match %}c-responsive-menu__item--active{% endif %}">
+              <a href="{{ item.link | relative_url }}">{{ item.name }}</a>
+            </li>
+            {% endfor %}
+          </ul>
+        </div>
 
-      <div class="c-responsive-menu-toggle hide-for-large">
-        <span data-responsive-toggle="responsive-menu" id="menuTogge" data-hide-for="large">
-          <button class="c-responsive-menu-toogle__button" type="button" data-toggle="">
-            <span class="c-responsive-menu-toggle__caption">Menu</span>
-            <i class="menu-icon dark"></i>
-          </button>
-        </span>
+        <div class="c-responsive-menu-toggle hide-for-large">
+          <span data-responsive-toggle="responsive-menu" id="menuTogge" data-hide-for="large">
+            <button class="c-responsive-menu-toogle__button" type="button" data-toggle="">
+              <span class="c-responsive-menu-toggle__caption">Menu</span>
+            </button>
+          </span>
+        </div>
       </div>
     </div>
   </div>
 </div>
-
-<div class="c-top-bar__divider"></div>
-

data/_includes/page-header.html

@@ -6,7 +6,9 @@
   </div>
   {% if include.content %}
     <div class="columns large-12">
-      {{ include.content }}
+      <div class="{% if include.contentClass %}{{ include.contentClass }}{% endif %}">
+        {{ include.content }}
+      </div>
     </div>
   {% endif %}
 </div>

data/_includes/people/fullname.html

@@ -0,0 +1,11 @@
+{%- if include.person.titles.before -%}
+  {%- unless include.plain -%}<span class="academic-title academic-title--before">{%- endunless -%}
+    {{ include.person.titles.before }}
+  {%- unless include.plain -%}</span>{%- endunless -%}
+{%- endif %} {% unless include.plain -%}<span class="academic-title-name">{%- endunless -%}
+  {{ include.person.name }}
+{%- unless include.plain -%}</span>{%- endunless -%}{% if include.person.titles.after %}
+  {%- unless include.plain -%}<span class="academic-title academic-title--after">{%- endunless -%}
+    , {{ include.person.titles.after }}
+  {%- unless include.plain -%}</span>{%- endunless -%}
+{%- endif -%}

data/_includes/people/list-group.html

@@ -1,7 +1,7 @@
 {% if include.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="#{{ include.teamShortcut }}" class="c-simple-accordion-title c-emphasized-anchor"><h2 class="c-simple-accordion__headline">{{ include.teamName }}</h2></a>
+    <a href="#{{ include.teamShortcut }}" class="c-simple-accordion-title"><h2 class="c-simple-accordion__headline">{{ include.teamName }}</h2></a>
     <div id="{{ include.teamShortcut }}" class="c-simple-accordion-content" data-tab-content="">
         {% include people/list-responsive.html team=team %}
     </div>

data/_includes/people/list-responsive.html

@@ -3,10 +3,10 @@
    týmů v /clenove
    úspěchů v /otevrenost
 {% endcomment %}
-<div class="row u-uniform-size-row">
+<div class="c-member-list__row row u-uniform-size-row">
   {% for item in include.team %}
     {% assign loopindex = forloop.index | modulo: 2 %}
-    <div class="large-4 medium-6 small-collapse columns {% if forloop.last %}end{% endif %}">
+    <div class="large-4 medium-6 small-collapse columns c-member-list__item {% if forloop.last %}end{% endif %}">
       {% include people/profile-badge.html item=item imgSize='small' imgStyle='round' %}
     </div>
   {% endfor %}

data/_includes/people/profile-badge.html

@@ -6,13 +6,8 @@
 {% else %}
     {% assign url = include.item.url | relative_url %}
 {% endif %}
-<div class="o-media {% if include.viewMode != 'single' %}u-0margin{% else %}o-media-list{% endif %} {% if include.style == 'card' %}o-media--rpadded o-media--fill{% endif %}">
-    <div class="o-media__section">
-      {% comment %} {% 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 %} {% endcomment %}
+<div class="c-profile-badge {% if include.style == 'card' %}c-profile-badge--card{% endif %} {% if include.class %}{{ include.class }}{% endif %}">
+    <div class="c-profile-badge__avatar">
       {%- capture img -%}
         {%- if include.item.img -%}
           {%- if include.imgSize != 'big' -%}
@@ -24,34 +19,32 @@
           {{ 'assets/img/people/unknown-pirate.svg' | relative_url }}
         {%- endif -%}
       {%- endcapture -%}
-      <a href="{{ url }}"><img src="{{ img }}" alt="{{ label }}" class="{% if include.imgStyle == 'round' %}o-media__image--round{% endif %}" {% if include.imgSize != 'big' %}style="width: 100px"{% endif %}></a>
+      <a class="c-profile-badge__anchor" href="{{ url }}"><img src="{{ img }}" alt="{{ label }}" class="c-profile-badge__image {% if include.imgStyle == 'round' %}c-profile-badge__image--round{% endif %} {% if include.imgSize != 'big' %}c-profile-badge__image--smaller{% endif %}"></a>
     </div>
-    <div class="o-media__section">
-      <div class="o-media__section-inner">
-          <h2><a href="{{ url }}" class="c-headline-anchor {% if include.headlineClass %}{{ include.headlineClass }}{% else %}t-h2{% endif %}">{{ label }}</a></h2>
-          {% unless include.showDescription == false %}
-          <p>
-              {% if include.description %}
-                  {{ include.description }}
-              {% else %}
-                  {{ include.item.description }}
-              {% endif %}
-          </p>
-          {% endunless %}
 
-          {% unless include.showContactInfo == false %}
-              {% if include.item.mob or include.item.mail %}
-                  <p>
-                      {% if include.item.mob %}
-                          <i class="fa fa-phone"></i> <a class="c-emphasized-anchor" href="tel:{{ include.item.mob }}">{{ include.item.mob }}</a>
-                          <br>
-                      {% endif %}
-                      {% if include.item.mail %}
-                          <i class="fa fa-envelope-o"></i> <a class="c-emphasized-anchor" href="mailto:{{ include.item.mail }}">{{ include.item.mail }}</a>
-                      {% endif %}
-                  </p>
-              {% endif %}
-          {% endunless %}
-        </div>
+    <div class="c-profile-badge__body">
+        <h2 class="c-profile-badge__headline"><a href="{{ url }}" class="{% if include.headlineClass %}{{ include.headlineClass }}{% else %}t-h5-super{% endif %}">{{ label }}</a></h2>
+        {% unless include.showDescription == false %}
+        <p class="c-profile-badge__desc">
+            {% if include.description %}
+                {{ include.description }}
+            {% else %}
+                {{ include.item.description }}
+            {% endif %}
+        </p>
+        {% endunless %}
+
+        {% unless include.showContactInfo == false %}
+            {% if include.item.mob or include.item.mail %}
+                <div class="c-profile-badge__contacts">
+                    {% if include.item.mob %}
+                      <div><i class="fa fa-phone"></i> <a class="c-emphasized-anchor" href="tel:{{ include.item.mob }}">{{ include.item.mob }}</a></div>
+                    {% endif %}
+                    {% if include.item.mail %}
+                      <div><i class="fa fa-envelope-o"></i> <a class="c-emphasized-anchor" href="mailto:{{ include.item.mail }}">{{ include.item.mail }}</a></div>
+                    {% endif %}
+                </div>
+            {% endif %}
+        {% endunless %}
     </div>
 </div>

data/_includes/right-bar/bar_cal.html

@@ -1,11 +1,8 @@
-<div class="o-section-block">
+<div class="o-section-block show-for-medium">
 <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--cal">
       <span class="c-widget-accordion__title">{{ site.calendar.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="">
       {% if site.env.GOOGLE_CALENDAR_APIKEY and site.calendar.id %}

data/_includes/right-bar/bar_fb.html

@@ -1,11 +1,8 @@
-<div class="o-section-block">
+<div class="o-section-block show-for-medium">
  <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--fb">
        <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.facebook.profilePage }}" 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">

data/_includes/right-bar/bar_foto.html

@@ -1,17 +1,3 @@
 {% if page.img %}
-<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">Foto</span>
-       <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom" aria-hidden="true">
-         <i class="fa  fa-address-card-o  fa-lg u-rotate-15"></i>
-       </span>
-     </a>
-     <div class="c-widget-accordion-content c-widget-accordion-content--nopad text-center" data-tab-content="">
-      {% asset '{{ page.img }}' alt='{{ page.name }}' magick:resize="350x" %}
-     </div>
-   </li>
- </ul>
-</div>
+{% asset '{{ page.img }}' alt='{{ page.name }}' magick:resize="350x" class='c-person-image' %}
 {% endif %}