{% import "macros/doc.html" as doc %}
{% import "macros/trans.html" as trans %}

<!DOCTYPE html>
<html lang="{{ lang }}">
<head>
  {% include "partials/head.html" -%}
</head>
<body>
  <main {% include "partials/lang_attr.html" -%} >
      <div class="section">
          <div class="container is-desktop">
          <div class="columns is-centered is-desktop">
              <div class="column is-narrow is-two-third-touch">
                  <!-- Logo card -->
                  <div class="card has-background-primary-light" style="position: sticky; top: 3em;">
                      <div class="card-content">
                          <div class="media">
                              <div class="media-left">
                                  <a href="/">
                                      <figure class="image is-1by1 is-128x128">
                                          <img class="is-rounded" src="/img/glitch.png" alt="A glitched image"></img>
                                      </figure>
                                  </a>
                              </div>
                              <div class="media-content">
                                  <h1 class="title is-1 has-text-primary-dark has-text-right">{{ config.title }}</h1>
                                  <p class="subtitle is-4 has-text-primary-dark has-text-right">Créatrice d'objets singuliers</p>
                                  <div class="buttons has-addons is-pulled-right">
                                  {%- if false or ( current_path and current_path != "/" ) -%}
                                  <button class="button is-link is-outlined is-pulled-right">
                                      <span class="icon-text">
                                      <span class="icon">
                                        <i class="ph ph-house"></i>
                                      </span>
                                      <span><a class="" href="/">Accueil</a></span>
                                      </span>
                                  </button>
                                  {%- endif -%}
                                  {%- if not page or page and not page.title == "Contact" -%}
                                  <button class="button is-link is-outlined is-pulled-right">
                                      <span class="icon-text">
                                      <span class="icon">
                                        <i class="ph ph-envelope-simple"></i>
                                      </span>
                                      <span><a class="" href="/contact">Me contacter</a></span>
                                      </span>
                                  </button>
                                  {%- endif -%}
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="column is-full-until-widescreen is-offset-one-third">
                  <!-- Actual content -->
                  {%- block content %} {% endblock content -%}
              </div>
          </div>
          </div>
      </div>
  </main>
  <footer class="footer">
      <div class="content has-text-centered">
          {% include "partials/footer.html" -%}
      </div>
  </footer>
</body>
</html>
