<!doctype html>
<html lang="{{ metadata.language }}">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>{{ title or metadata.title }}</title>
		<meta name="description" content="{{ description or metadata.description }}">
		<link rel="icon" type="image/x-icon" href="/favicon.png">

		{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site!  #}
		<meta name="generator" content="{{ eleventy.generator }}">

		{%- css %}{% include "public/css/index.css" %}{% endcss %}
		<style>{% getBundle "css" %}</style>

	</head>
	<body>
  <main>
    <h1>{{ metadata.title }}</h1>
    <form method="GET" action="https://duckduckgo.com/">
      <input name="q" title="Recherchez sur DuckDuckGo…" placeholder="Recherchez sur DuckDuckGo…" />
    </form>
    
    <div class="featured">
      <a href="#" rel="noopener"> <i class="fa fa-fw fa-globe"></i> Site favori 1 </a>
      <a href="#" rel="noopener"> <i class="fa fa-fw fa-globe"></i> Site favori 2 </a>
      <a href="#" rel="noopener"> <i class="fa fa-fw fa-globe"></i> Site favori 3 </a>
    </div>
    
    <div class="cols">
      <div class="linklist">
        <h2><i class="fa fa-comments-o"></i> Social</h2>
        <ul>
          <li><a href="https://mastodon.social" rel="noopener"><i class="fa fa-fw fa-mastodon"></i> Mastodon</a></li>
          <li><a href="https://pixelfed.fr" rel="noopener"><i class="fa fa-fw fa-pixelfed"></i> Pixelfed</a></li>
          <li><a href="https://tumblr.com" rel="noopener"><i class="fa fa-fw fa-tumblr"></i> Tumblr</a></li>
        </ul>
      </div>
      
      <div class="linklist">
        <h2><i class="fa fa-file-text"></i> Sites</h2>
        <ul>
          <li><a href="https://kazhnuz.space" rel="noopener"><i class="fa fa-fw fa-star"></i> kazhnuz.space</a></li>
          <li><a href="https://quarante-douze.net" rel="noopener"><i class="fa fa-fw fa-gear"></i> Quarante-Douze</a></li>
        </ul>
      </div>
      
      <div class="linklist">
        <h2><i class="fa fa-heart"></i> Favs</h2>
        <ul>
          <li><a href="https://neocities.org" rel="noopener"><i class="fa fa-fw fa-heart"></i> Neocities</a></li>
          <li><a href="https://webidev.com" rel="noopener"><i class="fa fa-fw fa-heart"></i> Webidev</a></li>
        </ul>
      </div>
      
      <div class="linklist">
        <h2><i class="fa fa-paint-brush"></i> Arts/Créa</h2>
        <ul>
          <li><a href="https://bandcamp.com" rel="noopener"><i class="fa fa-fw fa-music"></i> Bandcamp</a></li>
          <li><a href="https://webtoon.com" rel="noopener"><i class="fa fa-fw fa-image"></i> Webtoon</a></li>
          <li><a href="https://www.patreon.com/home" rel="noopener"><i class="fa fa-fw fa-patreon"></i> Patreon</a></li>
        </ul>
      </div>
      
      <div class="linklist">
        <h2><i class="fa fa-question"></i> Tutos</h2>
        <ul>
          <li><a href="https://quarante-douze.net/liens-et-guides-sur-laccessibilite/" rel="noopener"><i class="fa fa-fw fa-universal-access"></i> Docs a11y</a></li>
          <li><a href="https://quarante-douze.net/liens-et-guides-pour-le-dev-web/" rel="noopener"><i class="fa fa-fw fa-html5"></i> Docs web</a></li>
          <li><a href="https://love2d.org/wiki/Main_Page" rel="noopener"><i class="fa fa-fw fa-gamepad"></i> Docs love2D</a></li>
          <li><a href="https://cheatography.com/bouchnouk/cheat-sheets/commandes-de-base-linux/" rel="noopener"><i class="fa fa-fw fa-linux"></i> Commands linux</a></li>
        </ul>
      </div>
    </div>
  </main>
</body>
</html>
