jekyll-theme-pirati 0.1.0

data/_includes/people/list-2col.html

@@ -0,0 +1,25 @@
+{% comment %}
+  Dvou sloupcové zobrazení:
+   týmů v /lide
+   ú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 %}
+  {% include people/item.html param='item' %}
+  </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 %}
+    {% include people/item.html param='item' %}
+    {% if loopindex == 0 %}
+    </div>
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
+</div>

data/_includes/right-bar/bar_cal.html

@@ -0,0 +1,15 @@
+<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="550" frameborder="0" scrolling="no"></iframe>
+     </div>
+   </li>
+ </ul>
+</div>

data/_includes/right-bar/bar_fb.html

@@ -0,0 +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>
+               {{ site.data.links.group.name }}</a>
+           </blockquote>
+         </div>
+       </div>
+     </div>
+   </li>
+ </ul>
+</div>

data/_includes/right-bar/bar_foto.html

@@ -0,0 +1,20 @@
+<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">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 text-center" data-tab-content="">
+       <img src="{{ page.img | prepend: '/assets/img/' | relative_url}}" alt="{{page.name}}" style="margin: auto;">
+       <div class="c-widget-accordion-content__cta">
+         {% if (page.profiles.flickr) %}
+         <a class="dark expanded button large" href="{{page.profiles.flickr}}"> Zobrazit více fotografii </a>
+         {% endif %}
+       </div>
+     </div>
+   </li>
+ </ul>
+</div>

data/_includes/right-bar/bar_map.html

@@ -0,0 +1,37 @@
+{% comment %}
+This requires the page header to define
+mapycz-api: mini-api   # normal api is OK too
+gps:
+  lat: ...
+  long: ...
+  zoom: # optional (default = 16)
+
+Note: map is not inside accordion, as map tiles don't load at start due to accordion collapsing at start (zero height)
+{% endcomment %}
+
+{% if (page.mapycz_api) and (page.gps.lat) and (page.gps.long) %}
+{% assign gps_zoom = 16 %}
+{% if (page.gps.zoom) %}
+  {% assign gps_zoom = page.gps.zoom %}
+{% endif %}
+<div class="o-section-block">
+<div id="mapa" style="height: 300px;"></div>
+<script type="text/javascript">
+var center = SMap.Coords.fromWGS84({{ page.gps.long }}, {{ page.gps.lat }});
+{% if page.mapycz_api == 'mini-api' %} // Mapy.cz Mini-API
+var mapa = new SMap(JAK.gel("mapa"), center, {{ gps_zoom }}, SMap.DEF_BASE);
+mapa.addMarker(center);
+{% else %} // default Mapy.cz API
+var mapa = new SMap(JAK.gel("mapa"), center, {{ gps_zoom }});
+mapa.addDefaultLayer(SMap.DEF_BASE).enable();
+var vrstva = new SMap.Layer.Marker();     /* Vrstva se značkami */
+var options = { }
+var znacka = new SMap.Marker(center, 'markerid', options);
+vrstva.addMarker(znacka);
+mapa.addLayer(vrstva);
+vrstva.enable();
+{% endif %}
+</script>
+<a class="dark expanded button large hide-for-print" href="https://mapy.cz/zakladni?x={{page.gps.long}}&y={{page.gps.lat}}&z=16&source=coor&id={{page.gps.long}}%2C{{page.gps.lat}}" target="_blank"> Zobrazit větší mapu </a>
+</div>
+{% endif %}

data/_includes/right-bar/bar_people.html

@@ -0,0 +1,25 @@
+<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">Naši 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">
+          {% assign person = site.people | where_exp:"item","item.name contains 'Houser'" | first %}
+          {% include people/rbar_profile.html param=""%}
+          {% assign person = site.people | where_exp:"item","item.name contains 'Jurčík'" | first %}
+          {% include people/rbar_profile.html param=""%}
+          {% assign person = site.people | where_exp:"item","item.name contains 'Ševčík'" | first %}
+          {% include people/rbar_profile.html param=""%}
+        </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>

data/_includes/right-bar/bar_program.html

@@ -0,0 +1,35 @@
+<div class="o-section-block--spaceBot show-for-large">
+  <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="#toc" class="c-widget-accordion-link">
+        <span class="c-widget-accordion__title">Program</span>
+        <span class="c-widget-accordion__icon c-widget-accordion__icon" aria-hidden="true">
+          <i class="fa fa-list"></i>
+        </span>
+      </a>
+      <div class="c-widget-accordion-content" data-tab-content="" id="toc">
+        <div class="c-widget-accordion-content-inner">
+          <h4 class="c-widget-accordion-list__heading">Dlouhodobý program</h4>
+          <ul class="c-widget-accordion-list">
+            {% assign program = site.program | where: "category","dlouhodoby" | group_by:"topic" %}
+            {% for topic in program %}
+              {{topic.name}}<ul>
+              {% for item in topic.items %}
+              <li><a href="{{item.url | relative_url}}">{{item.title}}</a></li>
+              {% endfor %}</ul>
+              {% endfor%}
+          </ul>
+          <!--
+          <h4 class="c-widget-accordion-list__heading">Parlament 2017</h4>
+          <ul class="c-widget-accordion-list">
+            {% assign program = site.program | where: "category","psp2017" %}
+            {% for item in program %}
+            <li><a href="{{item.url | relative_url}}">{{item.title}}</a></li>
+            {% endfor %}
+          </ul>
+          -->
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>

data/_includes/right-bar/bar_teams_summary.html

@@ -0,0 +1,22 @@
+<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__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">
+
+
+            {% include people/rbar_profile2.html param="contacts"%}
+
+
+
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>

data/_includes/right-bar/bar_teams_toc.html

@@ -0,0 +1,31 @@
+{%comment%}
+<div class="o-section-block--spaceBot show-for-large">
+  <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">Obsah</span>
+        <span class="c-widget-accordion__icon c-widget-accordion__icon" aria-hidden="true">
+          <i class="fa fa-list"></i>
+        </span>
+      </a>
+      <div class="c-widget-accordion-content" data-tab-content="">
+        <div class="c-widget-accordion-content-inner">
+
+        {% assign thiscat = page.category  %}
+        {% assign myteams = site.teams | where_exp: "item", "item.categories contains thiscat" %}
+
+          <h4 class="c-widget-accordion-list__heading">{{ thiscat }} </h4>
+          <ul class="c-widget-accordion-list">
+            <li>
+                {% for item in myteams %}
+              <a href="{{ item.url }}">{{ item.title }}</a>
+                {% endfor %}
+            </li>
+          </ul>
+
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
+{%endcomment%}

data/_includes/right-bar/bar_textbox.html

@@ -0,0 +1,23 @@
+{% comment %}
+This requires the page header to define
+textbox:
+  title: # optional
+  text:  # required
+{% endcomment %}
+{% if page.textbox.text %}
+<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">{% if page.textbox.title %} {{ page.textbox.title }}{% endif %}</span>
+       <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom hide-for-print" aria-hidden="true">
+         <i class="fa  fa-quote-right  fa-lg u-rotate-15"></i>
+       </span>
+     </a>
+     <div class="c-widget-accordion-content" data-tab-content="">
+       {{ page.textbox.text }}
+     </div>
+   </li>
+ </ul>
+</div>
+{% endif %}

data/_includes/right-bar/bar_toc.html

@@ -0,0 +1,77 @@
+<div class="o-section-block--spaceBot show-for-large">
+  <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">Obsah</span>
+        <span class="c-widget-accordion__icon c-widget-accordion__icon" aria-hidden="true">
+          <i class="fa fa-list"></i>
+        </span>
+      </a>
+      <div class="c-widget-accordion-content" data-tab-content="">
+        <div class="c-widget-accordion-content-inner">
+          <h4 class="c-widget-accordion-list__heading">Organizační struktura</h4>
+          <ul class="c-widget-accordion-list">
+            <li>
+              <a href="#">Celostátní fórum</a>
+              <ul>
+                <li>
+                  <a href="#">Volební komise</a>
+                </li>
+              </ul>
+            </li>
+          </ul>
+          <h4 class="c-widget-accordion-list__heading">Moc zákonodárná</h4>
+          <ul class="c-widget-accordion-list">
+            <li>
+              <a href="#">Republikový výbor</a>
+            </li>
+          </ul>
+          <h4 class="c-widget-accordion-list__heading">Moc výkonná</h4>
+          <ul class="c-widget-accordion-list">
+            <li>
+              <a href="#">Republikový předsednictvo</a>
+              <ul>
+                <li>
+                  <a href="#">Mediální odbor</a>
+                </li>
+                <li>
+                  <a href="#">Administrativní odbor</a>
+                </li>
+                <li>
+                  <a href="#">Technický odbor</a>
+                </li>
+                <li>
+                  <a href="#">Finanční odbor</a>
+                </li>
+                <li>
+                  <a href="#">Zahraniční odbor</a>
+                </li>
+                <li>
+                  <a href="#">Personální odbor</a>
+                </li>
+              </ul>
+            </li>
+            <li>
+              <a href="#">Garanti programových bodů</a>
+            </li>
+          </ul>
+          <h4 class="c-widget-accordion-list__heading">Moc soudní</h4>
+          <ul class="c-widget-accordion-list">
+            <li>
+              <a href="#">Kontrolní komise</a>
+            </li>
+            <li>
+              <a href="#">Rozhodčí komise</a>
+            </li>
+          </ul>
+          <h4 class="c-widget-accordion-list__heading">Otevřené hospodaření</h4>
+          <ul class="c-widget-accordion-list">
+            <li>
+              <a href="#">Informace o hospodaření Pirátů</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>

data/_includes/right-bar/bar_tw.html

@@ -0,0 +1,16 @@
+<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">Twitter</span>
+       <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom" aria-hidden="true">
+         <i class="fa  fa-twitter fa-lg"></i>
+       </span>
+     </a>
+     <div class="c-widget-accordion-content" data-tab-content="">
+       {% comment %}https://twitter.com/PiratePartyCZ{% endcomment %}
+       <a class="twitter-timeline" href="https://twitter.com/piratipraha" data-widget-id="714948434621513728">Tweets by @piratipraha</a>
+     </div>
+   </li>
+ </ul>
+</div>

data/_includes/right-bar/bar_video.html

@@ -0,0 +1,23 @@
+<div class="o-section-block">
+  <ul class="c-widget-accordion c-widget-accordion--alert" 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">Videa</span>
+        <span class="c-widget-accordion__icon c-widget-accordion__icon c-widget-accordion__icon--bottom" aria-hidden="true">
+          <i class="fa fa-video-camera fa-lg u-rotate-345"></i>
+        </span>
+      </a>
+      <div class="c-widget-accordion-content" data-tab-content="">
+        <div class="c-widget-accordion-content-video">
+          <div class="c-widget-accordion-content__video u-video-wrapper-16-9">
+            <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/pWK515EHyG0?rel=0&amp;controls=0" style="border: 0;" allowfullscreen=""></iframe>
+          </div>
+          <div class="c-widget-accordion-content__cta">
+            <a class="alert expanded button large" href="https://www.youtube.com/user/CeskaPiratskaStrana/videos" target="_blank" rel="noopener noreferrer"> Další videa na našem
+              <br> YouTube kanálu </a>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>

data/_includes/right-bar/rbar.html

@@ -0,0 +1,39 @@
+<aside class="o-section">
+  <div class="o-section-inner o-section-inner--rightBlock">
+    {% if page.rbar contains 'textbox' %}
+      {% include right-bar/bar_textbox.html %}
+    {% endif %}
+    {% if page.rbar contains 'fb' %}
+      {% include right-bar/bar_fb.html %}
+    {% endif %}
+    {% if page.rbar contains 'foto' %}
+      {% include right-bar/bar_foto.html %}
+    {% endif %}
+    {% if page.rbar contains 'team-summary' %}
+      {% include right-bar/bar_teams_summary.html %}
+    {% endif %}
+    {% if page.rbar contains 'teams-toc' %}
+      {% include right-bar/bar_teams_toc.html %}
+    {% elsif page.rbar contains 'toc' %}
+      {% include right-bar/bar_toc.html %}
+    {% endif %}
+    {% if page.rbar contains 'program' %}
+      {% include right-bar/bar_program.html %}
+    {% endif %}
+    {% if page.rbar contains 'cal' %}
+      {% include right-bar/bar_cal.html %}
+    {% endif %}
+    {% if page.rbar contains 'people' %}
+      {% include right-bar/bar_people.html %}
+    {% endif %}
+    {% if page.rbar contains 'video' %}
+      {% include right-bar/bar_video.html %}
+    {% endif %}
+    {% if page.rbar contains 'tw' %}
+      {% include right-bar/bar_tw.html %}
+    {% endif %}
+    {% if page.rbar contains 'map' %}
+      {% include right-bar/bar_map.html %}
+    {% endif %}
+  </div>
+</aside>

data/_includes/right-bar/social-bar.html

@@ -0,0 +1,16 @@
+<aside class="o-section o-section--noSpaceBottom">
+  <div class="o-section-inner o-section-inner--rightBlock">
+    <div class="o-section-block">
+      <ul class="c-widget-accordion" data-accordion="">
+        <li class="c-widget-accordion-item is-active" data-accordion-item="">
+          <a href="#" class="c-widget-accordion-link c-widget-accordion-link--fb">
+            <span class="c-widget-accordion__title">Facebook</span>
+          </a>
+          <div class="c-widget-accordion-content u-center" data-tab-content="">
+            <div class="fb-page" data-href="{{ site.data.links.group.facebook_page }}" data-tabs="timeline" data-width="310" data-height="560" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</aside>