{% assign t = site.t[site.active_lang] | default: site.t.en %}
{% assign projects = site.projects | where_exp: "item", "item.home_url != nil" %}
{% assign posts = site.posts_combined %}
{% assign num_posts = site.num_posts_combined %}

{% 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">{{ t.featured_projects | default: "Featured Projects" }}</h2>

    <div class="items">

      {% for item in featured_projects limit:3 %}
        {% assign project_slug = item.path | split: "/" | slice: 1, 1 | join: "" %}
        {% assign translated_desc = site.project_descriptions[project_slug][site.active_lang] | default: item.description %}
        <a class="item" href="{{ item.home_url }}" role="article">
          <header>
            <div class="logo-container">
              <div class="logo"><img src="{{ '/assets/symbol.svg' | relative_url }}" alt="{{ item.title }} logo"></div>
            </div>
            <h3 class="title">{{ item.title }}</h3>
          </header>

          <p class="body">
            {{ translated_desc }}
          </p>

          <div class="cta-view-project">
            <div class="button">{{ t.visit_site | default: "Visit Site" }}</div>
          </div>
        </a>
      {% endfor %}
    </div>
  </section>
{% endif %}

{% if num_posts > 0 %}
  <section class="featured-posts">
    <div class="puny-label">{{ t.latest_news | default: "Latest news" }}</div>
    <h2 class="title">{{ t.from_blog | default: "From the Blog" }}</h2>

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

{% 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">{{ t.other_projects | default: "Other Projects" }}</h2>

  <div class="items {% if num_other_projects < 5 %}one-row{% endif %}">
    {% for item in other_projects %}
      {% assign project_slug = item.path | split: "/" | slice: 1, 1 | join: "" %}
      {% assign translated_desc = site.project_descriptions[project_slug][site.active_lang] | default: item.description %}
      <a class="item" href="{{ item.home_url }}" role="article">
        <header>
          <div class="logo-container">
            {% 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">
          {{ translated_desc }}
        </p>

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