davidbgk
/
larlet-fr-david-cache
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
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.
42 Commits
1 Branch
Tree: 2e4d51a7b7
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '2e4d51a7b7'
${ noResults }
larlet-fr-david-cache/cache/ba9737fba09107742c406faa87c.../index.html

index.html 25KB
Raw Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644 
  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>Nomadisme et questionnement (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="http://www.maiwann.net/blog/nomadisme-et-questionnement/">

  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.   Nomadisme et questionnement (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="http://www.maiwann.net/blog/nomadisme-et-questionnement/">Source originale du contenu</a></h3>

  463.     <blockquote>

  464.   <p>J’ai jeté pêle-mêle mes idées et mes angoisses sur mon clavier et j’en ai fait ce billet, à peine relu. Il cristallise pas mal de choses et si vous deviez y réagir, j’aurai vraiment besoin de franchise et de bienveillance.

  465. Pour le contexte: je suis arrivée hier par le train de 22h16, c’est la fin de mon itinérance démarrée le 17 juillet et conclue le 02 septembre.</p>

  466. </blockquote>

  467. 

  468. <p>J’écoute du Maitre Gims et je me pose des questions</p>

  469. 

  470. <p>Drôle de journée</p>

  471. 

  472. <p>Le retour de l’itinérance / Le rendez-vous avec la psy / Se nourrir sans en avoir aucune envie / Retrouver le chat et ses inconvénients / Se lever le matin avec le spleen / Découvrir qu’on a mégenré quelqu’un et qu’on s’en est même pas rendue compte / Chercher de l’empathie sans le formuler et ne pas en trouver / Trouver de l’empathie alors qu’on ne s’y attendait pas / Prendre la mesure de sa culpabilité, énorme / Se poser des questions sur l’itinérance</p>

  473. 

  474. <p>C’était bien l’itinérance. Genre <em>vraiment</em> bien. Bouger. Découvrir des lieux. Des personnes qui me donnent accès à leur chez eux. Qui me parlent honnêtement. Qui me livrent de l’intimité. Et puis partir. Pour en retrouver d’autres. Encore et encore et encore.</p>

  475. 

  476. <p>Et finir l’itinérance avec une discussion qui crispe.

  477. “ Oui mais bon, le faire un peu, là, ça va… Mais bon les gens, ils vont pas non plus passer leur temps à t’accueillir”</p>

  478. 

  479. <p>Entendre “tu vas les gêner ces gens, être de trop.”

  480. Entendre “tu vas pas non plus profiter indéfiniment”</p>

  481. 

  482. <p>Profiter

  483. Profiter

  484. Profiter</p>

  485. 

  486. <p>Gêner

  487. Gêner

  488. Gêner</p>

  489. 

  490. <p>La peur infinie, qui me submerge entièrement : Celle de gêner. Aucune idée de si c’est parce que je suis une meuf, habituée à ne pas devoir prendre trop de place. Si c’est un truc social, j’ai jamais été à l’aise en groupe, et ai rapidement appris à détecter qu’on me repoussait gentiment mais fermement, parce que j’étais trop bizarre ou différente.</p>

  491. 

  492. <p>Et chez moi, on ne parle pas. En même temps, chez moi, on accepte à bras ouverts n’importe qui. Jamais entendu ma mère râler contre le fait d’accueillir quelqu’un, que se soit ses amis, mes amis, mes petits amis, ponctuellement ou à plus long terme.</p>

  493. 

  494. <p>De quoi j’ai peur ?</p>

  495. 

  496. <p>De gêner. De ne pas le réaliser. De me faire rejeter. Je crois que j’ai peur de ça en fait, du rejet, qu’on n’ose pas me dire que je gêne, et que le rejet soit du coup encore plus fort.</p>

  497. 

  498. <p>Ca fait une grosse prise de tête pour rien. Mais ça fait du bien de l’écrire quand même.</p>

  499. 

  500. <p>La surprise du jour, c’est d’en avoir parlé avec ma mère. Qui trouve quand même que de ne pas avoir de chez soi c’est un peu bizarre. Ou compliqué. Qui reconnait qu’elle est très attachée aux choses. Qu’elle aimerait pouvoir me léguer des choses, me faire des cadeaux de ses voyages, pour que je puisse m’en souvenir ou en parler plus tard. Qui trouve que ça manquerait de réciprocité de ne pas pouvoir accueillir les gens chez moi. Et en même temps ne pas la sentir à l’aise avec ce terme. Et puis, l’entendre dire que dans 2 ans c’est la retraite, et qu’elle va partir elle aussi. Mais ne sais pas où. “Je veux pas me fixer, j’ai envie de bouger tu sais”. Ben oui je sais. Et de me demander dans la foulée si j’ai une idée de ce qui me pousse à bouger comme ça. Si c’est pas aussi parce que mes parents ont fait que bouger.</p>

  501. 

  502. <p>Ptet ben que oui. Jamais enchaînée à un endroit, depuis ma naissance. Impossible de trouver un chez-moi où je me sente vraiment bien.</p>

  503. 

  504. <p>Et si tout ça faisait sens ? Si le fait d’être freelance me permettait de bouger comme je l’entendais, sans demander la permission à quiconque ? Si ne jamais s’être sentie chez soi nulle part voulait juste dire que s’enraciner quelque part ce n’était pas comme ça que ça marchait pour moi ?</p>

  505. 

  506. <p>Et si j’étais faite pour ça ?</p>

  507. 

  508. <p>C’est flippant</p>

  509. 

  510. <p>De tout remettre en cause comme ça, c’est flippant.</p>

  511. 

  512. <p>Ma mère est revenue à des choses très matérielles. Ce qui était marrant, c’était qu’elle se demandait si j’allais vraiment bazarder la totalité de mes possessions, avant de préciser “même si tu as une place chez moi pour ça, bien sur”. Et ensuite, me dire qu’à terme ça lui semblait compliqué, l’itinérance. A terme ça veut dire si j’ai un gosse, un jour.</p>

  513. 

  514. <p>On manque de modèles quand même. Ce qui est marrant, c’est qu’à aucun moment l’âge ne lui a semblé être un point problématique. Les chiens ne font pas des chats à mon avis. Mais j’ai eu la chance d’avoir plusieurs modèles inspirants qui cheminent à leur façon, alors qu’elle n’a apparemment que moi pour se projeter. Pas simple cette histoire.</p>

  515. 

  516. <p>J’ai <em>tellement peur</em> de le faire pour de vrai. J’aurai l’impression de me lacher dans un grand bain plein de… requins ? (ce qui est marrant c’est que ça me fait franchement pas flipper les requins x) )</p>

  517. 

  518. <p>J’ai peur que ce que j’ai vécu cet été ne soit possible que parce que c’était éphémère. Et le pire, c’est que je n’y pensais même pas, jusqu’à ce qu’on me le dise.</p>

  519. 

  520. <p>“Oui mais bon, le faire un peu, là, ça va… Mais bon les gens, ils vont pas non plus passer leur temps à t’accueillir”</p>

  521. 

  522. <p>Ça les embêterait de me voir plus souvent ? Est-ce que 3 nuits tous les 9 mois c’est trop ? tous les ans ? tous les 2 ans alors ? Quand les personnes me disent “Tu reviens quand tu veux” est-ce que je peux vraiment les prendre au pied de la lettre ? Ou est-ce qu’elles me le disent poliment et légèrement, et l’oublient aussitôt ?</p>

  523. 

  524. <p>Est-ce que j’y attache trop d’importance ? #Zébrée</p>

  525. 

  526. <p>J’essaie de me détacher mais c’est pas facile.</p>

  527. 

  528. <p>Est-ce que je peux poser la question franchement aux personnes ? Est-ce que ça ne va pas les mettre complètement mal à l’aise ? Est-ce que je suis prête à entendre la réponse ? Est-ce que celleux qui vont me répondre ne vont pas juste le faire avec gentillesse pour ne pas me blesser, et s’oublier un peu dans l’espoir de m’apporter du soin ?</p>

  529. 

  530. <p>Ce qui est marrant (non) c’est que j’ai posé la question pour rire. “Et si je restais 2 mois ?”</p>

  531. 

  532. <p>J’ai exagéré exprès pour avoir une réaction. Quand j’y pense, c’est bien nase ça aussi. Et si je posais la question <em>simplement</em> ?</p>

  533. 

  534. <p>Je crois que j’ai trop peur d’entendre la réponse. Il faut peut-être que j’arrête de me raconter des histoires.</p>

  535. 

  536. <p>Je me dis que de toute façon, même en passant son temps en Airbnb ca vaudrait quand même le coup.</p>

  537. 

  538. <p>Alors il n’y a rien à perdre non ?</p>

  539. 

  540. <p>Mais c’était tellement précieux de passer du temps avec chacun.e que j’ai peur de perdre ça.</p>

  541. 

  542. <p>Est-ce que l’itinérance sans intimité ça vaut le coup ?</p>

  543. 

  544. <p>Je pense pas.</p>

  545. 

  546. <p>Est-ce que j’ai pas juste peur de me sentir seule ?</p>

  547. 

  548. <p>Je crois pas.</p>

  549. 

  550. <p>Aaaaaaaaah c’est siiiiii compliqué !!!!</p>

  551. 

  552. <p>Je me sens coincée.</p>

  553. 

  554. <p>Je vais commencer par me débarrasser de mes possessions. Je me sens trop encombrée, ça m’alourdit et m’empêche d’être tranquille.</p>

  555. 

  556. <p>M’améliorer à comprendre ce qu’il se passe dans ma tête.</p>

  557. 

  558. <p>Ptet faire de la self-défense pour se sentir plus à l’aise de croiser des gars.</p>

  559. 

  560. <p>Ce qui est marrant, c’est que la compatibilité être enceinte / itinérante est une des premières questions que j’ai eues.</p>

  561. 

  562. <p>Il y a des signes quand même.</p>

  563. 

  564. <p>Ptet que Thomas avait raison. Je ne m’arrêterai plus jamais.</p>

  565. 

  566. <p>Je me sens comme un lion en cage. Peut-être parce que c’est le premier jour.</p>

  567. 

  568. <p>Ou peut-être parce qu’au fur et à mesure du temps, je vais étouffer la part de moi qui veut bouger. L’anesthésier en me disant “bientôt”.</p>

  569. 

  570. <p>Je ne crois pas que je réussirai à la tuer. Et vivre l’itinérance à moitié, avec une date de fin et un retour au bercail ça ne me donne pas envie.</p>

  571. 

  572. <p>Je lisais sur Mastodon les phrases qui décrivent le contentement de retrouver son chez-soi une fois le voyage terminé. Ca ne fait pas sens pour moi.</p>

  573. 

  574. <p>Est-ce que je suis mécontente de l’avoir retrouvé ? Est-ce que je n’ai pas de chez-moi ?</p>

  575. 

  576. <p>J’en sais rien mais mon lit me donne moins envie que tous les canapés sur lesquels j’ai dormi.</p>

  577. 

  578. <p>Il y a des signes j’vous dit.</p>

  579. 

  580. <p>J’ai déjà envie de repartir.</p>

  581.   </article>

  582. </section>

  583. 

  584. 

  585. <nav id="jumpto">

  586.   <p>

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

  588.     <a href="http://www.maiwann.net/blog/nomadisme-et-questionnement/">Source originale</a> |

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

  590.   </p>

  591. </nav>

  592. 

  593. <footer>

  594.   <div>

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

  596.     <p>

  597.       Bonjour/Hi!

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

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

  600.     </p>

  601.     <p>

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

  603.     </p>

  604.     

  605.     <p>

  606.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  623.     </p>

  624.     <p>

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

  626.     </p>

  627.     <p>

  628.       Je ne traque pas ta navigation mais mon

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

  630.       conserve des logs d’accès.

  631.     </p>

  632.   </div>

  633. </footer>

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

  635.   ;(_ => {

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

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

  638.       e.preventDefault()

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

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

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

  642.     })

  643.   })()

  644. </script>