index.html

---
layout: mosaic
---

<div uk-filter="target: .js-filter">
  <div class="uk-container-fluid" uk-sticky="bottom: #offset;media: @m; cls-active: select-shadow">
  <div class="uk-container uk-container-xlarge uk-background-muted" >
    <div id="topic-selector" style="padding-bottom: 2ex; padding-top: 1ex;">
      <div class="uk-grid-small uk-child-width-auto" uk-grid>
        <div>
          <ul class="uk-subnav uk-subnav-pill" uk-margin>
            <li class="uk-active" uk-filter-control><a href="#">Alles</a></li>
          </ul>
        </div>
        <div class="uk-text-nowrap ">
          <span class="uk-active" uk-filter-control="sort: data-date; order: desc"><a href="#"
              uk-icon="icon: arrow-down"></a></span>
          <span uk-filter-control="sort: data-date;"><a class="uk-icon-link" href="#"
              uk-icon="icon: arrow-up"></a></span>
        </div>
        <div id="topic-list">
          <ul class="uk-subnav uk-subnav-pill" uk-margin>
            {% for tag in site.data.tags %}
            {% if tag[1].hide != true %}
            <li uk-filter-control="filter: [data-tags*='{{ tag[0] }}']; group: data-tag">
              <a href="#"><i class="{{ tag[1].icon }}"></i>&nbsp; {{ tag[1].titl }}</a>
            </li>
            {% endif %}
            {% endfor %}
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
  <div class="uk-container uk-container-xlarge">
    <ul class="js-filter uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-4@l"
      uk-grid="masonry: true" uk-scrollspy="cls: uk-animation-slide-bottom; target: .uk-card; delay: 100;">
      {% for link_hash in site.data.links %}
      {% assign file = link_hash[0] %}
      {% assign link = link_hash[1] %}
      <li data-tags="{% for tag in link.tags %}{{ tag }} {% endfor %}" data-date="{{ link.date }}"">
        <div class=" uk-card uk-card-default">
          <a href="{{ link.href }}" class="uk-link-reset" target="_blank">
            <div class="uk-card-body">
              <div class="uk-text-large uk-margin-small-top">{{ link.titl }}</div>
              <div class="uk-text-meta uk-margin-small-top uk-margin-bottom">{{ link.date | date: "%d.%m.%Y" }}</div>
              <div>{{ link.desc }}</div>
            </div>
            <div class="uk-position-top-right uk-padding-small">
              {% for tag in link.tags %}
              &nbsp;<i class="{{ site.data.tags[tag].icon }}"></i>
              {% endfor %}
            </div>
            {% if link.pict %}
            <div class="uk-card-media-bottom">
              <img data-src="{{"/assets/bg/" | append: file | append: ".jpeg" | relative_url }}" alt="" uk-img/>
            </div>
            {% endif %}
          </a>
          <div class="uk-position-bottom-right uk-padding-small">
            <a style="color: rgba(128,128,128,0.2)"
              href="{{ "https://github.com/heimschulung/heimschulung.github.io/edit/master/_data/links/" | append: file | append: ".yaml" }}"
              target="_blank"><i class="fas fa-pencil-alt"></i></a>
          </div>
        </div>
      </li>
      {% endfor %}
    </ul>
  </div>
</div>