davidbgk
/
larlet-fr-david-cache
Слідкувати 1
В обрані 0
Форк 0
Код Релізи 0 Активність
A place to cache linked articles (think custom and personal wayback machine)
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
218 Коміти
1 Гілка
Дерево: b7ef4aafa4
Гілки Теги
${ item.name }
Створити гілку ${ searchTerm }
з 'b7ef4aafa4'
${ noResults }
larlet-fr-david-cache/cache/73006248a47469926e2bea43eeb.../index.html

index.html 24KB
Неформатований Blame Історія

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. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="https://sivers.org/dj">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   Benefits of a daily diary and topic journals (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="https://sivers.org/dj">Source originale du contenu</a></h3>

  463.     <p>

  464.     You know those people whose lives are transformed by meditation or yoga or something like that?

  465. </p>

  466. 

  467. <p>

  468.     For me, it’s writing in my diary and journals.

  469.     It’s made all the difference in the world for my learning, reflecting, and peace of mind.

  470. </p>

  471. 

  472. <p>

  473.     After 20+ years of doing this, here’s what I do and recommend:

  474. </p>

  475. 

  476. <h3>

  477.     A daily diary

  478. </h3>

  479. 

  480. <p>

  481.     If digital, use only plain text.

  482.     It’s a standard format not owned by any company.

  483.     It will be readable in 50 years on devices we haven’t even imagined yet.

  484.     Don’t use formats that can only be read by one program, because that program won’t be around in 50 years.

  485.     Don’t use the cloud, unless you’re also going to download it weekly and back it up in plain text outside that cloud.

  486.     (Companies shut down. Clouds disappear. Think long-term.)

  487. </p>

  488. 

  489. <p>

  490. <strong>

  491.     Every day at some point, just open up this diary, write today’s date, then start writing.

  492. </strong>

  493.     Write what you did today, and how you are feeling, even if it seems boring.

  494. </p>

  495. 

  496. <p>

  497.     It works best as a nightly routine.

  498.     Just take a few minutes and write at least a few sentences.

  499.     If you have time, write down everything on your mind.

  500.     Clear it all out.

  501.     But if you miss a night, make time the next morning to write about the previous day.

  502. </p>

  503. 

  504. <p>

  505.     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.

  506.     So don’t only write the drama or dilemmas.

  507.     Include the daily facts of life.

  508. </p>

  509. 

  510. <p>

  511.     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.

  512.     Your past self is your best indicator of how you actually felt in similar situations.

  513.     So it helps to have an accurate picture of your past.

  514. </p>

  515. 

  516. <p>

  517.     You can’t trust distant memories, but you can trust your daily diary.

  518.     It’s the best indicator to your future self (and maybe descendants) of what was really going on in your life at this time.

  519. </p>

  520. 

  521. <p>

  522.     If you’re feeling you don’t have the time or it’s not interesting enough, remember:

  523. <strong>

  524.     You’re doing this for your future self.

  525. </strong>

  526.     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.

  527.     It will help you make better decisions.

  528. </p>

  529. 

  530. <p>

  531.     Just put aside a few minutes to write what you did and how you felt today.

  532. </p>

  533. 

  534. <h3>

  535.     “Thoughts On” journals

  536. </h3>

  537. 

  538. <p>

  539.     There are certain subjects in your life you think about a lot.

  540.     People, places, hobbies, health, plans, finances.

  541. </p>

  542. 

  543. <p>

  544. <strong>

  545.     For each subject that you might have ongoing thoughts about, start a separate “Thoughts On” journal.

  546. </strong>

  547.     Whenever you have some thoughts on this subject, open up that file, write today’s date, then start writing.

  548. </p>

  549. 

  550. <p>

  551.     To give you an example, here are my “Thoughts On” journals as of today:

  552. </p>

  553. 

  554. <ul>

  555. <li>

  556.     Accounting

  557. </li>

  558. <li>

  559.     Addiction

  560. </li>

  561. <li>

  562.     Airports

  563. </li>

  564. <li>

  565.     Alcohol

  566. </li>

  567. <li>

  568.     Ambition

  569. </li>

  570. <li>

  571.     Animation

  572. </li>

  573. <li>

  574.     AppDevelopment

  575. </li>

  576. <li>

  577.     Artist

  578. </li>

  579. <li>

  580.     Assistant

  581. </li>

  582. <li>

  583.     BeingSocial

  584. </li>

  585. <li>

  586.     Blog

  587. </li>

  588. <li>

  589.     BookNotes

  590. </li>

  591. <li>

  592.     BookPublishing

  593. </li>

  594. <li>

  595.     Calendar

  596. </li>

  597. <li>

  598.     Carla

  599. </li>

  600. <li>

  601.     Changes

  602. </li>

  603. <li>

  604.     Chess

  605. </li>

  606. <li>

  607.     Chinese

  608. </li>

  609. <li>

  610.     Cities

  611. </li>

  612. <li>

  613.     Comedy

  614. </li>

  615. <li>

  616.     Comparing

  617. </li>

  618. <li>

  619.     Computers

  620. </li>

  621. <li>

  622.     Conferences

  623. </li>

  624. <li>

  625.     Countries

  626. </li>

  627. <li>

  628.     Dance

  629. </li>

  630. <li>

  631.     Dog

  632. </li>

  633. <li>

  634.     Entrepreneur

  635. </li>

  636. <li>

  637.     Erika

  638. </li>

  639. <li>

  640.     Europe

  641. </li>

  642. <li>

  643.     EventStrategy

  644. </li>

  645. <li>

  646.     Expat

  647. </li>

  648. <li>

  649.     ExploreExpand

  650. </li>

  651. <li>

  652.     Fame

  653. </li>

  654. <li>

  655.     Fan

  656. </li>

  657. <li>

  658.     Friends

  659. </li>

  660. <li>

  661.     Goals

  662. </li>

  663. <li>

  664.     Gratification

  665. </li>

  666. <li>

  667.     Habits

  668. </li>

  669. <li>

  670.     Home

  671. </li>

  672. <li>

  673.     IdealMe

  674. </li>

  675. <li>

  676.     Image

  677. </li>

  678. <li>

  679.     Infrastructure

  680. </li>

  681. <li>

  682.     Intense

  683. </li>

  684. <li>

  685.     Interviews

  686. </li>

  687. <li>

  688.     Investing

  689. </li>

  690. <li>

  691.     Ireland

  692. </li>

  693. <li>

  694.     Kissing

  695. </li>

  696. <li>

  697.     LanguageLearning

  698. </li>

  699. <li>

  700.     LateralThinking

  701. </li>

  702. <li>

  703.     LifeAlgorithms

  704. </li>

  705. <li>

  706.     MakeIdeas

  707. </li>

  708. <li>

  709.     Manners

  710. </li>

  711. <li>

  712.     MobileAppDev

  713. </li>

  714. <li>

  715.     Money

  716. </li>

  717. <li>

  718.     Music

  719. </li>

  720. <li>

  721.     MyPeople

  722. </li>

  723. <li>

  724.     Need

  725. </li>

  726. <li>

  727.     NewZealand

  728. </li>

  729. <li>

  730.     Noise

  731. </li>

  732. <li>

  733.     OS

  734. </li>

  735. <li>

  736.     Oxford

  737. </li>

  738. <li>

  739.     Parenting

  740. </li>

  741. <li>

  742.     Phone

  743. </li>

  744. <li>

  745.     PhoneNumbers

  746. </li>

  747. <li>

  748.     Places

  749. </li>

  750. <li>

  751.     Plan

  752. </li>

  753. <li>

  754.     Poor

  755. </li>

  756. <li>

  757.     Portugal

  758. </li>

  759. <li>

  760.     Potential

  761. </li>

  762. <li>

  763.     Programming

  764. </li>

  765. <li>

  766.     PublicMe

  767. </li>

  768. <li>

  769.     RV

  770. </li>

  771. <li>

  772.     Regrets

  773. </li>

  774. <li>

  775.     Relationship

  776. </li>

  777. <li>

  778.     Renting

  779. </li>

  780. <li>

  781.     Romance

  782. </li>

  783. <li>

  784.     Routine

  785. </li>

  786. <li>

  787.     Secrets

  788. </li>

  789. <li>

  790.     Sex

  791. </li>

  792. <li>

  793.     Singapore

  794. </li>

  795. <li>

  796.     Skills2Learn

  797. </li>

  798. <li>

  799.     Social

  800. </li>

  801. <li>

  802.     Solitude

  803. </li>

  804. <li>

  805.     Songwriting

  806. </li>

  807. <li>

  808.     Speaking

  809. </li>

  810. <li>

  811.     Strength

  812. </li>

  813. <li>

  814.     Surprise

  815. </li>

  816. <li>

  817.     Teachers

  818. </li>

  819. <li>

  820.     Tech

  821. </li>

  822. <li>

  823.     ThinkingSelf

  824. </li>

  825. <li>

  826.     Thrifty

  827. </li>

  828. <li>

  829.     Travel

  830. </li>

  831. <li>

  832.     VirtualReality

  833. </li>

  834. <li>

  835.     Vision

  836. </li>

  837. <li>

  838.     Website

  839. </li>

  840. <li>

  841.     WorthDoing

  842. </li>

  843. <li>

  844.     Writer

  845. </li>

  846. </ul>

  847. 

  848. <p>

  849.     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.

  850.     I can see how my thoughts on this subject have evolved or keep repeating.

  851.     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.

  852. <strong>

  853.     If you care about your thoughts, keep them.

  854. </strong>

  855. </p>

  856. 

  857. <p>

  858.     They can be tiny.

  859.     Like you see I have one on airports.

  860.     I don’t have many thoughts on airports.

  861.     I don’t fly that much.

  862.     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.

  863. </p>

  864. 

  865. <p>

  866.     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.

  867.     Why not?

  868.     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.

  869. </p>

  870. 

  871. <p>

  872.     I especially like my “Regrets” journal.

  873.     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.

  874. </p>

  875. 

  876. <h3>

  877.     Ask yourself questions, then question your answers.

  878. </h3>

  879. 

  880. <p>

  881.     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.

  882. </p>

  883. 

  884. <p>

  885.     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.

  886. </p>

  887. 

  888. <p>

  889.     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.

  890. </p>

  891. 

  892. <p>

  893. <strong>

  894.     I answer with my initial thought first, but then question it afterwards with skepticism, and consider different perspectives.

  895. </strong>

  896.     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.

  897.     But whatever you call it, I think it’s been the single most important thing to my intellectual and emotional development.

  898. </p>

  899. 

  900. <p>

  901.     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.

  902. </p>

  903. 

  904. <p>

  905.     I hope it helps you too.

  906. </p>

  907.   </article>

  908. </section>

  909. 

  910. 

  911. <nav id="jumpto">

  912.   <p>

  913.     <a href="/david/blog/">Accueil du blog</a> |

  914.     <a href="https://sivers.org/dj">Source originale</a> |

  915.     <a href="/david/stream/2019/">Accueil du flux</a>

  916.   </p>

  917. </nav>

  918. 

  919. <footer>

  920.   <div>

  921.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  922.     <p>

  923.       Bonjour/Hi!

  924.       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>

  925.       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>).

  926.     </p>

  927.     <p>

  928.       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>.

  929.     </p>

  930.     

  931.     <p>

  932.       Voici quelques articles choisis :

  933.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  934.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  935.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  936.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  937.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  938.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  939.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  940.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  941.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  942.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  943.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  944.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  945.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  946.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  947.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  948.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  949.     </p>

  950.     <p>

  951.       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>.

  952.     </p>

  953.     <p>

  954.       Je ne traque pas ta navigation mais mon

  955.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  956.       conserve des logs d’accès.

  957.     </p>

  958.   </div>

  959. </footer>

  960. <script type="text/javascript">

  961.   ;(_ => {

  962.     const jumper = document.getElementById('jumper')

  963.     jumper.addEventListener('click', e => {

  964.       e.preventDefault()

  965.       const anchor = e.target.getAttribute('href')

  966.       const targetEl = document.getElementById(anchor.substring(1))

  967.       targetEl.scrollIntoView({behavior: 'smooth'})

  968.     })

  969.   })()

  970. </script>