Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  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>Hommes — David Larlet</title>
  13. <meta name="description" content="Finalement, la misandrie est un principe de précaution. Après avoir passé tant de temps à être au mieux déçues et au pire brutalisées par les hommes — d’autant plus après avoir absorbé la théorie féministe qui articule le patriarcat et le sexisme —, il est tout à fait naturel de développer une carapace et de ne plus donner notre confiance à n’importe quel type qui passe par là et qui nous assure que si si, lui il est gentil. […]">
  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>Hommes</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2022/05/30/" title="Publication précédente : Méditation">← Précédent</a> •
  60. <nobr>
  61. <a href="/david/" title="Aller à l’accueil"
  62. ><svg class="icon icon-home">
  63. <use
  64. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  65. ></use>
  66. </svg>
  67. Accueil</a
  68. >
  69. </nobr>
  70. <nobr>
  71. <a href="/david/recherche/" title="Aller à la page de recherche"
  72. ><svg class="icon icon-search">
  73. <use
  74. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search"
  75. ></use>
  76. </svg>
  77. Recherche</a
  78. >
  79. </nobr>
  80. • <a rel="next" href="/david/2022/06/24/" title="Publication suivante : Bouddhisme">Suivant →</a>
  81. </p>
  82. </nav>
  83. <hr>
  84. <blockquote>
  85. <p>Finalement, la misandrie est un principe de précaution. Après avoir passé tant de temps à être au mieux déçues et au pire brutalisées par les hommes —&nbsp;d’autant plus après avoir absorbé la théorie féministe qui articule le patriarcat et le sexisme&nbsp;—, il est tout à fait naturel de développer une carapace et de ne plus donner notre confiance à n’importe quel type qui passe par là et qui nous assure que si si, <em>lui</em> il est gentil. […]</p>
  86. <p>Je n’ai encore jamais rencontré d’homme se revendiquant lui-même misandre, mais je crois que ça me ferait le même effet qu’entendre un homme se proclamer féministe. Les militantes féministes ont d’instinct un mouvement de rejet et un regard suspicieux à l’égard de ceux-ci. Nous sommes nombreuses à penser que <mark>les hommes ne peuvent pas être féministes</mark>, qu’ils n’ont pas à s’approprier un terme forgé par les opprimées. […]</p>
  87. <p>Parce qu’il n’y a pas beaucoup d’autres solutions, et parce qu’en ayant ouvert les yeux sur la profonde médiocrité de la majorité des hommes, il n’y a plus vraiment de raison de les apprécier par défaut. […]</p>
  88. <p><cite><em>moi les hommes, je les déteste</em>, pauline&nbsp;harmange</cite></p>
  89. </blockquote>
  90. <p>J’ai laissé passer la vague de critiques au sujet de ce livre court mais très dense. Je partage quelques extraits sans (trop de)&nbsp;commentaires.</p>
  91. <blockquote>
  92. <p>Je constate que, derrière chaque homme un peu conscient de son privilège masculin, il y a plusieurs femmes qui ont beaucoup travaillé pour l’aider à ouvrir les yeux — et ça, ils ne sont pas nombreux à le reconnaître. Et je constate qu’il y a encore trop d’hommes dont les yeux sont désespérément, obstinément clos. […]</p>
  93. <p>Si la misandrie a une cible, elle n’a pas de victimes dont on égraine le compte morbide chaque jour ou presque. […]</p>
  94. <p>Les hommes qui choisissent le terrain de la raison, par opposition aux émotions, se placent dans une position d’autorité. <mark>Il n’y a que les dominants qui peuvent se permettre d’être raisonnables</mark> et calmes en toutes circonstances, car ce ne sont pas eux qui souffrent. Ne pas entendre les émotions d’un interlocuteur est un choix. Celui de ne pas vouloir comprendre leur origine, et refuser d’envisager qu’on puisse en être responsable. […]</p>
  95. <p>Ce sont nos colères qui tiennent les hommes pour responsables de leurs actes et qui donnent de l’élan à toutes nos révolutions. […]</p>
  96. <p><cite><em>Ibid.</em></cite></p>
  97. </blockquote>
  98. <p>Je réagis tout de même à la note ci-dessous car c’était l’objet d’une discussion récente sur mastodon. J’aimerais tellement que l’on remplace l’expression «&nbsp;éduquez vos fils&nbsp;» par «&nbsp;comportez-vous en pères&nbsp;». Ce que l’on montre <em>est</em> ce qui sera reproduit, n’essayons pas de reporter ce changement sur la génération&nbsp;suivante.</p>
  99. <p>Il est possible d’agir ici et&nbsp;maintenant.</p>
  100. <blockquote>
  101. <p><em>[Note au sujet de l’expression&nbsp;: «&nbsp;on n’est pas sa mère&nbsp;»]</em> C’est marrant que cette expression revienne si souvent dans les récits de relations hétérosexuelles. C’est le cri du cœur de femmes qui font face à des hommes-enfants, incapables de se prendre en charge tout seuls, le rejet de ce rôle maternel qui n’a pas lieu d’être entre adultes mais que tant d’hommes recherchent. Mais c’est aussi une manière de reporter la faute sur la mère, qui aurait dû faire un meilleur boulot d’éducation. <em>Quid</em> du père&#8239;? <em>Quid</em> de l’homme adulte qui a les capacités de prendre des responsabilités&#8239;? […]</p>
  102. <p>Les hommes voudront m’apporter des solutions, régler tous mes problèmes, rationaliser mes peines, quand bien souvent je n’ai besoin que d’une oreille bienveillante et d’une épaule sur laquelle pleurer. Je me demande parfois si cette tendance masculine à se poser en pourvoyeur de solutions —&nbsp;en sauveur&nbsp;— n’est pas une tentative, toute inconsciente qu’elle soit, de me faire taire. […]</p>
  103. <p>Quand ils s’indignent de nos réunions féministes en non-mixité, ce qu’ils nous reprochent vraiment, c’est de nous regrouper en un corps politique où il n’ont pas voix au chapitre. Ce n’est en effet pas tant qu’on se rassemble entre femmes qui les choque&nbsp;: quand ce sont des clubs de tricot, des associations de mères ou des réunions Tupperware, rien ne pourrait moins les intéresser. Ce qu’ils ne supportent pas, ce qui les effraie même, c’est qu’on s’organise, qu’on s’assemble et <mark>qu’on forme une masse politique</mark> d’où émerge des idées et des plans d’action. Et qu’on ne leur accorde aucune&nbsp;importance.</p>
  104. <p><cite><em>Ibid.</em></cite></p>
  105. </blockquote>
  106. <p>Je pense que cette lecture est utile pour les hommes, quel que soit leur niveau de dé·construction. D’autant plus si le titre a pu vous&nbsp;choquer.</p>
  107. <p>PS&nbsp;: j’ai trouvé très distrayante la ligature entre le «&nbsp;s&nbsp;» et le «&nbsp;t&nbsp;» sur l’édition par le <em>monstrograph</em>. Un exemple des ligatures discrètes dans les photos <a href="https://www.monstrograph.com/product/moi-les-hommes-je-les-deteste-pauline-harmange/">par ici</a> (merci emmanuelc pour la&nbsp;référence).</p>
  108. <nav>
  109. <p class="center">
  110. <a rel="prev" href="/david/2022/05/30/" title="Publication précédente : Méditation">← Précédent</a> •
  111. <a href="/david/2022/" title="Liste des publications récentes">↑ En 2022</a>
  112. • <a rel="next" href="/david/2022/06/24/" title="Publication suivante : Bouddhisme">Suivant →</a>
  113. </p>
  114. </nav>
  115. </article>
  116. <hr>
  117. <footer>
  118. <p>
  119. <nobr>
  120. <a href="/david/" title="Aller à l’accueil"
  121. ><svg class="icon icon-home">
  122. <use
  123. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  124. ></use>
  125. </svg>
  126. Accueil</a
  127. >
  128. </nobr>
  129. <nobr>
  130. <a href="/david/log/" title="Accès au flux RSS"
  131. ><svg class="icon icon-rss2">
  132. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  133. </svg>
  134. Suivre</a
  135. >
  136. </nobr>
  137. <nobr>
  138. <a href="http://larlet.com" title="Go to my English profile" data-instant
  139. ><svg class="icon icon-user-tie">
  140. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  141. </svg>
  142. Pro</a
  143. >
  144. </nobr>
  145. <nobr>
  146. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  147. ><svg class="icon icon-mail">
  148. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  149. </svg>
  150. Email</a
  151. >
  152. </nobr>
  153. <nobr>
  154. <abbr
  155. class="nowrap"
  156. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  157. ><svg class="icon icon-hammer2">
  158. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  159. </svg>
  160. Légal</abbr
  161. >
  162. </nobr>
  163. </p>
  164. <template id="theme-selector">
  165. <form>
  166. <fieldset>
  167. <legend><svg class="icon icon-brightness-contrast">
  168. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  169. </svg> Thème</legend>
  170. <label>
  171. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  172. </label>
  173. <label>
  174. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  175. </label>
  176. <label>
  177. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  178. </label>
  179. </fieldset>
  180. </form>
  181. </template>
  182. </footer>
  183. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  184. <script>
  185. function loadThemeForm(templateName) {
  186. const themeSelectorTemplate = document.querySelector(templateName)
  187. const form = themeSelectorTemplate.content.firstElementChild
  188. themeSelectorTemplate.replaceWith(form)
  189. form.addEventListener('change', (e) => {
  190. const chosenColorScheme = e.target.value
  191. localStorage.setItem('theme', chosenColorScheme)
  192. toggleTheme(chosenColorScheme)
  193. })
  194. const selectedTheme = localStorage.getItem('theme')
  195. if (selectedTheme && selectedTheme !== 'undefined') {
  196. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  197. }
  198. }
  199. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  200. window.addEventListener('load', () => {
  201. let hasDarkRules = false
  202. for (const styleSheet of Array.from(document.styleSheets)) {
  203. let mediaRules = []
  204. for (const cssRule of styleSheet.cssRules) {
  205. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  206. continue
  207. }
  208. // WARNING: Safari does not have/supports `conditionText`.
  209. if (cssRule.conditionText) {
  210. if (cssRule.conditionText !== prefersColorSchemeDark) {
  211. continue
  212. }
  213. } else {
  214. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  215. continue
  216. }
  217. }
  218. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  219. }
  220. // WARNING: do not try to insert a Rule to a styleSheet you are
  221. // currently iterating on, otherwise the browser will be stuck
  222. // in a infinite loop…
  223. for (const mediaRule of mediaRules) {
  224. styleSheet.insertRule(mediaRule.cssText)
  225. hasDarkRules = true
  226. }
  227. }
  228. if (hasDarkRules) {
  229. loadThemeForm('#theme-selector')
  230. }
  231. })
  232. </script>
  233. </body>
  234. </html>