{% assign projects = site.projects | where_exp: "item", "item.home_url != nil" %}
{% assign posts = site.posts_combined %}
{% assign num_posts = site.num_posts_combined %}

<div class="underlay top-background" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
    <polygon fill="white" points="0,0 100,0 100,60 0,100"/>
  </svg>

  {% assign featured_projects = projects | where: "featured", true %}
  {% assign num_featured_projects = featured_projects | size %}
  {% if num_featured_projects > 0 %}
    <section class="featured-projects">
      <h2 class="title">Featured Projects</h2>

      <div class="items" role="presentation">

        {% for item in featured_projects limit:3 %}
          <a class="item" href="{{ item.home_url }}" role="article">
            <header>
              <div class="logo-container" role="presentation">
                {% assign symbol_path = item.path | split: "/" | slice: 1, 1 | join: "/" | append: "/assets/symbol.svg" %}
                {% assign relative_symbol_path = "/projects/" | append: symbol_path %}
                <div class="logo"><img src="{{ relative_symbol_path }}"></div>
              </div>
              <h3 class="title">{{ item.title }}</h3>
            </header>

            <p class="body">
              {{ item.description }}
            </p>

            <div class="cta-view-project">
              <div class="button">View Project</div>
            </div>
          </a>
        {% endfor %}
      </div>
    </section>
  {% endif %}

  {% if num_posts > 0 %}
    <section class="featured-posts">
      <div role="presentation" class="puny-label">Latest news</div>
      <h2 class="title">From the Blog</h2>

      <div class="items" role="presentation">
        {% for item in posts limit:3 %}
          {% include post-card.html post=item %}
        {% endfor %}
      </div>
    </section>
  {% endif %}
</div>

{% assign other_projects = projects | where: "featured", false %}
{% assign num_other_projects = other_projects | size %}
{% if num_other_projects > 0 %}
<section class="other-projects">
  {% include assets/symbol.svg %}

  <h2 class="title">Other Projects</h2>

  <div class="items {% if num_other_projects < 5 %}one-row{% endif %}"
      role="presentation">
    {% for item in other_projects %}
      <a class="item" href="{{ item.home_url }}" role="article">
        <header>
          <div class="logo-container" role="presentation">
            {% assign symbol_path = item.path | split: "/" | slice: 1, 1 | join: "/" | append: "/assets/symbol.svg" %}
            {% assign relative_symbol_path = "/projects/" | append: symbol_path %}
            <div class="logo"><img src="{{ relative_symbol_path }}"></div>
          </div>
          <h3 class="title">{{ item.title }}</h3>
        </header>

        <p class="body">
          {{ item.description }}
        </p>

        <footer class="meta">
          {% include tag-list.html tags=item.tags %}
        </footer>
      </a>
    {% endfor %}
  </div>
</section>
{% endif %}