jekyll-theme-pirati 0.1.0

data/_includes/header.html

@@ -0,0 +1,115 @@
+<div class='thetop'></div>
+<aside class="o-section o-section--smaller c-header-bar u-inverted u-inverted--darker u-center-860-down">
+  <div class="row">
+    <div class="o-section-inner" style="padding: 3px;">
+      <div class="medium-12 columns">
+        <ul class="c-header-bar-items">
+          <li class="c-header-bar__item c-header-bar__item--smallerSpace">
+            <a href="{{site.fb}}" rel="noopener noreferrer" target="_blank" title="Facebook - Česká pirátská strana">
+              <i class="fa fa-facebook" aria-hidden="true"></i>
+          </a></li>
+          <li class="c-header-bar__item c-header-bar__item--smallerSpace">
+            <a href="https://www.twitter.com/{{site.tw}}" rel="noopener noreferrer" target="_blank" title="Twitter - Česká pirátská strana">
+              <i class="fa fa-twitter" aria-hidden="true"></i>
+            </a>
+          </li>
+          <li class="c-header-bar__item c-header-bar__item--smallerSpace">
+            <a href="https://www.instagram.com/pirati.cz/" rel="noopener noreferrer" target="_blank" title="Instagram - Česká pirátská strana">
+              <i class="fa fa-instagram" aria-hidden="true"></i>
+          </a></li>
+          <li class="c-header-bar__item c-header-bar__item--smallerSpace">
+            <a href="https://plus.google.com/u/0/+piratskastrana" rel="noopener noreferrer" target="_blank" title="Google Plus - Česká pirátská strana">
+              <i class="fa fa-google-plus" aria-hidden="true"></i>
+            </a>
+          </li>
+          <li class="c-header-bar__item c-header-bar__item--smallerSpace">
+            <a href="https://www.flickr.com/photos/pirati/" rel="noopener noreferrer" target="_blank" title="Flickr - Česká pirátská strana">
+              <i class="fa fa-flickr" aria-hidden="true"></i>
+            </a>
+          </li>
+        </ul>
+        <div class="c-header-bar-divider"></div>
+        <ul class="c-header-bar-items c-header-bar-items--bigLh">
+        {% for item in site.data.top-menu %}
+          <li class="c-header-bar__item">
+            <a href="{{ item.url }}" rel="noopener noreferrer" target="_blank">
+              <i class="{{ item.icon }}" aria-hidden="true"></i>
+              <span class="c-header-bar__itemDescription">{{ item.link }}</span>
+            </a>
+          </li>
+        {% endfor %}
+        </ul>
+      </div>
+    </div>
+  </div>
+</aside>
+
+
+
+<div class="c-top-bar">
+  <div class="row">
+    <div class="c-top-bar-inner u-cf">
+      
+       {% if page.url != '/' %}
+      <div class="top-bar-title">
+        <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>
+      <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="">
+           
+              <li {% if page.url contains 'aktuality' %} class="is-active"{% endif %}>
+                <a href="{{'/aktuality/' | relative_url }}">Aktuality</a>
+              </li>
+           
+              <li{% if page.url contains 'o-nas' or page.url contains 'lide' or page.url contains 'regiony'%} class="is-active"{% endif %}>
+                <a href="{{ '/lide/' | relative_url }}">O nás</a>
+                <ul class="menu vertical">
+                  <li{% if page.url contains 'lide'%} class="is-active"{% endif %}>
+                    <a href="{{ '/lide/' | relative_url }}">Naši lidé</a>
+                  </li>
+                </ul>
+              </li>
+           
+              <li{% if page.url contains 'program' %} class="is-active"{% endif %}>
+                <a href="{{ '/program/' | relative_url }}">Program</a>
+              </li>
+
+
+            </ul>
+          </div>
+        </div>
+      </div>
+   
+    
+    
+    </div>
+  </div>
+</div>
+<div class="c-top-bar-border"> </div>

data/_includes/icon-github.html

@@ -0,0 +1 @@
+<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>

data/_includes/icon-github.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>

data/_includes/icon-twitter.html

@@ -0,0 +1 @@
+<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>

data/_includes/icon-twitter.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>

data/_includes/js/custom.js

@@ -0,0 +1,245 @@
+Foundation.Interchange.SPECIAL_QUERIES['medium down'] = 'screen and (max-width: 63.9375em)';
+$(document).foundation();
+$(document).on('replaced.zf.interchange', function(e)
+{
+  $(this).foundation();
+});
+$("button[data-toggle]").on("click", function()
+{
+  if ($(this).parent().hasClass("js-button-toggled"))
+  {
+    $(this).parent().removeClass("js-button-toggled");
+  }
+  else
+  {
+    $(this).parent().addClass("js-button-toggled");
+  }
+});
+window.onload = function() {};
+
+/**
+* Choice n random items from collection
+* @param {collection} data - collection
+* @param {integer} n -number of choicen
+**/
+var choice_n_random = function(data, n) {
+  n = (typeof n !== 'undefined') ?  n : 3;
+  var choice = [];
+  while(true) {
+    var value = data[Math.floor(Math.random()*data.length)];
+    if(value.description) {
+      choice.push(value);
+      if(choice.length == n) {
+        break;
+      }
+    }
+  }
+  return choice;
+};
+
+/**
+* Choice one person by uid
+* @param {collection} data
+* @param {string} uid
+**/
+var choice_person = function(data, uid, role) {
+  role = (typeof role !== 'undefined') ?  role : null;
+  var person = null;
+  var result = null;
+  $.each(data, function(index, person){
+    if(person.uid==uid) {
+      result=person;
+      result['role'] = role;
+      return;
+    }
+  });
+  if(result) {
+    return [result];
+  } else {
+    return [{'name': uid, 'role': role}];
+  }
+}
+
+/** @param {collection} data **/
+var choice_garant = function(data) { return choice_person(data, page_garant, 'garant'); };
+/** @param {collection} data **/
+var choice_leader = function(data) { return choice_person(data, page_leader, 'vedoucí týmu'); };
+/** @param {collection} data **/
+var choice_contact= function(data) { return choice_person(data, page_contact, 'kontaktní osoba'); };
+
+/**
+ * Show people in the #people
+ * @param {collection} data
+ * @param {callback} who
+ * @param {string} where - #id
+ **/
+var show_people = function(data, who, where) {
+  if(where.length) { /* Only if proper div exists */
+    choice = who(data);
+    $.get(snippet_profile, function (template) {
+      var template=Handlebars.compile(template);
+      $.each(choice, function(index, value) {
+        var html = template(value);
+        $(where).append(html);
+      });
+    }, 'html')
+  }
+}
+
+/**
+ * @param {collection} data
+ **/
+var search = function(data) {
+  $("#searchsub").click(function() {
+    var exp = search.val();
+    var url = "https://www.google.cz/?q=inurl:pirati.cz+" + exp;
+    window.location.href = url;
+  });
+  $("#search").autocomplete({
+    source: data,
+    select: function( event, ui ) {
+      window.location.href = ui.item.value;
+    }
+  });
+}
+
+var back_top = function() {
+  $(window).scroll(function() {
+      if ($(this).scrollTop() > 50 ) {
+          $('.scrolltop:hidden').stop(true, true).fadeIn();
+      } else {
+          $('.scrolltop').stop(true, true).fadeOut();
+      }
+  });
+  $(function(){
+    $(".scroll").click(function(){
+      $("html,body").animate(
+        {scrollTop: $(".thetop").offset().top}, "1000");
+      return false
+    }
+  )});
+}
+
+/**
+ * @param {collection} data
+ **/
+var show_relatives = function(data) {
+  var ul = $("#relatives");
+  if(ul.length) {
+    var global_tags = data[0];
+
+    if(!page_tags.length) {
+      $('#relatives-box').hide();
+    }
+
+    $.each(page_tags, function(index, tag) {
+      $.each(global_tags[tag], function(index, post) {
+        if(post.url != page_url) {
+          var li = $('<li/>').appendTo(ul);
+          var a = $('<a/>').text(post.title).attr('href',post.url).appendTo(li);
+        }
+      });
+    });
+  }
+}
+
+/**
+ * Make map of czech regions for pirati.cz/regiony
+ * @param {collection} data
+ **/
+var makemap = function(data) {
+  var settings = data[0].settings;
+
+  $(settings.id).width(settings.size.width);
+  $(settings.id).height(settings.size.height);
+  var R = Raphael(settings.id, settings.size.width, settings.size.height);
+
+  $("#region-description>div").hide();
+
+  var marked = null;
+  var i = 0;
+  var reg_list = $('#regions-list');
+  var reg_list2 = $('#regions-list-2');
+
+  var regions = data[0].regions;
+  $.each(regions, function(index, region) {
+    if(i < 7 ) {
+      var li = $('<li/>').appendTo(reg_list);
+      var span = $('<a/>').text(region.name).attr('href',region.url).appendTo(li);
+    } else {
+      var li2 = $('<li/>').appendTo(reg_list2);
+      var span2 = $('<a/>').text(region.name).attr('href',region.url).appendTo(li2);
+    }
+    i++;
+
+    var custom_attrs = {"title": region.name};
+    var attrs = $.extend(settings.region_attrs, custom_attrs);
+
+    if(settings.colors) {
+      region.color = Raphael.getColor();
+    } else {
+      region.color = "#666";
+    }
+    var path_def = null;
+    var reg_id = region.id;
+
+    $.each(region.paths, function(index, path) {
+      path = R.path(path).scale(
+        settings.size.scale,
+        settings.size.scale,
+        0,0).attr(attrs);
+
+        var click = function() {
+          window.open(region.url);
+        };
+        var dblclick = function() {
+          window.open(region.url);
+        };
+        var over = function() {
+          path.animate({fill: region.color}, 500).attr({'cursor': "pointer"});
+        };
+        var out = function() {
+          path.animate({fill: "#333"}, 500);
+        };
+
+        path[0].onclick = click;
+        path[0].ondblclick = dblclick;
+        path[0].onmouseover = over;
+        path[0].onmouseout = out;
+    });
+  });
+};
+
+$(function() {
+  /* Search */
+  $.get(api_search)
+    .done(search)
+    .fail(function(data) { console.log('Error in search:', data); });
+
+  /* Back to top */
+  back_top();
+
+  /* People and garant */
+  $.get(api_people)
+    .done(function(data) {
+      show_people(data, choice_n_random, $('#people'));
+      show_people(data, choice_garant,   $('#garant'));
+      show_people(data, choice_leader,   $('#leader'));
+      show_people(data, choice_contact,  $('#contact'));
+    })
+    .fail(function(data) { console.log('Error in relatives articles:', data); });
+
+  /* Relatives */
+  if($("#relatives").length) {
+    $.get(api_tags)
+      .done(function(data) { show_relatives(data) })
+      .fail(function(data) { console.log('Error in relatives articles:', data); });
+  }
+
+  /* Regions */
+  if($('#regions-map').length) {
+    $.get(api_regions)
+      .done(function(data) { makemap(data); })
+      .fail(function(data) { console.log("Error: map"); });
+  }
+});

data/_includes/js/fb.js

@@ -0,0 +1,15 @@
+window.fbAsyncInit = function() {
+  FB.init({
+    appId      : '1526197851008996',
+    xfbml      : true,
+    version    : 'v2.5'
+  });
+};
+
+(function(d, s, id){
+   var js, fjs = d.getElementsByTagName(s)[0];
+   if (d.getElementById(id)) {return;}
+   js = d.createElement(s); js.id = id;
+   js.src = "//connect.facebook.net/en_US/sdk.js";
+   fjs.parentNode.insertBefore(js, fjs);
+ }(document, 'script', 'facebook-jssdk'));

data/_includes/js/main.html

@@ -0,0 +1,18 @@
+<script>
+/* Global variables from jekyll */
+var api_people = "{{'api/people.json' | relative_url}}";
+var api_search = "{{'api/search.json' | relative_url}}";
+var api_tags = "{{'api/tags.json' | relative_url}}";
+var api_regions = "{{'api/regions.json' | relative_url}}";
+var snippet_profile = "{{'assets/snippet/profile.html' | relative_url}}";
+var page_url = "{{page.url}}";
+var page_garant = "{{page.garant}}";
+var page_leader = "{{page.leader}}";
+var page_contact ="{{page.contact | first}}";
+var page_tags = {% if page.tags %}{{page.tags | split: ' '}}{% else %}[]{%endif%};
+</script>
+<script src="{{'assets/js/common-libs.min.js' | relative_url}}"></script>
+<script src="{{'assets/js/custom.min.js' | relative_url}}"></script>
+<!-- Piwik -->
+<noscript><p><img src="//piwik.pirati.cz/piwik.php?idsite=3&rec=1" style="border:0;" alt="" /></p></noscript>
+<!-- End Piwik Code -->

data/_includes/js/piwik.js

@@ -0,0 +1,11 @@
+var _paq = _paq || [];
+/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+_paq.push(['trackPageView']);
+_paq.push(['enableLinkTracking']);
+(function() {
+  var u="//piwik.pirati.cz/";
+  _paq.push(['setTrackerUrl', u+'piwik.php']);
+  _paq.push(['setSiteId', '3']);
+  var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+  g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+})();

data/_includes/js/tw.js

@@ -0,0 +1,15 @@
+/* Twitter */
+window.twttr = (function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0],
+    t = window.twttr || {};
+  if (d.getElementById(id)) return t;
+  js = d.createElement(s);
+  js.id = id;
+  js.src = "https://platform.twitter.com/widgets.js";
+  fjs.parentNode.insertBefore(js, fjs);
+  t._e = [];
+  t.ready = function(f) {
+    t._e.push(f);
+  };
+  return t;
+}(document, "script", "twitter-wjs"));

data/_includes/people/item.html

@@ -0,0 +1,31 @@
+<div class="large-6 small-12 small-collapse columns end o-section-mediumdown-divided-small">
+  <div class="o-media o-media--top">
+    <div class="o-media__image o-media__image--lgspace">
+      <img src="{{ item.img | prepend: '/assets/img/' | relative_url }}" alt="{{item.name}}{{item.title}}"> </div>
+    <div class="o-media__body">
+      <h2 class="o-media__headline">
+        {% if item.url contains 'http' %}
+          {% assign url = item.url %}
+        {% else %}
+          {% assign url = item.url | relative_url %}
+        {% endif %}
+        <a href="{{url}}">{% if item.name %}{{item.name}}{% else %}{{item.title}}{% endif %}</a>
+      </h2>
+      <p>{{item.description}}</p>
+      {% if item.asistent %}
+      <p>
+        Asistent/ka: {{item.asistent.name}}<br />
+        {{item.asistent.tel}}<br />
+        <a href="mailto:{{item.asistent.mail}}">{{item.asistent.mail}}</a><br>
+      </p>
+      {% else %}
+      {% if item.mob or item.mail %}
+      <p>
+        {{item.mob}}<br>
+        <a href="mailto:{{item.mail | first}}">{{item.mail | first}}</a><br>
+      </p>
+      {% endif %}
+      {% endif %}
+    </div>
+  </div>
+</div>