{% extends "base.html" %}
{% import 'macros/card.html' as macro_card -%}
{% import 'macros/media.html' as macro_media -%}

{% block content %}


  <div class="columns is-multiline mt-6">
  {% set blog = get_section(path="blog/_index.md") %}
    {% for page in blog.pages %}
            <div class="column is-one-third">
         {% if loop.index0 == 3 %}
              </div>
              {% break %}
          {% endif %}
    {% if page.taxonomies.Tag %}
        {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
    {% else %}
      {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags="", date=page.date) }}
    {% endif %}
        </div>
    {% endfor %}
    
    <a class="plus-articles button is-link is-light is-medium has-text-weight-bold" href="{{ blog.permalink }}">
           Plus d'articles
            <i class="computer fas fa-chevron-right"></i>
    </a>
    </div>
    
    <section class="section">
  <h1 class="title">Notes diverses</h1>
  <h2 class="subtitle">
    Des sujets qui ne méritent pas un article complet mais dont j'ai envie de parler.
  </h2>
  <div class="columns is-gapless" style="box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);">
   {% set notes = get_section(path="notes/_index.md") %}
    {% for page in notes.pages %}
    <div class="column  is-one-fifth ">
         {% if loop.index0 == 5 %}{% break %}{% endif %}
        {% if page.taxonomies.Tag %}
            {{ macro_card::create_card_note(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
        {% else %}
          {{ macro_card::create_card_note(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags="", date=page.date) }}
        {% endif %}
        </div>
    {% endfor %}
     {% set notes = get_section(path="notes/_index.md") %}
    <a class="overlay has-text-weight-bold" href="{{ notes.permalink }} ">
            Plus 
            <i class="computer fas fa-chevron-right" style="padding: 0.25em;"></i>
      </a>
  </div>
  </section>

    
  
  
{% endblock content %}