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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970
  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>
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Benefits of a daily diary and topic journals (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://sivers.org/dj">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Benefits of a daily diary and topic journals (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://sivers.org/dj">Source originale du contenu</a></h3>
  445. <p>
  446. You know those people whose lives are transformed by meditation or yoga or something like that?
  447. </p>
  448. <p>
  449. For me, it’s writing in my diary and journals.
  450. It’s made all the difference in the world for my learning, reflecting, and peace of mind.
  451. </p>
  452. <p>
  453. After 20+ years of doing this, here’s what I do and recommend:
  454. </p>
  455. <h3>
  456. A daily diary
  457. </h3>
  458. <p>
  459. If digital, use only plain text.
  460. It’s a standard format not owned by any company.
  461. It will be readable in 50 years on devices we haven’t even imagined yet.
  462. Don’t use formats that can only be read by one program, because that program won’t be around in 50 years.
  463. Don’t use the cloud, unless you’re also going to download it weekly and back it up in plain text outside that cloud.
  464. (Companies shut down. Clouds disappear. Think long-term.)
  465. </p>
  466. <p>
  467. <strong>
  468. Every day at some point, just open up this diary, write today’s date, then start writing.
  469. </strong>
  470. Write what you did today, and how you are feeling, even if it seems boring.
  471. </p>
  472. <p>
  473. It works best as a nightly routine.
  474. Just take a few minutes and write at least a few sentences.
  475. If you have time, write down everything on your mind.
  476. Clear it all out.
  477. But if you miss a night, make time the next morning to write about the previous day.
  478. </p>
  479. <p>
  480. This is important because years from now you might be looking back, wondering if you were as happy or as sad as you remember during this time.
  481. So don’t only write the drama or dilemmas.
  482. Include the daily facts of life.
  483. </p>
  484. <p>
  485. We so often make big decisions in life based on predictions of how we think we’ll feel in the future, or what we’ll want.
  486. Your past self is your best indicator of how you actually felt in similar situations.
  487. So it helps to have an accurate picture of your past.
  488. </p>
  489. <p>
  490. You can’t trust distant memories, but you can trust your daily diary.
  491. It’s the best indicator to your future self (and maybe descendants) of what was really going on in your life at this time.
  492. </p>
  493. <p>
  494. If you’re feeling you don’t have the time or it’s not interesting enough, remember:
  495. <strong>
  496. You’re doing this for your future self.
  497. </strong>
  498. Future you will want to look back at this time in your life, and find out what you were actually doing, day-to-day, and how you really felt back then.
  499. It will help you make better decisions.
  500. </p>
  501. <p>
  502. Just put aside a few minutes to write what you did and how you felt today.
  503. </p>
  504. <h3>
  505. “Thoughts On” journals
  506. </h3>
  507. <p>
  508. There are certain subjects in your life you think about a lot.
  509. People, places, hobbies, health, plans, finances.
  510. </p>
  511. <p>
  512. <strong>
  513. For each subject that you might have ongoing thoughts about, start a separate “Thoughts On” journal.
  514. </strong>
  515. Whenever you have some thoughts on this subject, open up that file, write today’s date, then start writing.
  516. </p>
  517. <p>
  518. To give you an example, here are my “Thoughts On” journals as of today:
  519. </p>
  520. <ul>
  521. <li>
  522. Accounting
  523. </li>
  524. <li>
  525. Addiction
  526. </li>
  527. <li>
  528. Airports
  529. </li>
  530. <li>
  531. Alcohol
  532. </li>
  533. <li>
  534. Ambition
  535. </li>
  536. <li>
  537. Animation
  538. </li>
  539. <li>
  540. AppDevelopment
  541. </li>
  542. <li>
  543. Artist
  544. </li>
  545. <li>
  546. Assistant
  547. </li>
  548. <li>
  549. BeingSocial
  550. </li>
  551. <li>
  552. Blog
  553. </li>
  554. <li>
  555. BookNotes
  556. </li>
  557. <li>
  558. BookPublishing
  559. </li>
  560. <li>
  561. Calendar
  562. </li>
  563. <li>
  564. Carla
  565. </li>
  566. <li>
  567. Changes
  568. </li>
  569. <li>
  570. Chess
  571. </li>
  572. <li>
  573. Chinese
  574. </li>
  575. <li>
  576. Cities
  577. </li>
  578. <li>
  579. Comedy
  580. </li>
  581. <li>
  582. Comparing
  583. </li>
  584. <li>
  585. Computers
  586. </li>
  587. <li>
  588. Conferences
  589. </li>
  590. <li>
  591. Countries
  592. </li>
  593. <li>
  594. Dance
  595. </li>
  596. <li>
  597. Dog
  598. </li>
  599. <li>
  600. Entrepreneur
  601. </li>
  602. <li>
  603. Erika
  604. </li>
  605. <li>
  606. Europe
  607. </li>
  608. <li>
  609. EventStrategy
  610. </li>
  611. <li>
  612. Expat
  613. </li>
  614. <li>
  615. ExploreExpand
  616. </li>
  617. <li>
  618. Fame
  619. </li>
  620. <li>
  621. Fan
  622. </li>
  623. <li>
  624. Friends
  625. </li>
  626. <li>
  627. Goals
  628. </li>
  629. <li>
  630. Gratification
  631. </li>
  632. <li>
  633. Habits
  634. </li>
  635. <li>
  636. Home
  637. </li>
  638. <li>
  639. IdealMe
  640. </li>
  641. <li>
  642. Image
  643. </li>
  644. <li>
  645. Infrastructure
  646. </li>
  647. <li>
  648. Intense
  649. </li>
  650. <li>
  651. Interviews
  652. </li>
  653. <li>
  654. Investing
  655. </li>
  656. <li>
  657. Ireland
  658. </li>
  659. <li>
  660. Kissing
  661. </li>
  662. <li>
  663. LanguageLearning
  664. </li>
  665. <li>
  666. LateralThinking
  667. </li>
  668. <li>
  669. LifeAlgorithms
  670. </li>
  671. <li>
  672. MakeIdeas
  673. </li>
  674. <li>
  675. Manners
  676. </li>
  677. <li>
  678. MobileAppDev
  679. </li>
  680. <li>
  681. Money
  682. </li>
  683. <li>
  684. Music
  685. </li>
  686. <li>
  687. MyPeople
  688. </li>
  689. <li>
  690. Need
  691. </li>
  692. <li>
  693. NewZealand
  694. </li>
  695. <li>
  696. Noise
  697. </li>
  698. <li>
  699. OS
  700. </li>
  701. <li>
  702. Oxford
  703. </li>
  704. <li>
  705. Parenting
  706. </li>
  707. <li>
  708. Phone
  709. </li>
  710. <li>
  711. PhoneNumbers
  712. </li>
  713. <li>
  714. Places
  715. </li>
  716. <li>
  717. Plan
  718. </li>
  719. <li>
  720. Poor
  721. </li>
  722. <li>
  723. Portugal
  724. </li>
  725. <li>
  726. Potential
  727. </li>
  728. <li>
  729. Programming
  730. </li>
  731. <li>
  732. PublicMe
  733. </li>
  734. <li>
  735. RV
  736. </li>
  737. <li>
  738. Regrets
  739. </li>
  740. <li>
  741. Relationship
  742. </li>
  743. <li>
  744. Renting
  745. </li>
  746. <li>
  747. Romance
  748. </li>
  749. <li>
  750. Routine
  751. </li>
  752. <li>
  753. Secrets
  754. </li>
  755. <li>
  756. Sex
  757. </li>
  758. <li>
  759. Singapore
  760. </li>
  761. <li>
  762. Skills2Learn
  763. </li>
  764. <li>
  765. Social
  766. </li>
  767. <li>
  768. Solitude
  769. </li>
  770. <li>
  771. Songwriting
  772. </li>
  773. <li>
  774. Speaking
  775. </li>
  776. <li>
  777. Strength
  778. </li>
  779. <li>
  780. Surprise
  781. </li>
  782. <li>
  783. Teachers
  784. </li>
  785. <li>
  786. Tech
  787. </li>
  788. <li>
  789. ThinkingSelf
  790. </li>
  791. <li>
  792. Thrifty
  793. </li>
  794. <li>
  795. Travel
  796. </li>
  797. <li>
  798. VirtualReality
  799. </li>
  800. <li>
  801. Vision
  802. </li>
  803. <li>
  804. Website
  805. </li>
  806. <li>
  807. WorthDoing
  808. </li>
  809. <li>
  810. Writer
  811. </li>
  812. </ul>
  813. <p>
  814. I find it so useful to keep my thoughts on each subject together, because I can see my past thoughts and current thoughts in one place.
  815. I can see how my thoughts on this subject have evolved or keep repeating.
  816. Sometimes I think I have a new thought on a subject, so I open up the file and write it down, then afterwards I see I had that same thought a year ago and had forgotten about it.
  817. <strong>
  818. If you care about your thoughts, keep them.
  819. </strong>
  820. </p>
  821. <p>
  822. They can be tiny.
  823. Like you see I have one on airports.
  824. I don’t have many thoughts on airports.
  825. I don’t fly that much.
  826. But I found that once or twice a year, when waiting at the gate, I had thoughts on the subject, so I’d open that file and start writing.
  827. </p>
  828. <p>
  829. I’ve considered making one for every musician, album, book, or film that’s had an impact on me, that I’d like to think more about.
  830. Why not?
  831. I admire the way that a good critic puts in hours of reflection on each piece, thinking deeper about something they’ve just taken in.
  832. </p>
  833. <p>
  834. I especially like my “Regrets” journal.
  835. Whenever I do something I regret, I write it down there, noting why I regret it, what I wish I would have done instead, and how I hope to prevent this in the future.
  836. </p>
  837. <h3>
  838. Ask yourself questions, then question your answers.
  839. </h3>
  840. <p>
  841. Whether in your daily diary, or the “Thoughts On” journals, I find the single most useful thing has been using it as a place to ask myself questions, and answer them.
  842. </p>
  843. <p>
  844. If I’m planning on doing something, I ask myself what I hope to get out of it, why, and whether there are other ways to get what I want.
  845. </p>
  846. <p>
  847. When I’m feeling conflicted, especially, I’ll ask myself a bunch of questions to work through my feelings, looking for the source of the conflict, then ask myself more questions around the clash in values, and work through other alternate ways I’d like things to be.
  848. </p>
  849. <p>
  850. <strong>
  851. I answer with my initial thought first, but then question it afterwards with skepticism, and consider different perspectives.
  852. </strong>
  853. I hear this is similar to <a href="https://en.wikipedia.org/wiki/Cognitive_behavioral_therapy">cognitive behavioral therapy</a> — and I’ve been meaning to learn more about that.
  854. But whatever you call it, I think it’s been the single most important thing to my intellectual and emotional development.
  855. </p>
  856. <p>
  857. Almost all the thoughts I have on any subject are the result of writing in my diary and journals, then questioning myself and working through alternate ways of thinking about it, and finally returning to the subject days or months later with a clear head and updated thoughts, seeing how they’ve changed or not over time.
  858. </p>
  859. <p>
  860. I hope it helps you too.
  861. </p>
  862. </article>
  863. </section>
  864. <nav id="jumpto">
  865. <p>
  866. <a href="/david/blog/">Accueil du blog</a> |
  867. <a href="https://sivers.org/dj">Source originale</a> |
  868. <a href="/david/stream/2019/">Accueil du flux</a>
  869. </p>
  870. </nav>
  871. <footer>
  872. <div>
  873. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  874. <p>
  875. Bonjour/Hi!
  876. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  877. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  878. </p>
  879. <p>
  880. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  881. </p>
  882. <p>
  883. Voici quelques articles choisis :
  884. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  885. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  886. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  887. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  888. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  889. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  890. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  891. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  892. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  893. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  894. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  895. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  896. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  897. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  898. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  899. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  900. </p>
  901. <p>
  902. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  903. </p>
  904. <p>
  905. Je ne traque pas ta navigation mais mon
  906. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  907. conserve des logs d’accès.
  908. </p>
  909. </div>
  910. </footer>
  911. <script type="text/javascript">
  912. ;(_ => {
  913. const jumper = document.getElementById('jumper')
  914. jumper.addEventListener('click', e => {
  915. e.preventDefault()
  916. const anchor = e.target.getAttribute('href')
  917. const targetEl = document.getElementById(anchor.substring(1))
  918. targetEl.scrollIntoView({behavior: 'smooth'})
  919. })
  920. })()
  921. </script>