A place to cache linked articles (think custom and personal wayback machine)
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 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  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>cailloux n°103 : words, words, words (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  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. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://cailloux.substack.com/p/103-words-words-words">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>cailloux n°103 : words, words, words</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://cailloux.substack.com/p/103-words-words-words" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p><span>Enfant, j’avais une passion pour le dictionnaire, que je lisais en l’ouvrant au hasard, à la recherche de mots comme des horizons nouveaux. C’est sans doute pour cela que j’ai beaucoup aimé </span><a href="https://www.newstatesman.com/long-reads/2022/06/oxford-english-dictionary-aardvark-woke-oed-history" rel>cet article de Pippa Bailey </a><span>qui présente le travail hautement collaboratif des lexicographes du </span><em>Oxford English Dictionary</em><span>. L’OED est un dictionnaire descriptif, c’est-à-dire qu’il s’attache à décrire la langue et ses évolutions, plutôt qu’à prescrire son usage (ceci est un raccourci, mais n’étant pas linguiste, je compte sur votre indulgence che·res lecteurices).</span></p>
  71. <p><span>Dans l’article on découvre par exemple que l’expression “</span><em>what the what</em><span>” a été documentée pour la première fois dans la série </span><em>30 Rock</em><span> ou que “</span><em>burner phone</em><span>” a été retrouvé dans </span><em>One Life 2 Live</em><span> de Kingpin Skinny Pimp (quel nom !) avant d’être popularisé par la série </span><em>The Wire</em><span>. On y apprend aussi l’origine de l’institution qu’est l’OED :</span></p>
  72. <blockquote><p>In 1857 a group of gentleman scholars from the Philological Society – Herbert Coleridge, grandson of the poet Samuel Taylor Coleridge, Frederick Furnivall (immortalised by his friend Kenneth Grahame as Ratty in The Wind in the Willows), and Richard Chenevix Trench – established the Unregistered Words Committee, with the aim of capturing those parts of the English language that had not yet been recorded.</p></blockquote>
  73. <p>*</p>
  74. <p>*</p>
  75. <p><span>Il existe des personnes qui posent un regard sur les enfants en tant que catégorie sociale et politique et étudient la domination qu’éls subissent, mais il reste encore à nous saisir collectivement de leurs travaux. Tal Piterbraut-Merx était l’une d’entre elles et dans ce texte, </span><em><a href="http://editionsburnaout.fr/media/politiser_l_enfance/politiser_l_enfance_une_pre_anthologie_version_nume%CC%81rique/Politiser_l_enfance_une_pre_anthologie_version_nume%CC%81rique.pdf" rel>Conjurer l’oubli, pour une réminiscence politique de nos enfances</a></em><span>, il propose d’examiner le discours que les adultes posent sur l’enfance.</span></p>
  76. <blockquote><p><span>Un alliage étrange et monstrueux se forme : il semble d’un côté que l’adulte ait pour une grande partie et le plus souvent oublié les brimades, les humiliations et les violences vécues, ou les minimise (le fameux « j’en suis pas mort·e »). L’enfance se trouve alors idéalisée, comme un âge d’insouciance et d’irresponsabilité regretté. Et, en même temps, l’adulte se souvient des promesses qu’on lui a tenues enfant : il faut accepter cet état inconfortable pour pouvoir devenir adulte. Tu auras droit, plus tard, d’utiliser le couteau qui coupe fort, de rester dehors, de décider par toi-même de tes sorties, de tes ami·es ! L’inconfort du statut d’enfant est condition de possibilité de la liberté acquise chez l’adulte. L’oubli de l’adulte vis-à-vis de son enfance est ainsi paradoxal : la mémoire opère son travail de sélection et de tri, et les souvenirs se parent d’un éclat nouveau, qui réhabilite l’exercice du pouvoir.</span><br><span>Pour devenir adulte, il semble qu’il faille oublier la condition réelle et politique de l’enfance.</span></p></blockquote>
  77. <p>Le rapport de pouvoir adulte-enfant se comprend comme d’autres types de domination telles que la classe, le genre, la race, mais a ceci de particulier que tout dominant a, autrefois, fait partie du groupe dominé. Ainsi, elle suggère que l’acte de réminiscence de notre enfance puisse être une "démarche politique et collective".</p>
  78. <blockquote><p>Appréhender le statut politique des enfants, c’est accepter de s’imprégner de cadres de pensée que nous ne possédions sûrement pas en l’état au moment de notre enfance.</p></blockquote>
  79. <p>*</p>
  80. <p><a href="https://cailloux.substack.com/p/99-toliveandtobelived" rel>Toujours</a><span> dans </span><em>Sluggish</em><span> de Jessie Meadows, </span><a href="https://sluggish.substack.com/p/lets-get-fucked-up-and-live" rel>une réflexion sur le diagnostic des troubles psy</a><span>.</span></p>
  81. <blockquote><p><span>I could explain my distress as a kid by saying it was Bipolar 2, or I could tell you to listen to L.G.FUAD. The song would certainly express my emotional state much better than the DSM label ever could. That’s the magic of good art, really — it can reach across space and time to communicate the most ineffable of shared human experiences.</span><br><span>Diagnoses can provide the illusion of comfort in knowing you are not alone, but I think they fall flat in the meaning department.</span><br><span>[…]</span><br><span>Categorizing types of suffering doesn’t help the sufferers understand any of the why’s or how’s of their pain beyond a sort of circular, empty logic: Why was I distressed in this particular way? Because you had bipolar 2. How do you know I had bipolar 2? Because you were distressed in this particular way.</span></p></blockquote>
  82. <p>On a parfois tendance à penser qu’un diagnostic, par exemple “TDAH” ou “dépression” est une entité naturelle discrète (ce n’est jamais le cas, la comorbidité est la règle et pas l’exception), qui contiendrait une sorte de vérité essentielle et immuable.</p>
  83. <p>En réalité, on pourrait comparer un diagnostic à une constellation. Depuis l’endroit où l’on se trouve, on remarque que des étoiles semblent proches les unes des autres, comme des symptômes qui se présenteraient souvent ensemble. On décide d’appeler la forme qu’elles prennent “la Grande Ourse”, ou “la schizophrénie”. En réalité, selon un point de vue différent, on pourrait créer d’autres formes à partir de chacune de ces étoiles, et donner d’autres noms à ces formes-là.</p>
  84. <p>La constellation permet de décrire un coin du ciel depuis notre point de vue, subjectif dans le temps et dans l’espace. Ça permet de se repérer, de synthétiser des informations et de les transmettre à d’autres, mais ça ne dit pas grande chose de l’expérience vécue par celles et ceux qui explorent ces espaces interstellaires.</p>
  85. <p>*</p>
  86. <p><span>Si vous êtes à Strasbourg, vous pourrez entendre ma voix, que j’ai prêtée à </span><em><a href="https://alamuse.com/productions/philippe-gordiani-hav/" rel>H.A.V</a></em><span> (pour hallucinations auditives verbales), un concert sous casque à conduction osseuse de Philippe Gordiani et qui sera créé </span><a href="https://billetterie.festivalmusica.fr/seances/74" rel>le 28 et le 29 septembre prochains au festival musica</a><span>.</span></p>
  87. <p><span>Je n’ai aucune idée de ce à quoi cela va ressembler mais je suis curieuse de l’entendre. J’ai déjà eu l’occasion de tester l’écoute via la conduction osseuse avec l’œuvre </span><em>Handphone Table</em><span> de Laurie Anderson. Il s’agit d’une table en bois à l’intérieur de laquelle est placée une source sonore. On ne peut l’entendre qu’en s’y asseyant et en plaçant ses coudes dans les petites dépressions imprimées dans le bois de chaque côté de la table, puis en plaçant ses mains sur les oreilles. Le son est diffusé via le bois et les os des bras, et la boîte crânienne devient elle-même une enceinte.</span></p>
  88. <div class="captioned-image-container"><figure><a class="image-link is-viewable-img image2" target="_blank" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fc5790a19-04f0-40db-bf59-794985c865d9_1280x943.jpeg" rel></a><figcaption class="image-caption"><span>Laurie Anderson, vue d’exposition de </span><em>Handphone Table</em><span>, MOMA, 1978. </span></figcaption></figure></div>
  89. </article>
  90. <hr>
  91. <footer>
  92. <p>
  93. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  94. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  95. </svg> Accueil</a> •
  96. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  97. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  98. </svg> Suivre</a> •
  99. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  100. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  101. </svg> Pro</a> •
  102. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  103. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  104. </svg> Email</a> •
  105. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  106. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  107. </svg> Légal</abbr>
  108. </p>
  109. <template id="theme-selector">
  110. <form>
  111. <fieldset>
  112. <legend><svg class="icon icon-brightness-contrast">
  113. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  114. </svg> Thème</legend>
  115. <label>
  116. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  117. </label>
  118. <label>
  119. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  120. </label>
  121. <label>
  122. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  123. </label>
  124. </fieldset>
  125. </form>
  126. </template>
  127. </footer>
  128. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  129. <script>
  130. function loadThemeForm(templateName) {
  131. const themeSelectorTemplate = document.querySelector(templateName)
  132. const form = themeSelectorTemplate.content.firstElementChild
  133. themeSelectorTemplate.replaceWith(form)
  134. form.addEventListener('change', (e) => {
  135. const chosenColorScheme = e.target.value
  136. localStorage.setItem('theme', chosenColorScheme)
  137. toggleTheme(chosenColorScheme)
  138. })
  139. const selectedTheme = localStorage.getItem('theme')
  140. if (selectedTheme && selectedTheme !== 'undefined') {
  141. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  142. }
  143. }
  144. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  145. window.addEventListener('load', () => {
  146. let hasDarkRules = false
  147. for (const styleSheet of Array.from(document.styleSheets)) {
  148. let mediaRules = []
  149. for (const cssRule of styleSheet.cssRules) {
  150. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  151. continue
  152. }
  153. // WARNING: Safari does not have/supports `conditionText`.
  154. if (cssRule.conditionText) {
  155. if (cssRule.conditionText !== prefersColorSchemeDark) {
  156. continue
  157. }
  158. } else {
  159. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  160. continue
  161. }
  162. }
  163. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  164. }
  165. // WARNING: do not try to insert a Rule to a styleSheet you are
  166. // currently iterating on, otherwise the browser will be stuck
  167. // in a infinite loop…
  168. for (const mediaRule of mediaRules) {
  169. styleSheet.insertRule(mediaRule.cssText)
  170. hasDarkRules = true
  171. }
  172. }
  173. if (hasDarkRules) {
  174. loadThemeForm('#theme-selector')
  175. }
  176. })
  177. </script>
  178. </body>
  179. </html>