{% 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 %}
         {% if loop.index0 == 3 %}{% break %}{% endif %}
        {{ 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.tags, date=page.date) }}
                    
    {% endfor %}
    
    <div class="plus-articles">
      <a href="#" class="title is-4" style="width: 6em; text-align: center;">
            Plus 
            <i class="computer fas fa-chevron-right"></i>
      </a>
    </div>
    </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 %}
        {{ macro_media::create_media(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.tags, date=page.date) }}
    </div>
    {% endfor %}
    <div class="overlay">
      <a href="#" class="title is-4" style="width: 6em; text-align: center;">
            Plus 
            <i class="computer fas fa-chevron-right"></i>
      </a>
    </div>
  </div>
  </section>

    
  
  
{% endblock content %}