A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  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>#cahiersdelecture2 : lieux métaphoriques et adoucissants (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://laviematerielle.substack.com/p/cahiersdelecture2-lieux-metaphoriques">
  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>#cahiersdelecture2 : lieux métaphoriques et adoucissants</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://laviematerielle.substack.com/p/cahiersdelecture2-lieux-metaphoriques" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <blockquote><p><em>“La maison intérieure. La maison matérielle. La première école, c’était ma mère elle-même. Comment elle organisait ses maisons. Comment elle les nettoyait. C’est elle qui m’a appris la propreté, foncière, maladive, superstitieuse.” - </em>Marguerite Duras, La vie matérielle</p></blockquote>
  71. <h3>Dévorer</h3>
  72. <div class="captioned-image-container"><figure><a class="image-link image2 image2-371-556" target="_blank" href="https://cdn.substack.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%2F5b32729c-7020-4d44-8cf5-927f47ed423d_1500x1000.jpeg" rel=""><img src="https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F5b32729c-7020-4d44-8cf5-927f47ed423d_1500x1000.jpeg" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/5b32729c-7020-4d44-8cf5-927f47ed423d_1500x1000.jpeg","height":971,"width":1456,"resizeWidth":556,"bytes":null,"alt":null,"title":null,"type":null,"href":null}' alt=""></a><figcaption class="image-caption">Babycakes (Tide pods, urethane rubber, painted cake boxes, fabrics, painted tile), 2018</figcaption></figure></div>
  73. <p><a href="http://www.marionbalac.com/works/babycakes/" rel="">Marion Balac </a>photographie en 2018 ces appétissants Baby Cakes qui mêlent l’onirique et le dégoûtant, l’odeur de propre et la promesse d’une destruction totale des organes internes. L’artiste travaille sur les memes, leur pouvoir, l’impact des métaphores sur les représentations. Par exemple, ce joli gâteau des rois lessiviel qui figure aussi une couronne mortuaire fait référence aux adeptes du Tide Pod Challenge. Il ressemble aussi, dans sa gamme de couleurs, aux gâteaux en gelée des années 50. Facile de se moquer de la bêtise adolescente, mais le bleu de la marée (“<em>Tide</em>”) évoqué par le joli nom de la lessive fonctionne selon le même principe : qui se souvient des algues vertes causées en partie par ce bleu lagon propret ? qui croit que le <a href="https://laviematerielle.substack.com/p/le-sang-le-lait-et-l-eau" rel="">lait Dove</a> n’est pas du lait d’ânesse ? Et pourquoi se moquer alors qu’au fond, notre phobie du sale est aussi une phobie de la vie “chatoyante et malpropre”. On en sourit encore moins en se souvenant des américains paniqués qui avalaient du détergent pour se prémunir du Covid l’année dernière, pensant peut-être se nettoyer de l’intérieur. </p>
  74. <blockquote><p><em>Par la saleté, on se cramponne à soi-même</em>, écrit Gaëlle Obiégly. </p></blockquote>
  75. <p>Selon la revue Nez, les lessives contiennent en nombre deux molécules : le musc blanc et le dihydromyrcénol (odeur citronnée). Certains parfums musqués sont donc réputés sentir “le propre”, à tel point qu’Au Parfum (leur site affilié) propose une sélection de “<a href="https://auparfum.bynez.com/selection-du-printemps-10-parfums-linge-propre,2828" rel="">parfums linge propre</a>”, dans lequel on évoque par exemple <em>“une eau de lavande teintée de foin et d’épices, rustique et savonneuse, comme un linge défroissé à l’aide d’un fer à repasser à l’ancienne, chauffé au coin d’un poêle”</em> (alerte cottagecore). L’imaginaire de la maison propre est localisé dans l’espace et le temps, comme celui de la peau. </p>
  76. <blockquote><p><em>“Une atmosphère de sous-sol de maison des années 60 dans laquelle on trouve le lave-linge, un évier en pierre, du linge qui sèche, encore humide, mais réchauffé par la chaleur de la chaudière à gaz.”</em></p></blockquote>
  77. <p>Le gel douche allemand contient des notes de monoï, le Brésil préfère la lavande, qui n’est pourtant pas la même que celle prisée des Anglais : “elle est plus aldéhydée en tête avec un fond plus fougère, doux et fruité”, précise Muriel Audibert, parfumeuse chez Givaudan. Certains confient, en s’expatriant, emporter avec eux le gel douche local pour retrouver un peu de la maison ailleurs (sauf en Nouvelle-Zélande, où les gels douches locaux sont formulés pour respecter la pureté de l’eau). En Chine, les détergents liquides sentent la pomme, le melon et les accords marins, comme pour boucler la boucle. On crée des espaces avec moins que ça. </p>
  78. <p></p>
  79. <h2><strong>Habiter</strong> </h2>
  80. <p>Balac a aussi créé avec Carlos Carbonnel un Airbnb “<a href="http://www.marionbalac.com/works/feel-like-home/" rel="">comme à la maison</a>”, dans laquelle la balance entre le familier et l’inquiétant verse du côté de l’angoisse quand l’artiste remplit la chambre louée de détails personnels glanés sur le facebook de son invitée, photos de famille comprises. Le nid de Bachelard, avec ses secrets et ses tiroirs, a été retourné. </p>
  81. <p>Yosra Ghliss et Marc Jahjah relisent justement le philosophe pour réfléchir sur Whatsapp en tant que lieu. <a href="https://hal.archives-ouvertes.fr/hal-02146304/document" rel="">Habiter Whatsapp</a>, c’est remettre en jeu ce que cela veut dire d’<em>habiter quoi que ce soit.</em> </p>
  82. <blockquote><p><em>“La « fonction d’habiter » consiste à faire d’un espace donné un espace plus ou moins personnel par le truchement d’imaginaires et de verbes d’action (se loger, se couvrir, se protéger, etc.) qui le travaillent dans son organisation. </em></p></blockquote>
  83. <p>“Nous nous déposons dans les objets qui nous entourent”, écrivent les chercheurs, parce que nous sommes “constamment menacés par la dispersion.” A cette aune, on comprend mieux les résultats des enquêtes de Space10 pour Ikea qui révèlent qu’un pourcentage élevé de personnes considère être plus chez elle dehors, dans certains lieux initiatiques, que dans leur domicile. Habiter, c’est “pratiquer l’espace”, le façonner à travers ses interactions avec lui. Mon petit écran sale d’empreintes de doigts est clairement hanté par mes déplacements. Le code de mes applications crée des espaces numériques évolutifs. </p>
  84. <blockquote><p><em>On trouve dans la théorie de l’éditorialisation une pensée semblable (Agostini-Marchese 2017) : elle reconnaît à l’individu la capacité de construire son propre espace dans le flux des signes, des matériaux, des dispositifs qui s’offrent à lui et le contraignent conjointement.</em></p><p><em>Nous sommes constamment traversés par les objets techniques, sans qu’il soit possible de déterminer quelle part revient aux uns et aux autres.</em></p><p><em>En recourant aux affordances (hashtags, émoticons, etc.) de leurs environnements, les locuteurs construisent des localités, des zones énonciatives et langagières qui leur sont propres.</em></p></blockquote>
  85. <p>Gaëlle Obiégly écrit dans Mon prochain : </p>
  86. <blockquote><p><em>Pour déplacer le point où mon attention se trouve, je trace des ronds sur un rectangle de plastique qui interprète ce geste. (…) Je caresse mon ordinateur et mes touchers doivent être précis. Ce sont des caresses intéressées, bien sûr.</em></p></blockquote>
  87. <p>Le lieu de l’attention crée ses propres rythmes, ses comportements attendus et ses frustrations. On mobilise, pour s’y retrouver, <em>“un vaste répertoire sémiotique, verbal, gestuel, kinésique, visuel, tactile, matériel.”</em></p>
  88. <p></p>
  89. <h3><strong>Attendre </strong></h3>
  90. <p>En parlant d’espaces liminaires (lieux de transition où on s’ennuie généralement sur le seuil d’une activité en attendant un médecin ou une consultation administrative) : une association du Nord de la France, “Détente pendant l’attente”, se penche sur l’animation possible de ces lieux de malaisance en explorant l’influence des couchers de soleil sur la relaxation, pour l’instant à travers des photos exposées dans les salles. On peut imaginer que, pour aller plus loin, des éclairagistes pourraient baigner de la douceur de la lumière crépusculaire les salles d’attente de la CAF ? Le coucher de soleil est un des rares phénomènes que ça ne dérange personne d’attendre. </p>
  91. <p><hr></p>
  92. <p>Pendant ces vacances, j’ai moins écrit que prévu, pour mieux prendre le temps de préparer une rentrée de <em>La vie matérielle</em> dont je vous dirai plus bientôt. Watch this space ! </p>
  93. <p>Et, comme d’habitude, si cette newsletter vous a plu, n’hésitez pas à y répondre, à la partager, ou à m’écrire sur <a href="https://twitter.com/notoriousbigre" rel="">twitter</a>. À très vite !</p>
  94. </article>
  95. <hr>
  96. <footer>
  97. <p>
  98. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  99. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  100. </svg> Accueil</a> •
  101. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  102. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  103. </svg> Suivre</a> •
  104. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  105. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  106. </svg> Pro</a> •
  107. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  108. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  109. </svg> Email</a> •
  110. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  111. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  112. </svg> Légal</abbr>
  113. </p>
  114. <template id="theme-selector">
  115. <form>
  116. <fieldset>
  117. <legend><svg class="icon icon-brightness-contrast">
  118. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  119. </svg> Thème</legend>
  120. <label>
  121. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  122. </label>
  123. <label>
  124. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  125. </label>
  126. <label>
  127. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  128. </label>
  129. </fieldset>
  130. </form>
  131. </template>
  132. </footer>
  133. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  134. <script>
  135. function loadThemeForm(templateName) {
  136. const themeSelectorTemplate = document.querySelector(templateName)
  137. const form = themeSelectorTemplate.content.firstElementChild
  138. themeSelectorTemplate.replaceWith(form)
  139. form.addEventListener('change', (e) => {
  140. const chosenColorScheme = e.target.value
  141. localStorage.setItem('theme', chosenColorScheme)
  142. toggleTheme(chosenColorScheme)
  143. })
  144. const selectedTheme = localStorage.getItem('theme')
  145. if (selectedTheme && selectedTheme !== 'undefined') {
  146. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  147. }
  148. }
  149. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  150. window.addEventListener('load', () => {
  151. let hasDarkRules = false
  152. for (const styleSheet of Array.from(document.styleSheets)) {
  153. let mediaRules = []
  154. for (const cssRule of styleSheet.cssRules) {
  155. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  156. continue
  157. }
  158. // WARNING: Safari does not have/supports `conditionText`.
  159. if (cssRule.conditionText) {
  160. if (cssRule.conditionText !== prefersColorSchemeDark) {
  161. continue
  162. }
  163. } else {
  164. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  165. continue
  166. }
  167. }
  168. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  169. }
  170. // WARNING: do not try to insert a Rule to a styleSheet you are
  171. // currently iterating on, otherwise the browser will be stuck
  172. // in a infinite loop…
  173. for (const mediaRule of mediaRules) {
  174. styleSheet.insertRule(mediaRule.cssText)
  175. hasDarkRules = true
  176. }
  177. }
  178. if (hasDarkRules) {
  179. loadThemeForm('#theme-selector')
  180. }
  181. })
  182. </script>
  183. </body>
  184. </html>