jekyll-theme-pirati 1.2.0 → 2.0.0

data/_includes/menu.html

@@ -1,64 +1,56 @@
-<div class="c-top-bar">
-  <div class="row">
-    <div class="c-top-bar-inner u-cf">
-      
-      {% if page.url != '/' %}
-      <div class="top-bar-title">
+<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="Pirátská strana">
         </a>
       </div>
-      {% endif %}
 
-      <ul class="c-top-bar-searchbar c-top-bar-searchbar--asTitle menu">
-        <li>
-          <input type="search" id="search" placeholder="Hledaný výraz">
-        </li>
-        <li class="c-top-bar-searchbar__submit">
-          <button type="button" class="button" id="searchsub">
-            <i class="fa fa-search" aria-hidden="true"></i>
-          </button>
-        </li>
-      </ul>
-      
-      <div class="menu-toggle-container hide-for-large">
-        <span data-responsive-toggle="responsive-menu" id="menuTogge" data-hide-for="large">
-          <button class="" type="button" data-toggle="">
-            <span class="menu-toggle-inner">
-              <span class="menu-toggle-description">Menu</span>
-              <i class="menu-icon dark"></i>
-            </span>
-          </button>
-        </span>
+      <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>
+        </div>
       </div>
-      <div id="responsive-menu" class="c-top-bar-menu">
-        <div class="responsive-menu-inner">
-          <div class="top-bar-left top-bar-footer-group">
-            <ul class="dropdown menu" data-dropdown-menu="">
-           
-              {% for item in site.data.menu %}
-              <li{% if page.url contains 'o-nas' or page.url contains 'lide' or page.url contains 'regiony'%} class="is-active"{% endif %}>
-                <a href="{{ item.link | relative_url }}"> {{ item.name }} </a>
-                {% if item.submenu %}
-                <ul class="menu vertical">
-                  {% for subitem in item.submenu %}
-                  <li{% if page.url contains 'lide'%} class="is-active"{% endif %}>
-                      <a href="{{ subitem.lik | relative_url }}"> {{ subitem.name }} </a>
-                  </li>
-                  {% endfor %}
-                </ul>
-                {% endif %}
+
+      <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 page.url contains item.match %}c-responsive-menu__item--active{% endif %}">
+            <a href="{{ item.link | relative_url }}">{{ item.name }}</a>
+
+            {% comment %}
+            <!-- submenu not yet implemented -->
+            {% if item.submenu %}
+            <ul class="menu vertical">
+              {% for subitem in item.submenu %}
+              <li{% if page.url contains 'lide'%} class="is-active"{% endif %}>
+                  <a href="{{ subitem.lik | relative_url }}"> {{ subitem.name }} </a>
               </li>
               {% endfor %}
-
             </ul>
-          </div>
-        </div>
+            {% endif %}
+            {% endcomment %}
+          </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>
-   
-    
-    
     </div>
   </div>
 </div>
-<div class="c-top-bar-border"> </div>
+
+<div class="c-top-bar__divider"></div>
+

data/_includes/people/profile_badge.html

@@ -8,9 +8,7 @@
 {% endif %}
 <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' %}
-        {% else %}
-        {% endif %}
+        <a href="{{ url }}"><img src="{{ include.item.img | prepend: 'assets/img/' | relative_url }}" alt="{{ label }}" {% if include.imgSize != 'big' %}style="width: 100px"{% endif %}></a>
     </div>
     <div class="o-media__body">
         <div class="o-media__body-inner {% if include.style == 'card' %}o-media__body-inner--padded{% endif %}">

data/_includes/right-bar/bar_cal.html

@@ -2,19 +2,17 @@
  <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__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="">
-       <iframe src="{{site.data.links.calendar.bar}}" style="border-width:0; width: 100%; height: 410px; border: 0; overflow: hidden;"></iframe>
+       <iframe src="{{ site.calendar.page }}" style="border-width:0; width: 100%; height: 410px; border: 0; overflow: hidden;"></iframe>
 
-       {% if site.data.links.calendar.page %}
+       {% if site.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>
+         <a class="dark expanded button large" href="{{ site.calendar.page | relative_url }}"> Zobrazit všechny akce </a>
        </div>
        {% endif %}
 

data/_includes/right-bar/bar_fb.html

@@ -8,10 +8,10 @@
        </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-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">
          <div class="fb-xfbml-parse-ignore">
-           <blockquote cite="{{site.data.links.group.facebook_page}}">
-             <a href="{{site.data.links.group.facebook_page}}">
+           <blockquote cite="{{ site.facebook.profilePage }}">
+             <a href="{{ site.facebook.profilePage }}">
                Najdete nás na Facebooku:<br>
                Česká pirátská strana - Praha</a>
            </blockquote>

data/_includes/right-bar/bar_garant.html

@@ -9,8 +9,9 @@
         </span>
       </a>
       <div class="c-widget-accordion-content" data-tab-content="" id="toc">
-        <div class="c-widget-accordion-content-inner">
-          <div id="garant"></div>
+        <div class="c-widget-accordion-content-inner c-widget-accordion-content-inner--unpadded">
+          {% assign garant = site.people | where:"uid",page.garant | first %}
+          {% include people/profile_badge.html item=garant style='card' showDescription=false %}
         </div>
       </div>
     </li>

data/_includes/right-bar/bar_people.html

@@ -1,20 +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">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="">
-        <div class="c-widget-accordion-content-inner">
-          <div id="people"></div>
+    <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">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="">
+          <div class="c-widget-accordion-content-inner c-widget-accordion-content-inner--unpadded c-widget-accordion-content-inner--nofill">
+              {% assign persons = site.people | sample:3 %}
+              {% for person in persons %}
+                {% include people/profile_badge.html item=person style='card' showContactInfo=false %}
+              {% endfor %}
+          </div>
+          <div class="c-widget-accordion-content__cta">
+            <a class="expanded button large" href="{{ '/lide/' | relative_url }}"> Poznejte celý náš tým! </a>
+          </div>
         </div>
-        <div class="c-widget-accordion-content__cta">
-          <a class="expanded button large" href="{{ '/lide/' | relative_url }}"> Poznejte celý náš tým! </a>
-        </div>
-      </div>
-    </li>
-  </ul>
-</div>
+      </li>
+    </ul>
+  </div>

data/_includes/right-bar/bar_person_contact.html

@@ -1,70 +1,26 @@
+{% if page.mail or page.mob or page.profiles.wikipedia or page.profiles.facebook or page.profiles.twitter or page.profiles.github or page.profiles.forum or page.profiles.redmine %}
 <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">Kontakty</span>
+        <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="">
         <div class="c-widget-accordion-content-inner">
-					{% if page.data-version == 2 %}
-
-						{% if page.direct-contact %}
-							<h3>{{page.name}}</h3>
-							{% if page.mail %}<i class="fa fa-envelope-o"></i> <a href="mailto:{{ page.mail | first}}">{{ page.mail | first}}</a><br/>{% endif %}
-							{% if page.mob %}<i class="fa fa-phone"></i> {{ page.mob }}<br/>{% endif %}
-							<hr />
-						{% endif %}
-
-						<h3>Odkazy</h3>
-						{% if page.profiles.web %}<i class="fa fa-globe"></i><a href="{{page.profiles.web}}">Webová stránka</a><br/>{% endif %}
-						{% if page.profiles.facebook %}<i class="fa fa-facebook"></i><a href="{{page.profiles.facebook}}">Facebook</a><br/>{% endif %}
-						{% if page.profiles.twitter %}<i class="fa fa-twitter"></i><a href="{{page.profiles.twitter}}">Twitter</a><br/>{% endif %}
-						{% if page.profiles.wikipedia %}<i class="fa fa-wikipedia-w"></i> <a href="{{ page.profiles.wikipedia }}">W: {{ page.profiles.wikipedia | remove: "https://cs.wikipedia.org/wiki/" }}</a><br/>{% endif %}
-						{% 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 %}
-							<hr />
-							<h3>Asistent/ka</h3>
-              						{% for main in page.asistenti %}
-               						<p>
-							<i class="fa fa-user-o"></i> {{main.name}}<br/>
-							{% if main.mail %}<i class="fa fa-envelope-o"></i> <a href="mailto:{{main.mail}}">{{main.mail}}</a><br/>{% endif %}
-							{% if main.tel %}<i class="fa fa-phone"></i> {{ main.tel }}<br/>{% endif %}
-               						</p>
-              						{% endfor %} 
-						{% endif %}
-
-						{% if page.office %}
-							{% assign kancl = page.office | first %}
-							<hr />
-							<h3>Poslanecká kancelář</h3>
-							{{ kancl.address}}<br/>
-					{% if kancl.opening %}<br/><b>Otevírací doba:</b><br/>{{ kancl.opening}}<br/>{% endif %}
-							<br/><div class="c-widget-map">
-								<iframe
-									height="150"
-									frameborder="0" style="border:0; width:100%"
-									src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCRuL_FU0HdeKCHVNfVJkv2nhNZPr05AJM&q={{ kancl.address | replace: ' ', '+' }}" allowfullscreen>
-								</iframe>
-							</div>
-						{% endif %}
-
-					{% else %}
-						{% if page.asistent %}
-						<i class="fa fa-user-o"></i> Asistent/ka: {{page.asistent.name}}<br/>
-						<i class="fa fa-envelope-o"></i> <a href="mailto:{{ page.asistent.mail}}">{{ page.asistent.mail}}</a><br/>
-						<i class="fa fa-phone"></i> {{ page.asistent.tel }}<br/>
-						{% else %}
-						{% if page.mail %}<i class="fa fa-envelope-o"></i> <a href="mailto:{{ page.mail | first}}">{{ page.mail | first}}</a><br/>{% endif %}
-						{% if page.mob %}<i class="fa fa-phone"></i> {{ page.mob }}<br/>{% endif %}
-						{% endif %}
-						{% include right-bar/rbar_profiles.html %}
-					{% endif %}
+            {% if page.mail %}<i class="fa fa-envelope-o"></i> <a href="mailto:{{ page.mail }}">{{ page.mail }}</a><br/>{% endif %}
+            {% if page.mob %}<i class="fa fa-phone"></i> <a href="tel:{{ page.mob }}">{{ page.mob }}</a><br/>{% endif %}
+            {% if page.profiles.wikipedia %}<i class="fa fa-wikipedia-w"></i> <a href="{{ page.profiles.wikipedia }}">W: {{ page.profiles.wikipedia | remove: "https://cs.wikipedia.org/wiki/" }}</a><br/>{% endif %}
+            {% if page.profiles.facebook %}<i class="fa fa-facebook"></i> <a href="{{ page.profiles.facebook }}">FB: {{ page.profiles.facebook | remove: "https://www.facebook.com/" }}</a><br/>{% endif %}
+            {% if page.profiles.twitter %}<i class="fa fa-twitter"></i> <a href="{{ page.profiles.twitter }}">TW: {{ page.profiles.twitter | remove: "https://twitter.com/" }}</a><br/>{% endif %}
+            {% if page.profiles.github %}<i class="fa fa-github"></i> <a href="{{ page.profiles.github }}">GH: {{ page.profiles.github | remove: "https://github.com/"}}</a><br/>{% endif %}
+            {% if page.profiles.forum %}<i class="fa fa-comments-o"></i> <a href="{{ page.profiles.forum }}">Forum: {{ page.profiles.forum | remove: "https://forum.pirati.cz/" }}</a><br/>{% endif %}
+            {% if page.profiles.redmine %}<i class="fa fa-check-square-o"></i> <a href="{{ page.profiles.redmine }}">Úkoly</a>{% endif %}
         </div>
       </div>
     </li>
   </ul>
 </div>
+{% endif %}

data/_includes/right-bar/rbar.html

@@ -20,7 +20,7 @@
     {% if page.rbar contains 'program' %}
       {% include right-bar/bar_program.html %}
     {% endif %}
-    {% if page.rbar contains 'cal' %}
+    {% if page.rbar contains 'cal' and site.calendar %}
       {% include right-bar/bar_cal.html %}
     {% endif %}
     {% if page.rbar contains 'people' %}
@@ -29,10 +29,10 @@
     {% if page.rbar contains 'video' %}
       {% include right-bar/bar_video.html %}
     {% endif %}
-    {% if page.rbar contains 'fb' %}
+    {% if page.rbar contains 'fb' and site.facebook.profilePage %}
       {% include right-bar/bar_fb.html %}
     {% endif %}
-    {% if page.rbar contains 'tw' %}
+    {% if page.rbar contains 'tw' and site.twitter.profile %}
       {% include right-bar/bar_tw.html %}
     {% endif %}
     {% if page.rbar contains 'otevrenost' %}

data/_layouts/komunalni-volby.html

@@ -20,12 +20,14 @@ layout: page
 
                 {% include candidate_badge.html candidate=leader_candidate leader=true %}
 
-                {% for candidate in other_candidates %}
-                    {% assign loopindex = forloop.index | modulo: 3 %}
-                    {% if loopindex == 1 %}<div class="c-program-candidates__row">{% endif %}
-                        {% include candidate_badge.html candidate=candidate leader=false %}
-                    {% if loopindex == 0 or forloop.last %}</div>{% endif %}
-                {% endfor %}
+                <div class="c-program-candidates__others">
+                  {% for candidate in other_candidates %}
+                      {% assign loopindex = forloop.index | modulo: 3 %}
+                      {% if loopindex == 1 %}<div class="c-program-candidates__row">{% endif %}
+                          {% include candidate_badge.html candidate=candidate leader=false %}
+                      {% if loopindex == 0 or forloop.last %}</div>{% endif %}
+                  {% endfor %}
+                </div>
             </div>
 
             {% if page.note %}
@@ -38,7 +40,7 @@ layout: page
                 <h3 class="o-section__heading o-section__heading--small">Program</h3>
             </div>
             <div class="c-program-items">
-                {% assign programCategories = site.program | sort:"order" %}
+                {% assign programCategories = site.program | where_exp:"item","item.categories contains page.category" | sort:"order" %}
                 {% for category in programCategories %}
                 <div class="c-program-items__item">
                     <div class="c-program-items__item-wrap">

data/_sass/_base.scss

@@ -21,4 +21,117 @@ hr {
   border: 0;
   height: 1px;
   background: #f3f3f3;
-}
+}
+
+.pricing-table {
+
+  border: solid 1px #DDDDDD;
+background: #eee}
+
+  .pricing-table li {
+
+    border-bottom: dotted 1px #DDDDDD;
+
+//    font-size: 0.75rem;
+
+    padding: 0.875rem 1.125rem; }
+
+    .pricing-table li:last-child {
+
+      border-bottom: 0; }
+
+  .pricing-table .title {
+
+    background-color: red;
+
+    color: #EEEEEE;
+
+    font-size: 0.875rem;
+
+    border-bottom: 0; }
+
+  .pricing-table .price {
+
+    color: #333333;
+
+    font-size: 1.75rem;
+
+    border-bottom: 0; }
+
+  .pricing-table .description {
+
+    color: #777777;
+
+//    font-size: 0.625rem;
+}
+
+.pricing-table .small {
+
+  color: #777777;
+font-size: 0.625rem;
+text-align:right;
+}
+
+#mc_embed_signup label {
+    font-size: 1rem;
+
+
+}
+
+  .pricing-table .button {
+
+    margin: 0; }
+
+.pricing-table .pricing-table-header-img {
+
+padding:0px;margin:0px;height:98px;
+background-position: 55% 0px;
+     background-repeat:no-repeat;
+}
+
+#tabs {
+    padding: 0px;
+    background: none;
+    border-width: 0px;
+}
+#tabs .ui-tabs-nav {
+    padding-left: 0px;
+    background: transparent;
+    border-width: 0px 0px 1px 0px;
+    -moz-border-radius: 0px;
+    -webkit-border-radius: 0px;
+    border-radius: 0px;
+}
+
+.ui-tabs .ui-tabs-nav li {
+    margin-right: 0.34em;
+    background: #eee;
+}
+
+.ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
+    background: #007fff !important;}
+
+#tabs .ui-tabs-panel {
+    background: #eee;
+    border-width: 0px 1px 1px 1px;
+}
+
+.asterisk {color:red}
+
+#mc_embed_signup_scroll .c-cta-button--primary {
+color: rgb(255, 255, 255);
+background-color: rgb(92, 184, 92);
+border-color: rgb(92, 184, 92);
+width:100%;
+text-align:center;
+margin-top:10px;
+}
+
+
+.election-teaser {
+  margin-top: 35px;
+
+  @include breakpoint(small down) {
+    margin: 1.5rem 0;
+  }
+}