<!DOCTYPE html>
<html lang="fr">
  <head dir="ltr">
    {{>head.html}}
    <link rel="stylesheet" href="/css/index.css" />
    {{#data}} {{#avatar_style}} {{#round}}
    <style>
      #avatar {
        border-radius: 50%;
      }
    </style>
    {{/round}} {{#square}}
    <style>
      #avatar {
        border-radius: 10%;
      }
    </style>
    {{/square}} {{/avatar_style}}
  </head>
  <body>
    <header>{{>navbar.html}}</header>
    <main>
      <div>
        <span id="name">{{name}}</span>
        {{#pronouns}}<span id="pronouns">{{pronouns}}</span>{{/pronouns}}
        <img
          id="avatar"
          src="{{avatar}} "
          alt="Avatar"
          title="{{avatar_caption}} "
          loading="lazy"
        />
      </div>
      <p id="subname"></p>

      {{#file}} {{&content}} {{/file}} {{^file}}
      <p>
        <b>Welcome to EWP</b>, create a <code>index.md</code> file inside your
        <code>data/</code> directory to get started.
      </p>
      {{/file}}
    </main>
    <script src="/js/index.js"></script>
    {{#file}} {{#metadata}}
    {{#mail_obfsucated}}{{>libs/mail_obfuscater.html}}{{/mail_obfsucated}}
    {{/metadata}} {{/file}} {{/data}}
  </body>
</html>