---
layout: base
title: "Homepage"
description: "Your description goes here"
---

<header>
  {% include topbar.html %}
  <h1 class="show-for-sr">Homepage</h1>
</header>

<main>
  <!-- Hero -->
  <section id="hero" class="grid-x grid-padding-y align-center-middle">
    <div class="cell medium-5 text-center">
      <h2 class="show-for-sr">Our vision</h2>
        {% assign slogan = site.data.pages.index.hero.slogan | markdownify %}
      <div class="h3" style="margin-bottom: 50px;">
        <div id="slogan">
          {{ slogan }}
        </div>
  </section>
  <!-- END Hero -->

  <!-- How Can You Help? -->
  <div class="grid-container">
    <section class="grid-x grid-padding-x grid-padding-y">
      <div class="cell small-12 text-center">
        <h2>{{ site.data.pages.index.help.title }}</h2>
      </div>
      {% for block in site.data.pages.index.help.blocks %}
      <section class="cell medium-4 text-center">
        {% if block.icon and block.icon != "" %}
          {% include {{ block.icon }} %}
        {% endif %}
        <h3>{{ block.title }}</h3>
        {{ block.text | markdownify }}
      </section>
      {% endfor %}
    </section>
  </div>
  <!-- END How Can You Help? -->

  <!-- What's New? -->
  <div class="grid-container">
    <section class="grid-x grid-padding-x grid-padding-y">
      <div class="cell small-12 text-center">
        <h2>{{ site.data.pages.index.news.title }}</h2>
      </div>
      {% for post in site.posts limit:3 %}
      <div class="cell small-12 medium-4">
        <article>
          <header>
            {% include helpers/file_exists.html
                       filename=post.image.url %}
            {% if filename_exists == "true" %}
            <img src="{{ post.image.url | relative_url }}"
                 alt="{{ post.image.description }}">
            {% else %}
            <img src="{{ "/assets/img/INSERT PATHWAY HERE" | 
                          relative_url }}"
                 alt="{{ post.image.description }}">
            {% endif %}
            <h3 class="h4">
             <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
            </h3>
            <div class="grid-x grid-padding-x">
              <address class="cell shrink"
                       style="border-right: solid 1px #ccc;">
                {{ post.author }}
              </address>
              <time class="cell auto">
                {{ post.date | date: "%B %d, %Y" }}
              </time>
            </div>
          </header>
          <p>{{ post.excerpt }}</p>
          <footer>
            <a href="{{ post.url | relative_url }}">
              Read more
              <span class="show-for-sr">
                about {{ post.title }} article.
              </span>
            </a>
          </footer>
        </article>
      </div>
      {% endfor %}
    </section>
  </div>
  <!-- END What's New? -->
</main>