index.html

{% capture content %}
{% for asset in assets %}
  {% if asset.meta.slider == 'yes' %}
    {% assign slideit = 'true' %}
    {% else %}
    {% assign boxit = 'true' %}
  {% endif %}
{% endfor %}
{% if slideit == 'true' %}
  <div class="gallery js-flickity"
    data-flickity-options='{ "wrapAround": true, "autoPlay": true, "pageDots": false }'>
    {% for asset in assets %}
      {% if  asset.meta.slider == 'yes' %}
        <a href="{{ asset.meta.link }}" class="gallery-cell" style="background: url({{ asset.url | split:" " | join:"-" }}) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">
          <div class="shader">
            {% if  asset.meta.title %}
              <div class="gallery-cell--text">
                <h2>{{ asset.meta.title }}</h2>
                <p>{{ asset.meta.subtitle }}</p>
              </div>
            {% endif %}
          </div>
        </a>
      {% endif %}
    {% endfor %}
  </div>
{% else %}
{% for asset in assets %}
  {% if asset.meta.herobox == 'yes' %}
    <a href="{{ asset.meta.link }}">
      <section class="hero-box" style="background: url({{ asset.url }}) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">
        <div class="hero-box--text">
          <div class="hero-shader">
              <h2>{{ asset.meta.title }}</h2>
              <p>{{ asset.meta.subtitle }}</p>
          </div>
        </div>
      </section>
    </a>
    {% break %}
  {% endif %}
{% endfor %}
{% endif %}
<!-- {% for asset in assets %}
  {% if asset.meta.herobox == 'yes' %}
    <a href="{{ asset.meta.link }}">
      <section class="hero-box" style="background: url({{ asset.url }}) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">
        <div class="hero-box--text">
          <h1>{{ site.title }}</h1>
          <p>{{ site.meta.tagline }}</p>
        </div>
      </section>
    </a>
    {% break %}
  {% endif %}
{% endfor %} -->
  <!-- <section class="visual">
    <div class="container">
      <div class="text-block">
        <div class="heading-holder">
          <h1 class="title"><a href="/">{{ site.meta.title }}</a></h1>
        </div>
        <p class="tagline">{{ site.meta.tagline }}</p>
      </div>
    </div>
    <img src="images/img-decor-02.jpg" alt="" class="bg-stretch">
  </section> -->
  <section class="main">
    <div class="container">
      <div id="cta">
        <a href="/news/subscribe/" class="btn btn-primary rounded">Subscribe to our Newsletter</a>
        <p>Get the latest news, reports, and project updates.</p>
      </div>
      <div class="container">
        <div class="main-section-text col-md-offset-1 col-md-10">
        {{ body }}
        <a href="/overview" class="btn-more btn btn-primary rounded">Learn More</a>
        </div>
        </div>
      </div>
  </section>
{% endcapture %}

{% include 'layouts/default' %}