Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

profil_2024.html 3.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. {% extends "base_2024.html" %}
  2. {% block lang %}fr{% endblock %}
  3. {% block title %}Accueil{% endblock %}
  4. {% block description %}Voici l’espace personnel de David Larlet sur le Web.{% endblock %}
  5. {% block content %}
  6. <header>
  7. <hgroup>
  8. <h1>David Larlet</h1>
  9. <p>Avant Facebook, il y avait les sites perso.</p>
  10. </hgroup>
  11. </header>
  12. <h2>Bienvenue</h2>
  13. <p>
  14. Voici mon espace sur le Web.
  15. C’est un jardin pour faire pousser mes idées,
  16. une boîte à chaussure pour mes souvenirs,
  17. la forêt de mes réflexions plus ou moins enchevêtrées,
  18. les métaphores ne manquent pas.
  19. Je vous souhaite de vous y perdre, de revenir,
  20. d’engager des échanges, d’être en désaccord,
  21. d’improviser une rencontre
  22. et que l’on finisse par s’échanger nos meilleures recettes.
  23. </p>
  24. <p>
  25. Souvent je <a href="https://code.larlet.fr/">code</a>,
  26. parfois je vais <a href="https://nature.larlet.fr/">en forêt</a>
  27. et il m’arrive même de prendre <a href="https://media.larlet.fr/">des photos</a>.
  28. On peut papoter <a href="https://fedi.larlet.fr/@david">sur mastodon</a>
  29. ou <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">par courriel</a>.
  30. Vous pouvez <a href="/david/log/" title="Accès au flux RSS">suivre les publications</a>
  31. grâce au flux RSS/Atom (<a href="/david/blog/2019/flux-rss/">explications</a>).
  32. </p>
  33. <p lang="en">
  34. <em>
  35. Check out my
  36. <a href="http://larlet.com" data-instant>profile in English</a>🇨🇦
  37. for up-to-date professional informations.
  38. </em>
  39. </p>
  40. <h2>Publications 2024</h2>
  41. <style type="text/css">
  42. {% for slug, title, count in tags %}
  43. body [data-tag="{{ slug }}"]:hover,
  44. body [data-{{ slug }}]:hover,
  45. body:has([data-tag="{{ slug }}"]:hover) [data-{{ slug }}],
  46. body:has([data-{{ slug }}]:hover) [data-tag="{{ slug }}"] {
  47. background-color: var(--hover-tag-color);
  48. }
  49. {% endfor %}
  50. </style>
  51. <p>Liste des publications récentes en ordre anté-chronologique :</p>
  52. <p>
  53. {% for page in page_list -%}
  54. <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>
  55. {%- if not loop.last %},
  56. {%- else -%}.
  57. {% endif %}
  58. {% endfor %}
  59. </p>
  60. <p id="tags-2024">Ou par étiquettes :</p>
  61. <p>
  62. {% for slug, title, count in tags -%}
  63. <a href="/david/2024/{{ slug }}/" data-tag="{{ slug }}" rel="tag">#{{ title }} ({{ count }})</a>
  64. {%- if not loop.last %},
  65. {%- else -%}.
  66. {% endif %}
  67. {% endfor %}
  68. </p>
  69. <p>
  70. Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗.
  71. </p>
  72. <h2>Publications plus anciennes</h2>
  73. <p>
  74. J’ai publié
  75. sporadiquement en <a href="/david/2023/"
  76. title="Voir la liste de toutes les publications 2023">2023</a>
  77. ainsi qu’en <a href="/david/2022/"
  78. title="Voir la liste de toutes les publications 2022">2022</a>,
  79. (pres)quotidiennemment en <a href="/david/2021/"
  80. title="Voir la liste de toutes les publications 2021">2021</a> et
  81. hebdomadairement en <a href="/david/2020/"
  82. title="Voir la liste de toutes les publications 2020">2020</a>
  83. .
  84. </p>
  85. <p>
  86. Vous pouvez aussi consulter les différents
  87. <a href="/david/blog/">billets de blog</a> qui ont été rédigés de 2004 (!) à 2019
  88. ou les <a href="/david/stream/">entrées de journaux</a> relativement
  89. régulières entre 2009 et 2019.
  90. </p>
  91. <p>
  92. <em>
  93. Notez qu’avec un tel historique, certaines informations sont obsolètes et/ou
  94. plus cautionnées.
  95. </em>
  96. </p>
  97. {% endblock content %}