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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  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>my mind is full of webs (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://winnielim.org/journal/my-mind-is-full-of-webs/">
  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>my mind is full of webs</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://winnielim.org/journal/my-mind-is-full-of-webs/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>I realised when I think of something it doesn’t exist as a single entity. A thought is linked to a million other thoughts, to the past and to the future. I remember too much, relate too much, connect too much, and I project too much. I thought this was “normal” until I met my partner. She doesn’t think much much about the future or the past – she’s a much happier person compared to me.</p>
  71. <p>This is why I get <a href="https://winnielim.org/journal/working-with-my-triggers/" data-type="post" data-id="4541">triggered</a> so easily. A single innocuous event like someone interrupting me may cascade into repetitive thoughts of all those times I was unable to speak up for myself, that every word I tried to put in was perceived as a disrespectful act and interrupted by fierce reprimands of how I was “talking back”, or those times when older kids or adults would speak over me either because they were trying to make fun of me or they were dismissive of what I had to say. I felt so unheard, so small, so invisible, so dismissed, so swept over. Even at 41, I still get flooded by feelings of fear, despair, sadness, shame, whenever I think about this giant web of thoughts. Sometimes I don’t actively recall the linked memories, but the feelings arise anyway. Pete Walker calls this “<a href="https://www.goodrx.com/health-topic/mental-health/what-are-emotional-flashbacks">emotional flashbacks</a>“, they are flashbacks of the emotions felt.</p>
  72. <figure class="wp-block-image size-full"><img decoding="async" src="https://winnielim.org/wp-content/uploads/2022/12/winnielim-mind-webs.png" alt="illustration: every top is a web" class="wp-image-5034" srcset="https://winnielim.org/wp-content/uploads/2022/12/winnielim-mind-webs.png 2400w, https://winnielim.org/wp-content/uploads/2022/12/winnielim-mind-webs-700x467.png 700w, https://winnielim.org/wp-content/uploads/2022/12/winnielim-mind-webs-1600x1067.png 1600w, https://winnielim.org/wp-content/uploads/2022/12/winnielim-mind-webs-300x200.png 300w, https://winnielim.org/wp-content/uploads/2022/12/winnielim-mind-webs-768x512.png 768w, https://winnielim.org/wp-content/uploads/2022/12/winnielim-mind-webs-1536x1024.png 1536w, https://winnielim.org/wp-content/uploads/2022/12/winnielim-mind-webs-2048x1365.png 2048w" sizes="(max-width: 2400px) 100vw, 2400px"><figcaption class="wp-element-caption">every thought is a web</figcaption></figure>
  73. <p>My depression is an outcome of these potentially infinite replaying webs. Without conscious control one past event dredges out another, taking me further and further away from the present. The feelings and uncomfortable sensations are webbed too, precursors to a potential meltdown when the body nor the mind is able to halt the overwhelming flood of everything: stimuli, thoughts, feelings, sensations – all bouncing off and magnifying each other in the process.</p>
  74. <p>Living in my own mind is like being forced to watch a string of videos over and over again, and I don’t get to choose which. Do you avoid certain genres because it invokes uncomfortable feelings in you? Or that these days some media comes with content warnings because they may be potentially distressing? My mind is like an out of control player attempting to repetitively play the most distressing content to me – except I’m not watching someone else get hurt. I am watching myself.</p>
  75. <p>It is a wonder I remain sane, and perhaps not a wonder I remain chronically sick. The body doesn’t care if the perceived danger is real, like a predator chasing us. Stress is stress, hormones are released even if the cause of my threat is simply the loss of my psychological safety. </p>
  76. <hr class="wp-block-separator has-alpha-channel-opacity">
  77. <p>Sometimes it has nothing to do with my past. I glance at the date, and a wave of despair washes over me. With a split-second glance I am reminded of the mercilessness of time passing, that people I care about are getting older. Other times there are no obvious triggers. I could be lying in bed and these thoughts suddenly come by and start eating me up. I sigh, hoping to release some of that sadness, but I know that objective reality wouldn’t change even with a thousand sighs.</p>
  78. <hr class="wp-block-separator has-alpha-channel-opacity">
  79. <p>It is not always <em>bad</em>. These webs are what that fuels this writing, this website. I start with writing a thing and then it explodes to a hundred things. I wouldn’t say it is good either – most of the time I have no idea how the words on this page sound to you. Do I sound like I’m rambling incoherently from a topic to another? It is strange how we can only have a vague idea if we’re making sense based on some consensus of the english language but there is no outright guarantee that <em>you</em> know what I am trying to convey. I get surprised when people read between my lines and tell me things I have never imagined before. I like that, most of the time. Even the most precise attempt at words can have invisible layers to them. </p>
  80. <hr class="wp-block-separator has-alpha-channel-opacity">
  81. <p>This is what fuelled my ex-career too: all those experimental design prototypes. It turns out taking a vague idea and turning it` into hundreds of other vague ideas can be a coveted skill. I half-joke. The point is to turn vague ideas into more precise ideas, I think. I am not sure I succeeded. As you can tell from this website, sometimes the webs become a mess when there is no conscious curtailment. I always let myself go, believing one day I’ll find it in myself to prune these webs.</p>
  82. <hr class="wp-block-separator has-alpha-channel-opacity">
  83. <p>I lived within the prison of these webs for most of the past few decades. I realised I was almost never in the present, entrenched between the painful webs of my past and the delusional webs of the future. <em>If I did this, this, and that, and if this, this and that happened – my life would finally be okay.</em> It turns out they followed me into my future: even when beauty, love, and bliss happened – the past remained like an ever-present quick sand.</p>
  84. <p>I feel the weight of them every day. Sometimes the more of life I live, the worse it becomes, as the webs extend and elongate as I accumulate more experiences. Other times it seems I am getting better at living in the present, but I’m not sure if it is because I am better at distracting myself now.</p>
  85. <hr class="wp-block-separator has-alpha-channel-opacity">
  86. <p>Meditation teaches us that there <em>are</em> gaps between our thoughts, and we can learn to rest in them. Like these gaps, there are moments in my life when I am fully immersed in the present. They call it <a href="https://en.wikipedia.org/wiki/Flow_(psychology)">the <em>flow</em> state</a>. I am learning to be more aware of the conditions that allows this state to emerge.</p>
  87. <p>But I do not want my webs to be truncated or forgotten. I do not wish to forget, or I wouldn’t have become obsessed with archival. I like noticing and preserving the connections. They become opportunities for learning and becoming, if I manage to detach enough from them.</p>
  88. <p>I just want to have more agency in transversing them: to know when to recall, when to connect, how wide and deep to go. I wish to pause and switch contexts at will, to be the person in charge of the player controls, not helplessly and passively watch when something unwanted is playing. Perhaps it is about being able to experience my thoughts with equanimity, instead of letting them seep into the core of my being chronically poisoning me.</p>
  89. <p>I have a long way to go. To learn how to travel in my own mind and live in my body, instead to change the quality of the relationship between my mind and me. It has been drowning and suffocating me, but I have experienced glimpses of it being a home, refuge and wonderland to me.</p>
  90. </article>
  91. <hr>
  92. <footer>
  93. <p>
  94. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  95. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  96. </svg> Accueil</a> •
  97. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  98. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  99. </svg> Suivre</a> •
  100. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  101. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  102. </svg> Pro</a> •
  103. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  104. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  105. </svg> Email</a> •
  106. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  107. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  108. </svg> Légal</abbr>
  109. </p>
  110. <template id="theme-selector">
  111. <form>
  112. <fieldset>
  113. <legend><svg class="icon icon-brightness-contrast">
  114. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  115. </svg> Thème</legend>
  116. <label>
  117. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  118. </label>
  119. <label>
  120. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  121. </label>
  122. <label>
  123. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  124. </label>
  125. </fieldset>
  126. </form>
  127. </template>
  128. </footer>
  129. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  130. <script>
  131. function loadThemeForm(templateName) {
  132. const themeSelectorTemplate = document.querySelector(templateName)
  133. const form = themeSelectorTemplate.content.firstElementChild
  134. themeSelectorTemplate.replaceWith(form)
  135. form.addEventListener('change', (e) => {
  136. const chosenColorScheme = e.target.value
  137. localStorage.setItem('theme', chosenColorScheme)
  138. toggleTheme(chosenColorScheme)
  139. })
  140. const selectedTheme = localStorage.getItem('theme')
  141. if (selectedTheme && selectedTheme !== 'undefined') {
  142. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  143. }
  144. }
  145. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  146. window.addEventListener('load', () => {
  147. let hasDarkRules = false
  148. for (const styleSheet of Array.from(document.styleSheets)) {
  149. let mediaRules = []
  150. for (const cssRule of styleSheet.cssRules) {
  151. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  152. continue
  153. }
  154. // WARNING: Safari does not have/supports `conditionText`.
  155. if (cssRule.conditionText) {
  156. if (cssRule.conditionText !== prefersColorSchemeDark) {
  157. continue
  158. }
  159. } else {
  160. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  161. continue
  162. }
  163. }
  164. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  165. }
  166. // WARNING: do not try to insert a Rule to a styleSheet you are
  167. // currently iterating on, otherwise the browser will be stuck
  168. // in a infinite loop…
  169. for (const mediaRule of mediaRules) {
  170. styleSheet.insertRule(mediaRule.cssText)
  171. hasDarkRules = true
  172. }
  173. }
  174. if (hasDarkRules) {
  175. loadThemeForm('#theme-selector')
  176. }
  177. })
  178. </script>
  179. </body>
  180. </html>