<!DOCTYPE html>
<html lang="fr">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Recettes</title>
    <link rel="stylesheet" href="/main.css" />
    <link rel="icon" href="/icon.png">
  </head>

  <body class="g-Page">

    <header class="g-Page__Header">
      {{ page.title | default (value = "Recettes") }}
    </header>

    <main class="g-Page__Content">
      {% block content %}

        <h1 class="g-Recipe__Title">Plats</h1>

        <ul class="g-Page__Recipes">
          {% set section = get_section(path = "plats/_index.md") %}
          {% for page in section.pages | sort(attribute = "title") %}
            <li class="g-Page__Recipe">
              <a class="g-Link" href="{{ page.permalink }}">
                {{ page.title }}
              </a>
            </li>
          {% endfor %}
        </ul>

        <h1 class="g-Recipe__Title">Desserts</h1>

        <h2 class="g-Recipe__SubTitle">Hypoglucidiques</h2>

        <ul class="g-Page__Recipes">
          {% set section = get_section(path = "desserts/hypoglucidique/_index.md") %}
          {% for page in section.pages | sort(attribute = "title") %}
            <li class="g-Page__Recipe">
              <a class="g-Link" href="{{ page.permalink }}">
                {{ page.title }}
              </a>
            </li>
          {% endfor %}
        </ul>

        <h2 class="g-Recipe__SubTitle">Hyperglucidiques</h2>

        <ul class="g-Page__Recipes">
          {% set section = get_section(path = "desserts/hyperglucidique/_index.md") %}
          {% for page in section.pages | sort(attribute = "title") %}
            <li class="g-Page__Recipe">
              <a class="g-Link" href="{{ page.permalink }}">
                {{ page.title }}
              </a>
            </li>
          {% endfor %}
        </ul>

        <h1 class="g-Recipe__Title">Pains</h1>

        <ul class="g-Page__Recipes">
          {% set section = get_section(path = "pains/_index.md") %}
          {% for page in section.pages | sort(attribute = "title") %}
            <li class="g-Page__Recipe">
              <a class="g-Link" href="{{ page.permalink }}">
                {{ page.title }}
              </a>
            </li>
          {% endfor %}
        </ul>

        <h1 class="g-Recipe__Title">Nettoyage</h1>

        <ul class="g-Page__Recipes">
          {% set section = get_section(path = "nettoyage/_index.md") %}
          {% for page in section.pages | sort(attribute = "title") %}
            <li class="g-Page__Recipe">
              <a class="g-Link" href="{{ page.permalink }}">
                {{ page.title }}
              </a>
            </li>
          {% endfor %}
        </ul>

      {% endblock content %}
    </main>

  </body>

</html>