index.html

---
layout: default
---

<div class="c-welcome-header">
</div>
<div class="row">
  <div class="medium-12 large-8 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner o-section-inner--leftBlock">
        <header class="o-section-header">
          <h1 class="o-section__heading">Recent news</h1>
        </header>
        {% for article in site.posts limit: 6 %}
        <article itemtype="http://schema.org/BlogPosting" class="c-BlogPosting-excerpt" itemscope="">
          <div class="c-BlogPosting-excerpt-contentWrapper u-cf">
            <div class="c-BlogPosting-excerpt-photoBox">
              <!-- BlogPosting image -->
              <div itemprop="image" itemtype="http://schema.org/ImageObject" class="c-BlogPosting-excerpt__image" itemscope="">
                <a href="{{article.url | relative_url}}">
                  <img src="{{ article.image | relative_url }}" alt="{{article.title}}">
                </a>
                <meta itemprop="url" content="{{ article.image | relative_url }}">
                <meta itemprop="width" content="">
                <meta itemprop="height" content=""> </div>
            </div>
            <div class="c-BlogPosting-excerpt-contentBox">
              <!-- Headline -->
              <h2 itemprop="headline" class="c-BlogPosting-excerpt__title">
                <a href="{{article.url | relative_url}}" itemprop="url">{{article.title}}</a>
              </h2>
              <!-- BlogPosting description-->
              <div itemprop="description" class="c-BlogPosting-excerpt-content">{{ article.excerpt | truncatewords: 33 | strip_html }} </div>
              <a href="{{article.url | relative_url }}" class="c-BlogPosting-excerpt-readMore">Read the rest &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="Pirate Party UK"> </div>
          </div>
          <div class="c-BlogPosting-excerpt-infoBox">
            <!-- Date published -->
            <span itemprop="description" class="c-BlogPosting-excerpt__datePublished">
              <i class="fa fa-calendar-o" aria-hidden="true"></i> {{article.date | date: "%d.%m.%Y"}}
              <meta itemprop="datePublished" content="{{article.date | date_to_xmlschema }}">
              <meta itemprop="dateModified" content=""> </span>
            <br class="hide-for-medium">
            <!-- Authors -->
            <span itemprop="author" itemtype="http://schema.org/Person" class="c-BlogPosting-excerpt__authors" itemscope="">
              <i class="fa fa-user" aria-hidden="true"></i>
              <span itemprop="name" class="c-BlogPosting-excerpt__author">{{ article.author }}</span>
              <br class="hide-for-medium"> </span>
          </div>
        </article>
        {% endfor %}
        <div class="c-BlogPosting-excerpt-nextBox">
          <a href="{{'/news/' | relative_url}}" rel="next" class="button expanded large">View More</a>
        </div>
      </div>
    </section>
</div>