Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

index.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Rentrée — David Larlet</title>
  13. <meta name="description" content="Lettre écrite ce soir à chaud. On verra si je l’envoie finalement demain. L’année pourrait être compliquée.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  53. <article>
  54. <header>
  55. <h1>Rentrée</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2021/08/31/" title="Publication précédente : Abstraction">← Précédent</a> •
  60. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  61. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  62. </svg> Accueil</a>
  63. • <a rel="next" href="/david/2021/09/02/" title="Publication suivante : Équipes">Suivant →</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <p>Lettre écrite ce soir à chaud. On verra si je l’envoie finalement demain. L’année pourrait être compliquée.</p>
  68. <blockquote>
  69. <p>Chers parents,</p>
  70. <p>Je suis le père d’Alexandre (on vient souvent en vélo) et j’ai récupéré vos courriels dans le bottin incomplet de l’année dernière, il manque 6&nbsp;familles. S’il y a un autre espace de discussion entre parents je suis prêt à le rejoindre.</p>
  71. <p>Je ne sais pas trop par quoi commencer suite au rendez-vous de ce soir avec l’enseignant de nos enfants, je me sens un peu démuni et anxieux. Il y a plusieurs choses qui me préoccupent et qui ne peuvent être qu’intuitions après 1h de visio et quelques jours de classe&nbsp;:</p>
  72. <ol>
  73. <li>Le fait qu’il n’y ait eu aucune mention d’empathie, de bienveillance ou d’émotions dans les propos tenus me rend assez circonspect. Que nos enfants soient doués dans les matières scolaires, on le sait, leurs défis sont ailleurs.</li>
  74. <li>Le déni d’avoir besoin de se faire accompagner dans ce nouvel environnement auquel ne s’appliquent plus les mêmes règles ou schémas de pensées. L’ennui, l’attention ou la curiosité sont des concepts qui prennent une nouvelle dimension dans ce contexte.</li>
  75. <li>Le manque de considération lorsqu’on soulève des problèmes qui sont déjà survenus et l’attitude défensive qui en découle. J’ai l’impression que cela n’est pas propice au dialogue et à l’apaisement des points déjà chauds (intégration, évaluation).</li>
  76. </ol>
  77. <p>Il y en aurait d’autres et je vous laisse rebondir si vous le sentez, je n’arrive pas avec des solutions mais peut-être que si nous sommes nombreux·ses à ressentir des frustrations nous pourrions déjà nous serrer les coudes et envisager des solutions collectives pour aborder ces prochains mois de manière plus sereine.</p>
  78. <p>L’un des défis que nous avons est de rendre l’école suffisamment attrayante pour permettre à notre fils de développer des relations sociales avec ses amis. J’espère que cette année ne provoquera pas une forme de rejet suite à une expérience déplaisante.</p>
  79. <p>Bonne soirée,<br />
  80. David</p>
  81. <p>PS&nbsp;: J’espère pouvoir sourire en relisant ce courriel dans quelques mois, au pire ça aura permis de prendre un premier contact maladroit&nbsp;:-).</p>
  82. <p>PPS&nbsp;: Si vous ne souhaitez pas prendre part à ces échanges, je suis désolé de ne pas avoir respecté votre consentement en premier lieu compte tenu de la situation. Faites-le moi savoir.</p>
  83. </blockquote>
  84. <p><mark>Finalement envoyé.</mark> Beaucoup de discussions depuis 💚.</p>
  85. <nav>
  86. <p>
  87. <a href="/david/2021/anxiete/"
  88. title="Liste de tous les articles associés à cette étiquette"
  89. >#anxiété</a>
  90. <a href="/david/2021/ecole/"
  91. title="Liste de tous les articles associés à cette étiquette"
  92. >#école</a>
  93. <a href="/david/#tags"
  94. title="Liste de toutes les étiquettes existantes"
  95. ><svg class="icon icon-tags">
  96. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  97. </svg> tous ?</a>
  98. </p>
  99. </nav>
  100. <nav>
  101. <p class="center">
  102. <a rel="prev" href="/david/2021/08/31/" title="Publication précédente : Abstraction">← Précédent</a> •
  103. <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
  104. • <a rel="next" href="/david/2021/09/02/" title="Publication suivante : Équipes">Suivant →</a>
  105. </p>
  106. </nav>
  107. </article>
  108. <hr>
  109. <footer>
  110. <p>
  111. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  112. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  113. </svg> Accueil</a> •
  114. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  115. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  116. </svg> Suivre</a> •
  117. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  118. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  119. </svg> Pro</a> •
  120. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  121. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  122. </svg> Email</a> •
  123. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  124. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  125. </svg> Légal</abbr>
  126. </p>
  127. <template id="theme-selector">
  128. <form>
  129. <fieldset>
  130. <legend><svg class="icon icon-brightness-contrast">
  131. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  132. </svg> Thème</legend>
  133. <label>
  134. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  135. </label>
  136. <label>
  137. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  138. </label>
  139. <label>
  140. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  141. </label>
  142. </fieldset>
  143. </form>
  144. </template>
  145. </footer>
  146. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  147. <script>
  148. function loadThemeForm(templateName) {
  149. const themeSelectorTemplate = document.querySelector(templateName)
  150. const form = themeSelectorTemplate.content.firstElementChild
  151. themeSelectorTemplate.replaceWith(form)
  152. form.addEventListener('change', (e) => {
  153. const chosenColorScheme = e.target.value
  154. localStorage.setItem('theme', chosenColorScheme)
  155. toggleTheme(chosenColorScheme)
  156. })
  157. const selectedTheme = localStorage.getItem('theme')
  158. if (selectedTheme && selectedTheme !== 'undefined') {
  159. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  160. }
  161. }
  162. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  163. window.addEventListener('load', () => {
  164. let hasDarkRules = false
  165. for (const styleSheet of Array.from(document.styleSheets)) {
  166. let mediaRules = []
  167. for (const cssRule of styleSheet.cssRules) {
  168. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  169. continue
  170. }
  171. // WARNING: Safari does not have/supports `conditionText`.
  172. if (cssRule.conditionText) {
  173. if (cssRule.conditionText !== prefersColorSchemeDark) {
  174. continue
  175. }
  176. } else {
  177. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  178. continue
  179. }
  180. }
  181. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  182. }
  183. // WARNING: do not try to insert a Rule to a styleSheet you are
  184. // currently iterating on, otherwise the browser will be stuck
  185. // in a infinite loop…
  186. for (const mediaRule of mediaRules) {
  187. styleSheet.insertRule(mediaRule.cssText)
  188. hasDarkRules = true
  189. }
  190. }
  191. if (hasDarkRules) {
  192. loadThemeForm('#theme-selector')
  193. }
  194. })
  195. </script>
  196. </body>
  197. </html>