larlet-fr-david/david/templates/profil_2024.html

{% extends "base_2024.html" %}
{% block lang %}fr{% endblock %}
{% block title %}Accueil{% endblock %}
{% block description %}Voici l’espace personnel de David Larlet sur le Web.{% endblock %}
{% block content %}
  <header>
    <hgroup>
      <h1>David Larlet</h1>
      <p>Avant Facebook, il y avait les sites perso.</p>
    </hgroup>
  </header>
  <h2>Bienvenue</h2>
  <p>
    Voici mon espace sur le Web.
    C’est un jardin pour faire pousser mes idées,
    une boîte à chaussure pour mes souvenirs,
    la forêt de mes réflexions plus ou moins enchevêtrées,
    les métaphores ne manquent pas.
    Je vous souhaite de vous y perdre, de revenir,
    d’engager des échanges, d’être en désaccord,
    d’improviser une rencontre
    et que l’on finisse par s’échanger nos meilleures recettes.
  </p>
  <p>
    Souvent je <a href="https://code.larlet.fr/">code</a>,
    parfois je vais <a href="https://nature.larlet.fr/">en forêt</a>
    et il m’arrive même de prendre <a href="https://media.larlet.fr/">des photos</a>.
    On peut papoter <a href="https://fedi.larlet.fr/@david">sur mastodon</a>
    ou <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">par courriel</a>.
    Vous pouvez <a href="/david/log/" title="Accès au flux RSS">suivre les publications</a>
    grâce au flux RSS/Atom (<a href="/david/blog/2019/flux-rss/">explications</a>).
  </p>
  <p lang="en">
    <em>
      Check out my
      <a href="http://larlet.com" data-instant>profile in English</a>🇨🇦
      for up-to-date professional informations.
    </em>
  </p>
  <h2>Publications 2024</h2>
  <style type="text/css">
    {% for slug, title, count in tags %}
      body [data-tag="{{ slug }}"]:hover,
      body [data-{{ slug }}]:hover,
      body:has([data-tag="{{ slug }}"]:hover) [data-{{ slug }}],
      body:has([data-{{ slug }}]:hover) [data-tag="{{ slug }}"] {
        background-color: var(--hover-tag-color);
      }
    {% endfor %}
  </style>
  <p>Liste des publications récentes en ordre anté-chronologique :</p>
  <p>
    {% for page in page_list -%}
      <a href="{{ page.url }}" {% for tag in page.tags %}data-{{ slugify(tag) }} {% endfor %} title="Étiquettes :{% for tag in page.tags %} {{ tag }}{% if not loop.last %},{%- else -%}.{% endif %}{% endfor %}">{{ page.title }}</a>
      {%- if not loop.last %},
      {%- else -%}.
      {% endif %}
    {% endfor %}
  </p>
  <p id="tags-2024">Ou par étiquettes :</p>
  <p>
    {% for slug, title, count in tags -%}
      <a href="/david/2024/{{ slug }}/" data-tag="{{ slug }}" rel="tag">#{{ title }} ({{ count }})</a>
      {%- if not loop.last %},
      {%- else -%}.
      {% endif %}
    {% endfor %}
  </p>
  <p>
    Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗.
  </p>
  <h2>Publications plus anciennes</h2>
  <p>
    J’ai publié
    sporadiquement en <a href="/david/2023/"
    title="Voir la liste de toutes les publications 2023">2023</a>
    ainsi qu’en <a href="/david/2022/"
    title="Voir la liste de toutes les publications 2022">2022</a>,
    (pres)quotidiennemment en <a href="/david/2021/"
    title="Voir la liste de toutes les publications 2021">2021</a> et
    hebdomadairement en <a href="/david/2020/"
    title="Voir la liste de toutes les publications 2020">2020</a>
    .
  </p>
  <p>
    Vous pouvez aussi consulter les différents
    <a href="/david/blog/">billets de blog</a> qui ont été rédigés de 2004 (!) à 2019
    ou les <a href="/david/stream/">entrées de journaux</a> relativement
    régulières entre 2009 et 2019.
  </p>
  <p>
    <em>
      Notez qu’avec un tel historique, certaines informations sont obsolètes et/ou
      plus cautionnées.
    </em>
  </p>
{% endblock content %}