index.html

---
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>
      </div>
      <!--
      <a class="primary large button"
         href="https://eliademy.com/opensciencemooc">
         {{ site.data.pages.index.hero.button }}
      </a>
      -->
    </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? -->

  <!-- Discover our Courses -->
  <section class="grid-container">
    <div class="grid-x grid-padding-x grid-padding-y">
      <div class="cell small-12 text-center">
        <h2>{{ site.data.pages.index.discover.title }}</h2>
      </div>
    </div>

    <div class="grid-x grid-padding-x grid-padding-y medium-up-3 no-bullet">
      {% assign modules = site.modules | sort: "order" %}
      {% for module in modules %}
      <div class="cell text-center">
        <article class="card" >
          <div class="card-section">
            {% if module.icon %}
              {% include {{ module.icon }} %}
            {% endif %}
          </div>
          <div class="card-section">
            <h3 class="h4">{{ module.title }}</h3>
            <ul class="menu align-center">
              <li>
                <a class="button primary hollow"
                   href="{{ module.url | relative_url }}">
                   Learn More
                </a>
              </li>
              {% if module.link %}
              <li style="padding-left: 15px;">
                <a class="button primary" href="{{ module.link }}">
                  Enroll Now
                </a>
              </li>
              {% endif %}
            </ul>
          </div>
        </article>
      </div>
      {% endfor %}
    </div>
  </section>
  <!-- END Discover our Courses -->

  <!-- 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/osm/osm-news-default.png" |
                          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>
          <a href="{{ post.url | relative_url }}">
            Read more
            <span class="show-for-sr">
              about {{ post.title }} article.
            </span>
          </a>
        </article>
      </div>
      {% endfor %}
    </section>
  </div>
  <!-- END What's New? -->
</main>