A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 16KB

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>Time to Write? Go Outside (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. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <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>
  34. <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>
  35. <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>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://archive.nytimes.com/opinionator.blogs.nytimes.com/2013/09/16/time-to-write-go-outside/">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>Time to Write? Go Outside</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://archive.nytimes.com/opinionator.blogs.nytimes.com/2013/09/16/time-to-write-go-outside/" title="Lien vers le contenu original">Source originale</a>
  70. </p>
  71. </nav>
  72. <hr>
  73. <p class="story-body-text" itemprop="articleBody">Fall promises crisp days with ample sunlight, a lifting of the humidity and ideal temperatures for being outdoors. This also means my writing will be getting better. </p>
  74. <p class="story-body-text" itemprop="articleBody">Nothing coaxes jumbled thoughts into coherent sentences like sitting under a shade tree on a pleasant day. With a slight breeze blowing, birds chirping melodies, wee bugs scurrying around me and a fully charged laptop
  75. or yellow legal pad at hand, I know I’ll produce my best work. </p>
  76. <p class="story-body-text" itemprop="articleBody">I stumbled upon my ideal writing conditions quite by accident. When a particularly troublesome set of captions for a National Geographic story I was working on was causing me conniptions — that yellow-bordered
  77. magazine takes those captions pretty seriously — I charged out of the house and down to the Potomac River, with notes, photograph photocopies and pen in hand. I planted myself at a picnic table, stared at
  78. the water and let my brain go all mushy. I relaxed my eyes, focusing on nothing. </p>
  79. <p class="story-body-text" itemprop="articleBody">Writing became easier. Words that were locked in the brain vault appeared. I saw the bigger picture, the story waiting to be told. <span id="more-149015"></span></p>
  80. <p class="story-body-text" itemprop="articleBody">Turns out, there are perfectly good reasons why writing outdoors works for me, and most likely every other writer on the planet. </p>
  81. <p class="story-body-text" itemprop="articleBody">Back in the 1970s, two pioneering environmental psychologists, Rachel and Stephen Kaplan, began investigating nature’s healing effect on the mind. Decades later, their studies concluded that connections with
  82. nature could help us shirk mental fatigue, restore drifting attention and sharpen thinking. Even in an urban environment, a little green stimulates our senses, they report. </p>
  83. <p class="story-body-text" itemprop="articleBody">Nature immersion also helps us feel alive. Another series of studies published in the Journal of Environmental Psychology in 2010 concluded that being in nature made people feel energetic and less lethargic, all essential
  84. ingredients for writing stories that exude telling details and narrative tension. After all, you just can’t tell a good story when half asleep.</p>
  85. <p class="story-body-text" itemprop="articleBody">Nor can you do so when surrounded by the beeps and dings and hums of any number of devices. The author and journalist Richard Louv has thought a lot about technological distractions. Mr. Louv has long studied and proclaimed
  86. the benefits that humans can reap from being in nature. His wildly popular “Last Child in the Woods: Saving Our Children From Nature-Deficit Disorder” includes evidence that exposure to nature is essential
  87. not just to children’s mental and physical health, but to everyone’s. Adults are just as susceptible to a “Vitamin N” deficiency he explains in his more recent “The Nature Principle:
  88. Reconnecting with Life in a Virtual Age.” I asked him about my writing-outside theory.</p>
  89. <p class="story-body-text" itemprop="articleBody">“It’s likely you find it easier to write outside not only because of nature’s direct impact, but because of the absence of so many distractions, most of them technological.” says Mr. Louv,
  90. who also finds his writing better when he does it by a lake or in the woods. “The info-blitzkrieg has spawned a new field called ‘interruption science’ and a newly minted condition: continuous
  91. partial attention.” Constant electronic intrusions, he says, leave anyone trying to work frustrated, stressed and certainly less creative. </p>
  92. <p class="story-body-text" itemprop="articleBody">Amen. And though this seems like an obvious conclusion, how often are we writers victims of indoor inertia? Why do we try to write while held hostage by cookie-cutter offices, zapped by overhead fluorescence and pinged
  93. by electronic apps of varying degrees of annoyance? This, truly, is writing with only a partial mind, because our mind lies in too many different realms.</p>
  94. <p class="story-body-text" itemprop="articleBody">I’m guilty. After the kids are at school, I often don’t move from my laptop spot at the old pine dining table, tapping away. With breakfast dishes and homework Xeroxes still cluttering the space, the various
  95. electronics peeping alerts, I’m often “working” for a solid half hour before I realize I’m not focused — not really. </p>
  96. <p class="story-body-text" itemprop="articleBody">“Trouble is,” says Mr. Louv, “it’s getting harder to find places beyond electrotrusion” (using an apt term he just coined).</p>
  97. <p class="story-body-text" itemprop="articleBody">I know one answer. I found that my dream office is in the middle of a savanna, a place far from any WiFi or even an electrical outlet. While bumping along a dirt road in southern Kenya, where I was doing research for
  98. my recent book “Safari,” I madly scribbled thoughts and impressions on a sturdy notebook I could hold in one hand. Writing while jostling and swatting tse-tse flies doesn’t seem ideal for recording
  99. quotes from guides and notes on cheetahs, but, really, it was. My attention drifted over the blowing grasses, the seemingly endless undulating landscape, and homed in on the story in front of me. Some of the very
  100. messy phrases that were difficult to physically write down, but otherwise easy to conjure, survived several self-critical revisions, my editor’s hand and copy editing. Bad handwriting can always be transcribed;
  101. jumbled thoughts are a devil to untwist.</p>
  102. <p class="story-body-text" itemprop="articleBody">“Most people think of the mind as being located in the head,” writes Diane Ackerman in “A Natural History of the Senses,” “but the latest findings in physiology suggest that <em>the mind</em> doesn’t really dwell in the brain but travels the whole body on caravans of hormone and enzyme, busily making sense of the compound wonders we catalogue as touch, taste, smell, hearing, vision.” There
  103. was no substitute for being immersed in nature — in my case, in the home turf of elephants, lions and crocodiles — and hearing, smelling, feeling and sometimes tasting what was in their environment.
  104. </p>
  105. <p class="story-body-text" itemprop="articleBody">I’m writing a book on oceans now. The research process, performed indoors amid humming gadgets — and sandwiched between other priorities — is difficult. But soon, I’ll head outdoors, look
  106. at life in the sea and plant myself in front of the water to do the writing. </p>
  107. <p class="story-body-text" itemprop="articleBody">I know I can’t always go to the ocean or to an African savanna to write. In fact, those kinds of opportunities are few and far between. But I can take the lessons I learned there with me, and every day, remind
  108. myself to take five small steps away from that old pine table to the back patio. It’s a tiny space, but one enveloped by branches from neighboring trees and surrounded by an overzealous wisteria vine. The
  109. words come then, not perfectly the first time of course, but in time they do feel safe marching forward. </p>
  110. <hr>
  111. <p class="story-body-text" itemprop="articleBody"><em>Carol Kaufmann, a writer and editor, is the author of “Safari: A Photicular Book,” a collaboration with the inventor Dan Kainen. She is currently working on a book on oceans.</em></p>
  112. </article>
  113. <hr>
  114. <footer>
  115. <p>
  116. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  117. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  118. </svg> Accueil</a> •
  119. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  120. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  121. </svg> Suivre</a> •
  122. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  123. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  124. </svg> Pro</a> •
  125. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  126. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  127. </svg> Email</a> •
  128. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  129. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  130. </svg> Légal</abbr>
  131. </p>
  132. <template id="theme-selector">
  133. <form>
  134. <fieldset>
  135. <legend><svg class="icon icon-brightness-contrast">
  136. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  137. </svg> Thème</legend>
  138. <label>
  139. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  140. </label>
  141. <label>
  142. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  143. </label>
  144. <label>
  145. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  146. </label>
  147. </fieldset>
  148. </form>
  149. </template>
  150. </footer>
  151. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  152. <script>
  153. function loadThemeForm(templateName) {
  154. const themeSelectorTemplate = document.querySelector(templateName)
  155. const form = themeSelectorTemplate.content.firstElementChild
  156. themeSelectorTemplate.replaceWith(form)
  157. form.addEventListener('change', (e) => {
  158. const chosenColorScheme = e.target.value
  159. localStorage.setItem('theme', chosenColorScheme)
  160. toggleTheme(chosenColorScheme)
  161. })
  162. const selectedTheme = localStorage.getItem('theme')
  163. if (selectedTheme && selectedTheme !== 'undefined') {
  164. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  165. }
  166. }
  167. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  168. window.addEventListener('load', () => {
  169. let hasDarkRules = false
  170. for (const styleSheet of Array.from(document.styleSheets)) {
  171. let mediaRules = []
  172. for (const cssRule of styleSheet.cssRules) {
  173. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  174. continue
  175. }
  176. // WARNING: Safari does not have/supports `conditionText`.
  177. if (cssRule.conditionText) {
  178. if (cssRule.conditionText !== prefersColorSchemeDark) {
  179. continue
  180. }
  181. } else {
  182. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  183. continue
  184. }
  185. }
  186. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  187. }
  188. // WARNING: do not try to insert a Rule to a styleSheet you are
  189. // currently iterating on, otherwise the browser will be stuck
  190. // in a infinite loop…
  191. for (const mediaRule of mediaRules) {
  192. styleSheet.insertRule(mediaRule.cssText)
  193. hasDarkRules = true
  194. }
  195. }
  196. if (hasDarkRules) {
  197. loadThemeForm('#theme-selector')
  198. }
  199. })
  200. </script>
  201. </body>
  202. </html>