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 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  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>Worry time (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://amyhupe.co.uk/articles/worry-time/">
  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>Worry time</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.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://amyhupe.co.uk/articles/worry-time/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>I’ve been thinking lately about how a lot of anxiety-management advice can feel quite vague. When people say things like “learn to accept your feelings”, I can grasp that in theory but struggle to know what it means in practice.</p>
  71. <p>With that in mind, I thought I’d share a practical technique that I use when I’m feeling overwhelmed.</p>
  72. <p>It’s an actual thing I learned in therapy, not something I made up, but I think there are variations on how to do it.</p>
  73. <p>Here’s my version.</p>
  74. <h2>What is worry time?</h2>
  75. <p>Worry time is the act of setting aside time each day to let yourself worry about the things that are making you anxious.</p>
  76. <p>For those of us who are prone to worrying and ruminating over and above what's helpful to us, it serves 2 purposes:</p>
  77. <ol>
  78. <li>It allows us to postpone our worries throughout the day, safe in the knowledge that we'll get a chance to think about them at the designated time.</li>
  79. <li>It can help us to worry more “productively”, recognising what we can and can’t control and planning to take appropriate action.</li>
  80. </ol>
  81. <h2>Postponing worries</h2>
  82. <p>An important part of worry time is postponing anxious thoughts that pop up throughout the day until worry time.</p>
  83. <p>For me, this means writing them down in my bullet journal or my phone. If a lot of my anxious thoughts are on the same subject, I keep a tally of how many times they’ve come up.</p>
  84. <p>Something I’ve learned is that it’s helpful to keep the descriptions of my anxious thoughts as brief as possible. This stops the act of postponing them becoming another way to get caught up in them.</p>
  85. <p>For example, if I’m anxious about COVID-19, I won’t write “I’m anxious about catching COVID-19 and becoming really ill or having to isolate”. Instead I’ll write the minimum I need to remind me. For example, “COVID”.</p>
  86. <h2>The best time to worry</h2>
  87. <p>I’ve read that it’s good to try and do worry time at the same time each day. I think this is helpful, but not always possible.</p>
  88. <p>Overall, I think it’s more helpful to have worry time than not to, so if I miss my designated time slot, I’ll just do it when I can.</p>
  89. <p>The best time of day will be different for everyone. Personally, I’ve found the morning works best for me. I used to do my worry time at the end of the working day, but found that this left too much time throughout the day for my anxiety to accumulate. By the time 5pm came around, I’d feel really overwhelmed and found it hard to use the time constructively.</p>
  90. <p>For me, having worry time in the morning means I feel I’ve “taken charge” of my anxiety before the day has started, which helps me feel more in control.</p>
  91. <h2>My worry time process</h2>
  92. <p>I typically allow 20 minutes for worry time, and no more than 30. I use a timer to make sure I don’t go over.</p>
  93. <p>If I’m feeling very anxious and struggling to separate my thoughts, I’ll start with 10 minutes of <a href="https://www.verywellmind.com/journaling-a-great-tool-for-coping-with-anxiety-3144672#freewriting">free-writing</a>. This helps me to pick out themes in my thought processes an gives me a clue about what my mind is fixating on.</p>
  94. <p>When I get to the worry time, I open up a page in my notebook or a Google Doc and use the following 3 headings to write down my thoughts.</p>
  95. <h3>What’s on my mind</h3>
  96. <p>Here I make a bullet list of the things I’m worried about. I try not to go into too much detail, and just include a sentence on each.</p>
  97. <h3>What’s happening</h3>
  98. <p>I use this section to list:</p>
  99. <ul>
  100. <li>external events that are impacting me</li>
  101. <li>behaviours that are impacting my anxiety levels</li>
  102. </ul>
  103. <p>For example, today I’ve listed that I’ve had a busy day of meetings, that I’m recovering from a cold, and that I’ve been doom-scrolling on Twitter and news platforms.</p>
  104. <h3>What I’ll do today</h3>
  105. <p>Here I list 3-7 things I’m going to do to try and tackle my worries today. This is enough to make me feel like I’m making a difference, without being overwhelming.</p>
  106. <p>Often I’ll list the same things, like 10 minutes of meditation, going out for a walk, phoning a friend or family member for a chat.</p>
  107. <p>Sometimes I can add more specific actions, like having a day off social media, or taking some vitamin C to help shift my cold.</p>
  108. <h2>The value of regular, time-limited worry</h2>
  109. <p>I find worry time a really useful way of helping me to step back and view my anxiety objectively, to recognise what’s impacting it, and to identify what I can and can’t control.</p>
  110. <p>Doing it regularly stops me from overthinking it and worrying about getting it exactly right. I know if I miss something, I’ll have another go tomorrow.</p>
  111. <p>Like any anxiety-management technique, worry time isn’t magic, but I’ve definitely found it to be one of the more useful tools in my arsenal.</p>
  112. <p>If you decide to give it a try, I hope it helps you too. And if you have any questions, let me know and I’ll do my best to answer them.</p>
  113. </article>
  114. <hr>
  115. <footer>
  116. <p>
  117. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  118. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  119. </svg> Accueil</a> •
  120. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  121. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  122. </svg> Suivre</a> •
  123. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  124. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  125. </svg> Pro</a> •
  126. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  127. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  128. </svg> Email</a> •
  129. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  130. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  131. </svg> Légal</abbr>
  132. </p>
  133. <template id="theme-selector">
  134. <form>
  135. <fieldset>
  136. <legend><svg class="icon icon-brightness-contrast">
  137. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  138. </svg> Thème</legend>
  139. <label>
  140. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  141. </label>
  142. <label>
  143. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  144. </label>
  145. <label>
  146. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  147. </label>
  148. </fieldset>
  149. </form>
  150. </template>
  151. </footer>
  152. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  153. <script>
  154. function loadThemeForm(templateName) {
  155. const themeSelectorTemplate = document.querySelector(templateName)
  156. const form = themeSelectorTemplate.content.firstElementChild
  157. themeSelectorTemplate.replaceWith(form)
  158. form.addEventListener('change', (e) => {
  159. const chosenColorScheme = e.target.value
  160. localStorage.setItem('theme', chosenColorScheme)
  161. toggleTheme(chosenColorScheme)
  162. })
  163. const selectedTheme = localStorage.getItem('theme')
  164. if (selectedTheme && selectedTheme !== 'undefined') {
  165. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  166. }
  167. }
  168. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  169. window.addEventListener('load', () => {
  170. let hasDarkRules = false
  171. for (const styleSheet of Array.from(document.styleSheets)) {
  172. let mediaRules = []
  173. for (const cssRule of styleSheet.cssRules) {
  174. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  175. continue
  176. }
  177. // WARNING: Safari does not have/supports `conditionText`.
  178. if (cssRule.conditionText) {
  179. if (cssRule.conditionText !== prefersColorSchemeDark) {
  180. continue
  181. }
  182. } else {
  183. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  184. continue
  185. }
  186. }
  187. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  188. }
  189. // WARNING: do not try to insert a Rule to a styleSheet you are
  190. // currently iterating on, otherwise the browser will be stuck
  191. // in a infinite loop…
  192. for (const mediaRule of mediaRules) {
  193. styleSheet.insertRule(mediaRule.cssText)
  194. hasDarkRules = true
  195. }
  196. }
  197. if (hasDarkRules) {
  198. loadThemeForm('#theme-selector')
  199. }
  200. })
  201. </script>
  202. </body>
  203. </html>