---
# Copyright (c) 2018 Florian Klampfer <https://qwtel.com/>
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.

layout: base
---

{% assign strings = site.data.strings %}

<article class="page" role="article">
  <header>
    <h1 class="page-title">{{ page.title | default:strings.home | default:"Home" }}</h1>
    {% include components/message.html text=page.description hide=page.hide_description %}
  </header>

  {{ content }}

  {% if page.show_music %}
  {% assign music_posts = site.categories.Music %}
  {% if music_posts.size > 0 %}
    <h2 class="hr-bottom">{{ strings.music | default:"Music" }}</h2>
    <a href="{{ music_posts.first.url | relative_url }}" class="no-hover no-print-link flip-project" tabindex="-1">
      <div class="img-wrapper lead aspect-ratio flip-project-img sixteen-nine">
          {% include_cached components/hy-img.html img=music_posts.first.image alt=music_posts.first.title %}
      </div>
    </a>
    <ul class="related-posts">
      {% for post in music_posts limit:5 %}
        {% include_cached components/post-list-item.html post=post %}
      {% endfor %}
    </ul>
  {% endif %}
  {% endif %}

  {% if page.show_pages %}
  {% assign pages = site.html_pages | where_exp:"item","item.layout == 'page' or item.layout == 'about'" | where_exp:"page","page.sitemap != false" %}
  {% if pages.size > 0 %}
    <h2 class="hr-bottom">{{ strings.pages | default:"Pages" }}</h2>
    <ul class="related-posts">
      {% for page in pages limit:5 %}
        <li class="h4">
          <a href="{{ page.url | relative_url }}" class="flip-title">
            <span>{{ page.title }}</span>
          </a>
        </li>
      {% endfor %}
    </ul>
  {% endif %}
  {% endif %}

  {% if page.show_visual %}
  {% if site.featured_categories.size > 0 %}
    <h2 class="hr-bottom">{{ strings.Visual | default:"Visual" }}</h2>
    {% assign posts = site.posts | where_exp: "post", "post.categories.first != 'Music'" %}
    <a href="{{ posts.first.url | relative_url }}" class="no-hover no-print-link flip-project" tabindex="-1">
      <div class="img-wrapper lead aspect-ratio flip-project-img sixteen-nine">
          {% include_cached components/hy-img.html img=posts.first.image alt=posts.first.title %}
      </div>
    </a>
    <ul class="related-posts">
    {% assign categories = site.featured_categories | where_exp: "category", "category.title != 'Music'" %}
    {% for category in categories %}
      <li class="h4">
        <a href="{{category.url }}" class="flip-title"><span>{{category.title}}</span></a>
        <span class="faded">{{ site.categories[category.title].size }}</span>
      </li>
    {% endfor %}
    </ul>
  {% endif %}
  {% endif %}
</article>