jekyll-theme-pirati-sk 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 5416c4c183fe31c712f66a033eb2439b36dc85da5855f62dd3b2fef62e984c0b
+  data.tar.gz: 86da30b72fc2af597af4a685435e668995e3809e7378740b333100e3a598a58e
+SHA512:
+  metadata.gz: d83abd857c1df1e4e05a7cfdb5a62187c9a6fbbc1487234a3072e44a5b51360a1b5896af929d72cdbddf21bc7d9b49020dbe8314d5f8924da99057c15b17f56b
+  data.tar.gz: ad9067bb821b745a2abf8c36595c9cbd7d474f5dca3c21320d7a06c8b33cebdbfb26ffb7e1506d891985c1838abc37a7c62a86f9115d8586a14efc538f486b57

data/README.md

@@ -0,0 +1,187 @@
+# jekyll-theme-pirati
+
+Theme of Czech Pirate Party.
+
+[![Gem Version](https://badge.fury.io/rb/jekyll-theme-pirati.svg)](https://badge.fury.io/rb/jekyll-theme-pirati)
+
+## Installation & usage
+
+For usage see [USAGE.md](USAGE.md)
+
+## Updating to 8.x
+
+8.x version features a fully revamped UI based on our new [UI
+styleguide](https://styleguide.pir-test.eu/). The theme no longer has it's own
+CSS styles. Instead, all the styles are being provided by the styleguide itself.
+Same applies to JS: whole webpack asset pipeline has been dropped which
+resulted in a lot simpler design. This version is a transition one before
+migrating to Wagtail-driven websites. No more major updates will follow, only
+bugfixes a maybe some minor adjustments.
+
+### New features
+
+#### Sub links for campaigns
+
+You can now add sub link super buttons to campaign pages. To add it, provide the `subLinks` property of the particular campaign
+record with following shape:
+
+```
+subLinks:
+  - title: Povolební strategie
+    icon: ico--strategy
+    classes: bg-grey-125 hover:bg-black hover:text-white
+    href: /
+  - title: Financování kampaně
+    icon: ico--calculator
+    classes: bg-black text-white hover:bg-grey-125 hover:text-black
+    href: /
+```
+
+#### Transarency section in the footer
+
+Footer section listing transparent accounts and stuff can be enabled/disabled
+using `transparencySection: true/false` property in the `_data/menu.yml`.
+
+
+#### New includes
+
+- `_includes/avatar.html` - creates [avatar image](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-avatars)
+- `_includes/buttons/basic.html` - a [button without icon](https://styleguide.pir-test.eu/latest/?p=atoms-button-colors)
+- `_includes/buttons/icon.html` - a [button with icon](https://styleguide.pir-test.eu/latest/?p=atoms-button-colors)
+- `_includes/buttons/super.html` - a [super button](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-super-buttons)
+- `_includes/calendar.html` - a [calendar widget](https://styleguide.pir-test.eu/latest/?p=molecules-js-calendar)
+- `_includes/contact-line.html` - a generic [contact line](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-contact-lines)
+- `_includes/countdown.html` - a [countdown widget](https://styleguide.pir-test.eu/latest/?p=viewall-organisms-countdown)
+- `_includes/hero/simple.html` - a [simple hero banner](https://styleguide.pir-test.eu/latest/?p=templates-pirate-center)
+- `_includes/hero/advanced.html` - a [complex hero banner](https://styleguide.pir-test.eu/latest/?p=templates-elections)
+
+#### New pagination
+
+You should update your pagination settings to `12` instead of `11`.
+
+#### Set styleguide url in the config
+
+Add `styleguide_base_url` property pointing to styleguide version you want to use.
+
+#### New pirate-center layout
+
+Provide front matter like following:
+
+```yaml
+title: ParduPiCe - Pardubické pirátské centrum
+shorthand: ParduPiCe
+openingHoursSEO: Mo-Fr 9:00-17:00
+heroHeadline: Zbrusu nové krajské pirátské centrum!
+heroDescription: V Pardubicích jsme otevřeli nové pirátské centrum pod zkratkou ParduPiCe.
+img: pardupice/1.jpg
+address: |
+  Pardubické pirátské centrum
+  Budova T-STRING
+  Masarykovo náměstí 1484
+  530 02 Pardubice I
+addressNote: Vstup do pirátského centra naleznete z boku budovy T-STRING naproti „AFI paláci“, vedle kadeřnictví. Vchod je v prostoru vjezdu na parkoviště ve vnitrobloku.
+contactPersons:
+  - id: filip.varecha
+    description: Správce coworku
+  - id: jan.bednar
+    description: Produkce
+calendarId: t60uj67580oudjh04tuh5icl8o@group.calendar.google.com
+calendarTitle: Kalendář akcí
+calendarPage: https://calendar.google.com/calendar/embed?src=t60uj67580oudjh04tuh5icl8o%40group.calendar.google.com&ctz=Europe%2FPrague
+mapIframeLink: https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10250.279531989467!2d15.770466!3d50.0381549!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xd4d03352a17e038b!2zUGFyZHVQaUNlIOKAkyBQYXJkdWJpY2vDqSBQaXLDoXRza8OpIGNlbnRydW0!5e0!3m2!1scs!2scz!4v1568565921492!5m2!1scs!2scz
+```
+
+If you provide `calendarId`, it will display the event list automatically.
+
+
+#### Display party affiliation on person page
+
+To display, add `partyUid: [party_uid]` in the page front matter.
+
+#### Use customized hero background on person page
+
+To use it fully, provide `heroImg` in the person markdown file.
+
+#### Highlight important articles
+
+These will show as the [emphasized variant in black](https://styleguide.pir-test.eu/latest/?p=viewall-molecules-article-card).
+
+#### Organizations can personalise their onboard and donate links in header and footer
+
+Set `organization.donateLink` (defaults to dary.pirati.cz) and
+`organization.onboardingLink` (defaults to nalodeni.pirati.cz) in the Jekyll
+config.
+
+
+### Backwards incompatible changes
+
+#### Candidate lists
+
+New data entity `parties` has been introduced. Needs to be added as `_data/parties.yml`. It's an array with following structure:
+
+```
+- uid: [party_id]
+  name: [party_verbose_name]
+  logoImg: [party_image_in_svg_format]
+```
+
+All existing candidate lists need to be updated. Specifically, `party` property
+has to be replaced with `partyUid` pointing to actual `uid` in `parties.yml`.
+
+#### Font awesome dropped in favor of custom iconset
+
+As the result, all the `fa*` icons won't work anymore. New icons has `ico--*` naming instead. See the [styleguide](https://styleguide.pir-test.eu/latest/?p=viewall-atoms-icons) for an overview of available icons. You will need to update your icons should you used some. Namely, icons will have to be updated in the `menu.yml`.
+
+
+#### Some deleted templates
+
+- `_includes/article-box/three-in-row.html` - replaced with `_includes/article-box/list.html`
+- `_includes/rbar/bar_photo.html` - now replaced with `bar_profile.html` that already contains a picture
+- `_includes/rbar/bar_person_contact.html` - now replaced with `bar_profile.html` that already contains a contact section
+
+
+#### Obsolete JS widgets
+
+Following widgets won't work (source kept in repository for future possible use):
+
+- Agenda - replaced with calendar from styleguide
+- Intention map - no replacement
+- Custom layer map - no replacement
+- Site search - no replacement, no site search available anymore
+
+## Updating to 7.x
+
+Tag `_config.yml organization contactUid` is not used. Contacts person in bottom are popele with category `kontaktni_osoba`.
+
+## 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.
+
+## Development
+
+See [development](development.md).
+
+## License
+
+The theme is available as open source under the terms of the [MIT
+License](https://opensource.org/licenses/MIT).
+

data/_data/campaigns.yml

@@ -0,0 +1,19 @@
+# Campaigns are grouped, this usually reperesents situation when multiple
+# election campaings are held at the same time (which saves $$$ for the country).
+
+- groupUid: volby-2018  # identifier of the group, to be used in program point
+  title: Volby 2018     # title of the campaign group
+  subLinks:
+    - title: Povolební strategie
+      icon: ico--strategy
+      classes: bg-grey-125 hover:bg-black hover:text-white
+      href: /
+    - title: Financování kampaně
+      icon: ico--calculator
+      classes: bg-black text-white hover:bg-grey-125 hover:text-black
+      href: /
+  campaigns:
+    - title: Program na radnici   # individual campaigns within the group
+      categoryUid: praha2018
+    - title: Senát
+      categoryUid: senat

data/_data/menu.yml

@@ -0,0 +1,80 @@
+top:
+  - link: "pirati.cz"
+    url:  "https://www.pirati.cz"
+    icon: "ico--home"
+  - link: "piratskyobchod.cz"
+    url:  "https://piratskyobchod.cz"
+    icon: "ico--cart"
+  - link: "Pirátské listy"
+    url:  "http://www.piratskelisty.cz"
+    icon: "ico--newspaper"
+
+main:
+  - link: /
+    name: Úvod
+    class: hide-for-medium
+  - link: /aktuality/
+    name: Aktuality
+    match: aktuality
+  - link: /lide/
+    name: O nás
+    match: lide, regiony
+    submenu:
+      - link: /lide/
+        name: Naši lidé
+        match: lide
+      - link: /regiony/
+        name: Místní sdružení
+        match: regiony
+      - link: /regiony/index2.html
+        name: Jiný rozcestník
+        match: index2
+  - link: /komunalni-volby/praha2018
+    name: Komunální volby
+    match: komunalni-volby
+    submenu:
+      - link: /komunalni-volby/praha2018/
+        name: Program na radnici
+        match: radnice
+      - link: /komunalni-volby/senat/
+        name: Senát
+        match: senat
+      - link: /komunalni-volby/mapa-zameru/
+        name: Mapa záměrů
+        match: mapa-zameru
+  - link: /pripoj-se/
+    name: Připoj se
+    match: pripoj-se
+  - link: /piratske-centrum/
+    name: Piratské centrum
+    match: piratske-centrum
+  - link: /kontakt/
+    name: Kontakt
+    match: kontakt
+
+# hideSearch: yes
+
+bottom:
+  - class: small-12 medium-4
+    title: Připoj se
+    links:
+      - link: /pripoj-se/
+        name: Dej nám vědět
+  - class: small-12 medium-4
+    title: Makáme
+    links:
+      - link: /lide/
+        name: Lidé
+      - link: /komunalni-volby/
+        name: Volby
+      - link: /aktuality/
+        name: Aktuality
+
+# Display transparency section in the footer?
+transparencySection: true
+
+contact:
+  - id: jakub.pirat
+    position: Kontakt pro dorovolníky
+  - id: aktivni.priznivec
+    position: Kontakt pro novináře

data/_data/parties.yml

@@ -0,0 +1,7 @@
+- uid: pirati
+  name: Pirátská strana
+  logoImg: brand/logo.svg
+- uid: bezpp
+  name: bez politické příslušnosti
+- uid: evropani
+  name: Evropani.cz

data/_includes/404.html

@@ -0,0 +1,4 @@
+<div class="container container--default content-block py-8 lg:py-24">
+  <h1 class="head-alt-lg">404 Stránka nebyla nalezena :(</h1>
+  <p>Litujeme, ale požadovaná stránka nebyla na našem serveru nalezena.</p>
+</div>

data/_includes/accordeon/accordeon.html

@@ -0,0 +1,10 @@
+<ul class="c-widget-accordion c-widget-accordion--unstacksibling c-widget-accordion--topspace" data-accordion="" data-allow-all-closed="true">
+  <li class="c-widget-accordion-item" data-accordion-item="">
+    <a href="#" class="c-widget-accordion-link">
+      <span class="c-widget-accordion__title c-widget-accordion__title--noicon c-widget-accordion__title--plain">{{point.title}}</span>
+    </a>
+    <div class="c-widget-accordion-content" data-tab-content="">
+        {{ point.content }}
+    </div>
+  </li>
+</ul>

data/_includes/article-box/article-box.html

@@ -0,0 +1,15 @@
+<article class="card">
+  <a href="{{ include.url }}">
+    <img src="{{ include.image }}" alt="{{ include.title }}" class="w-full h-48 object-cover" />
+  </a>
+  <div class="card__body p-4">
+    <h2 class="card-headline">{{ include.title }}</h2>
+    <p class="card-body-text">
+      {{ include.description }}
+    </p>
+
+    {% if include.button %}
+      {% include buttons/basic.html href=include.url cta=include.button class="btn--blue-300 btn--fullwidth btn--hoveractive mt-4" %}
+    {% endif %}
+  </div>
+</article>

data/_includes/article-box/list.html

@@ -0,0 +1,11 @@
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 {{ include.class }}">
+  {% for article-box in include.article-boxes %}
+    {% include article-box/article-box.html
+      url=article-box.url
+      image=article-box.image
+      title=article-box.title
+      description=article-box.description
+      button=article-box.button
+    %}
+  {% endfor %}
+</div>

data/_includes/article-infobox.html

@@ -0,0 +1,5 @@
+<div class="card elevation-10">
+  <div class="card__body content-block">
+    {{ include.content }}
+  </div>
+</div>

data/_includes/articles/author.html

@@ -0,0 +1,8 @@
+{% if include.article.authorId %}
+  {% assign author = site.people | where_exp:"item","item.uid contains include.article.authorId" | first %}
+  <a href={{author.url}}>
+    {{author.name}}
+  </a>
+{% else %}
+  {{ include.article.author }}
+{% endif %}

data/_includes/articles/horizontal-article.html

@@ -0,0 +1,52 @@
+<article itemtype="http://schema.org/BlogPosting" class="c-article-listing" itemscope="">
+  <link itemprop="mainEntityOfPage" href="{{ include.article.url | absolute_url }}">
+
+  <div class="c-article-listing__row">
+    <div class="c-article-listing__photobox">
+      <div itemprop="image" itemtype="http://schema.org/ImageObject" class="c-article-listing__image {% if include.article.youtubeVideoId %}c-article-listing__image--videoicon{% endif %}" itemscope="">
+        {% if site.mediaStorage %}
+            {% capture imgPath %}https://a.pirati.cz/resize/348x232/{{ site.mediaStorage }}/img/{{ include.article.image }}{% endcapture %}
+        {% else %}
+            {% capture imgPath %}{% asset '{{ include.article.image }}' magick:resize="348x232^" magick:gravity='center' magick:crop='348x232+0+0' @path %}{% endcapture %}
+        {% endif %}
+        <a href="{{ include.article.url | relative_url }}">
+          <img src="{{ imgPath }}" alt="{{ include.article.title }}">
+        </a>
+        <meta itemprop="url" content="{{ imgPath }}">
+      </div>
+    </div>
+
+    <div class="c-article-listing__content">
+      <!-- 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>
+      </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 -->
+    <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-article-listing__meta">
+    <div class="c-metadata-block-section">
+      <!-- Date published -->
+      <span itemprop="description" class="c-metadata-block-section__item">
+        <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 }}" />
+      </span>
+
+      <!-- Authors -->
+      <span itemprop="author" itemtype="http://schema.org/Person" class="c-metadata-block-section__item" itemscope="">
+        <i class="fa fa-user" aria-hidden="true"></i>
+        <span itemprop="name">
+            {% include articles/author.html article=include.article %}
+        </span>
+      </span>
+    </div>
+  </div>
+</article>

data/_includes/articles/list-responsive.html

@@ -0,0 +1,5 @@
+<div class="article-card-list grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
+  {% for article in include.posts %}
+    {% include articles/vertical-article.html article=article %}
+  {% endfor %}
+</div>

data/_includes/articles/pagination.html

@@ -0,0 +1,26 @@
+<div class="pagination-container" role="navigation" aria-label="Pagination">
+  <nav class="pagination space-x-1">
+    {% if include.paginator.page != 1 %}
+      {% include buttons/icon.html href=include.paginator.previous_page_path cta="Předchozí" icon="ico--chevron-left" class="btn--grey-125 btn--hoveractive btn--to-black btn--condensed btn--inverted-icon" aria_label="Předchozí stránka" %}
+    {% endif %}
+
+    {% for page in (1..include.paginator.total_pages) %}
+      {% if page == include.paginator.page %}
+        {% include buttons/basic.html href=include.paginator.previous_page_path cta=forloop.index class="btn--grey-500 btn--condensed hidden md:inline-block" %}
+      {% else %}
+        {% capture aria_label %}Stránka {{ forloop.index }}{% endcapture %}
+        {% if forloop.index == 1 %}
+          {% include buttons/basic.html href="/aktuality/" href=include.paginator.previous_page_path cta=forloop.index class="btn--grey-125 btn--hoveractive btn--to-black btn--condensed hidden md:inline-block" aria_label=aria_label %}
+        {% else %}
+          {% capture href %}/aktuality/{{forloop.index}}/{% endcapture %}
+          {% include buttons/basic.html href="/aktuality/" href=href cta=forloop.index class="btn--grey-125 btn--hoveractive btn--to-black btn--condensed hidden md:inline-block" aria_label=aria_label %}
+        {% endif %}
+      {% endif %}
+    {% endfor %}
+
+    {% if include.paginator.page != include.paginator.total_pages %}
+      {% include buttons/icon.html href=include.paginator.next_page_path cta="Další" icon="ico--chevron-right" class="btn--grey-125 btn--hoveractive btn--to-black btn--condensed" aria_label="Další stránka" %}
+    {% endif %}
+  </nav>
+</div>
+

data/_includes/articles/tag-filtered-news.html

@@ -0,0 +1,16 @@
+{% assign posts = "" | split: ", " %}
+{% for tag in include.tags %}
+    {% assign tagPosts = site.posts | where_exp: "item","item.tags contains tag" %}
+    {% assign posts = posts | concat: tagPosts %}
+{% endfor %}
+{% assign posts = posts | sort: "date" | reverse %}
+
+<section class="o-section o-section--spaceBot">
+  <div class="o-section-inner o-section-inner--leftBlock">
+    {% for article in posts limit: include.limit %} {% include articles/horizontal-article.html article=article %}
+    {% endfor %}
+    <div class="c-BlogPosting-excerpt-nextBox">
+      <a href="{{'/aktuality/' | relative_url}}" rel="next" class="button expanded large">Další články</a>
+    </div>
+  </div>
+</section>

data/_includes/articles/vertical-article.html

@@ -0,0 +1,72 @@
+<!-- include.article -->
+<article itemtype="http://schema.org/BlogPosting" class="card card--hoveractive article-card {% if include.article.important %}bg-black{% endif %}" itemscope="">
+  <link itemprop="mainEntityOfPage" href="{{ include.article.url }}">
+
+  <div class="article-card-cover">
+    <a href="{{ include.article.url | relative_url }}" itemprop="image" itemtype="http://schema.org/ImageObject" itemscope="">
+      {% if site.mediaStorage %}
+          {% capture imgPath %}https://a.pirati.cz/resize/348x232/{{ site.mediaStorage }}/img/{{ include.article.image }}{% endcapture %}
+      {% else %}
+          {% capture imgPath %}{% asset '{{ include.article.image }}' magick:resize='751x422^' magick:gravity='center' magick:crop='751x422+0+0' @path %}{% endcapture %}
+      {% endif %}
+      <img src="{{ imgPath }}" alt="{{ include.article.title }}">
+      <meta itemprop="url" content="{{ imgPath }}">
+    </a>
+
+    <div class="article-card-cover__details">
+      <div class="article-card-sharing">
+        <div class="social-icon-group">
+          <a
+            href="https://www.facebook.com/sharer/sharer.php?u={{ include.article.url | absolute_url }}"
+            onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+            class="social-icon social-icon--fill bg-brands-facebook text-white text-sm social-icon--4"
+          ><i class="ico--facebook"></i></a>
+          <a
+            href="https://twitter.com/intent/tweet?text={{ include.article.title }}&url={{ include.article.url | absolute_url }}"
+            onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+            class="social-icon social-icon--fill bg-brands-twitter text-white text-sm social-icon--4"
+          ><i class="ico--twitter"></i></a>
+        </div>
+      </div>
+
+      <div class="article-card-meta"  class="c-metadata-block-section__item" >
+        <span itemprop="description" class="article-card-meta__item">
+          {{ include.article.date | date: "%d.%m.%Y" }}
+          <meta itemprop="datePublished" content="{{ include.article.date | date_to_xmlschema }}" />
+        </span>
+        <span class="article-card-meta__item" itemprop="author" itemtype="http://schema.org/Person" itemscope="">
+          {% capture author_name %}
+            {% if include.article.authorId -%}
+              {% assign author = site.people | where_exp:"item","item.uid contains include.article.authorId" | first %}
+              {{ author.name }}
+            {%- else -%}
+              {{ include.article.author }}
+            {%- endif %}
+          {% endcapture %}
+          <span itemprop="name">{{ author_name }}</span>
+        </span>
+      </div>
+
+    </div>
+  </div>
+  <div class="card__body article-card__body">
+    <a href="{{ include.article.url | relative_url }}" {% if include.article.important %}class="hover:line-white"{% endif %}><h1 class="card-headline mb-4 {% if include.article.important %}text-white{% endif %}">{{ include.article.title }}</h1></a>
+    <p class="card-body-text flex-grow {% if include.article.important %}text-white{% endif %}">{{ include.article.excerpt | truncatewords: 35 | strip_html }}</p>
+    {% if include.article.tags %}
+      <div class="inline-block-nogap mt-4">
+        {% for tag in include.article.tags %}
+          {% capture tagUrl %}{{ tag | prepend: '/tags/#' | relative_url }}{% endcapture %}
+          {% capture tagClass %}article-card__category-button btn--condensed text-sm font-light {% if include.article.important %}btn--grey-700{% else %}btn--grey-125{% endif %}{% endcapture %}
+          {% include buttons/basic.html class=tagClass cta=tag href=tagUrl %}
+        {% endfor %}
+      </div>
+    {% endif %}
+  </div>
+
+  <div itemprop="publisher" itemtype="http://schema.org/Organization" class="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>
+</article>

data/_includes/avatar.html

@@ -0,0 +1,9 @@
+{% if include.url %}
+  <a href="{{ include.url }}" class="avatar {% if include.class %}{{ include.class }}{% endif %}">
+    <img src="{{ include.src }}" alt="{{ include.alt }}" />
+  </a>
+{% else %}
+  <div class="avatar {% if include.class %}{{ include.class }}{% endif %}">
+    <img src="{{ include.src }}" alt="{{ include.alt }}" />
+  </div>
+{% endif %}

data/_includes/buttons/basic.html

@@ -0,0 +1,3 @@
+<{% if include.href %}a href="{{ include.href }}"{% else %}button{% endif %} class="btn {{ include.class }}"  {% if include.rel %}rel="{{ include.rel }}"{% endif %} {% if include.aria_label %}aria-label="{{ include.aria_label }}"{% endif %}>
+  <div class="btn__body {{ include.body_class }}">{{ include.cta }}</div>
+</{% if include.href %}a{% else %}button{% endif %}>

data/_includes/buttons/icon.html

@@ -0,0 +1,8 @@
+<{% if include.href %}a href="{{ include.href }}"{% else %}button{% endif %} class="btn btn--icon {{ include.class }}" {% if include.rel %}rel="{{ include.rel }}"{% endif %} {% if include.aria_label %}aria-label="{{ include.aria_label }}"{% endif %}>
+  <div class="btn__body-wrap">
+    <div class="btn__body {{ include.body_class }}">{{ include.cta }}</div>
+    <div class="btn__icon {{ include.icon_class }}">
+      <i class="{{ include.icon }}"></i>
+    </div>
+  </div>
+</{% if include.href %}a{% else %}button{% endif %}>

data/_includes/buttons/super.html

@@ -0,0 +1,4 @@
+<a href="{{ include.href }}" class="super-button {{ include.class }}"  {% if include.rel %}rel="{{ include.rel }}"{% endif %} {% if include.aria_label %}aria-label="{{ include.aria_label }}"{% endif %}>
+  <span class="super-button__body">{{ include.cta }}</span>
+  <i class="super-button__icon {{ include.icon }}"></i>
+</a>

data/_includes/calendar.html

@@ -0,0 +1,21 @@
+<div class="__js-root {{ include.classes }}">
+  {% if site.env.GOOGLE_CALENDAR_APIKEY and include.calendarId %}
+    <ui-calendar-google-provider v-slot="{ events, onShowMore, hasMore }" :calendar-id="'{{ include.calendarId }}'" :api-key="'{{ site.env.GOOGLE_CALENDAR_APIKEY }}'">
+      <ui-calendar-renderer
+        :events="events"
+        :on-show-more="onShowMore"
+        :has-more="hasMore" :name="'{{ include.calendarTitle | default: 'Kalendář' }}'"
+        {% if include.hideBanner %}:show-banner="false"{% endif %}
+      ></ui-calendar-renderer>
+    </ui-calendar-google-provider>
+  {% else %}
+    {% if include.calendarPage %}
+      <iframe src="{{ include.calendarPage }}" style="border-width:0; width: 100%; height: 410px; border: 0; overflow: hidden;"></iframe>
+      <p class="mt-4">
+        <a class="btn btn--orange-200 btn--hoveractive" href="{{ include.calendarPage | relative_url }}">
+          <span class="btn__body">Zobrazit všechny akce</span>
+        </a>
+      </p>
+    {% endif %}
+  {% endif %}
+</div>