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

index.html 35KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719
  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>Leçons tirées de 6 mois d'itinérance (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://estcequecestdutravail.xyz/2018/09/joies-et-peines.html">
  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. Leçons tirées de 6 mois d'itinérance (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://estcequecestdutravail.xyz/2018/09/joies-et-peines.html">Source originale du contenu</a></h3>
  445. <p>Depuis mars, on a fait 35 étapes, principalement en France mais aussi en Angleterre (<a href="https://estcequecestdutravail.xyz/2018/03/voir-londres-et-partir.html">souvenez-vous</a>).
  446. Vous les retrouverez plus en détail sur la page “<a href="https://estcequecestdutravail.xyz/parcours/">notre parcours</a>”.</p>
  447. <p>On a eu envie de partager les remous, les apprentissages et les moments de joie. Ça nous tenait à cœur de ne pas montrer qu’une image lisse et idéalisée de l’itinérance.</p>
  448. <p>Aperçu des élans de vie et des grains de sable qui viennent se nicher dans les rouages : jamais les mêmes sinon ça ne serait pas drôle !</p>
  449. <h5 id="force-adaptabilité"><small>#force</small> Adaptabilité</h5>
  450. <p>Je me découvre plus à l’aise que je ne pensais face au changement régulier de lieu de vie/environnement. C’est moins inquiétant que ce je pensais avant de partir. Première peur déconstruite. Je peux compter sur le fait que je saurai re-créer un environnement confortable pour moi, quasiment où que j’aille.</p>
  451. <h5 id="apprentissage-trouver-les-racines-du-confort"><small>#apprentissage</small> Trouver les racines du confort</h5>
  452. <p>En changeant si régulièrement d’environnement, je me rends compte de l’importance de pouvoir accéder à une cuisine sans avoir à se faire discrets, sans avoir la sensation de déranger. Avoir une chambre avec une porte qui ferme pour pouvoir se retirer tranquillement. Un tas de petits éléments, qui, raccordés, me mettent à l’aise.
  453. Je mets aussi beaucoup d’importance et d’énergie dans le fait de trouver des produits frais et respectueux de l’environnement, d’aller rencontrer des gens qui œuvrent pour ça.</p>
  454. <blockquote>
  455. <p>On l’a appris à la dure à Bournemouth, à manger du houmous sur des craquottes (parce que pas de “pain”) six jours d’affilée avant de craquer pour un bon fish ‘n chips bien gras.</p>
  456. </blockquote>
  457. <p>Découvrir que c’est un fondement. J’ai un rapport de plaisir, de convivialité, d’émerveillement, de partage, de curiosité avec la nourriture. J’ai besoin de bonne bouffe pour m’approprier l’endroit où je suis.</p>
  458. <p><img src="https://estcequecestdutravail.xyz/images/2018-09-07-joies-et-peines/racines du confort.jpg" alt="Ca ressemblerait peut être un peu à ça"/></p>
  459. <h5 id="fierté-posséder-peu"><small>#fierté</small> Posséder peu</h5>
  460. <p>Curieusement, alors que je ne m’y attendais pas forcément, vivre avec le contenu de mon sac à dos ne me pose pas de problème au quotidien. Ce que j’ai me suffit, alors que j’imaginais que le manque serait plus apparent au jour le jour. Avec quelques affaires de rechange stockées dans un placard à un endroit où on passe régulièrement, tout roule.
  461. Ce qui peut manquer à l’occasion, ce sont des ustensiles de cuisine auxquels je suis habituée, ou des affaires de tricot ou de broderie, quand j’ai eu une idée subite et que j’aurais aimé pouvoir me lancer.</p>
  462. <p>Toutes nos possessions (deux personnes, suite à moult déménagements) dans une boîte :</p>
  463. <h5 id="insolite-trouver-des-endroits-où-travailler"><small>#insolite</small> Trouver des endroits où travailler</h5>
  464. <p>Sans avoir un recours systématique aux espaces de coworking, voire même en privilégiant des endroits qui n’en sont pas, je découvre qu’on peut se poser à peu près n’importe où (avec une connexion 3G ou 4G) et pouvoir travailler. Ça élargit le champ !</p>
  465. <p>Sélection d’endroits insolites pour travailler :</p>
  466. <p>Et notre spot préféré, cette cabane de travail avec une vue bof-bof chez Paola dans l’Ariège :</p>
  467. <p><img src="https://estcequecestdutravail.xyz/images/2018-09-07-joies-et-peines/cabane de travail.jpg" alt="Cœur cœur cette vue sur les montagnes"/></p>
  468. <h5 id="peine-rester-trop-peu-longtemps"><small>#peine</small> Rester trop peu longtemps.</h5>
  469. <p>C’est une de nos premières leçons aussi.
  470. Après le premier mois à faire des sauts de puce de 4 jours à une semaine, on se rend compte que le rythme est trop soutenu. On accumule de la fatigue et des frustrations - pas vu telle chose, pris du retard sur tel autre machin. C’est comme s’il fallait faire un choix entre s’imprégner de la ville ou avancer sur nos projets. Jongler entre les deux est un équilibre compliqué à trouver.
  471. On a peu d’occasions d’approfondir les relations. Elles mettront plus longtemps à se développer.
  472. Mais avec le temps, ça révèle les endroits où on a envie de revenir - un effet non-anticipé assez chouette.</p>
  473. <h5 id="fierté-trouver-une-solidité-intérieure"><small>#fierté</small> Trouver une solidité intérieure</h5>
  474. <p>Un truc avec le changement perpétuel, c’est que ça permet d’apprivoiser ses peurs petit à petit.
  475. Difficile de leur échapper dans ce contexte.
  476. Quand j’arrive dans un endroit nouveau et que je n’ai pas de repères, sortir explorer n’était pas nécessairement évident pour moi. J’ai appris à mieux me connaître, à savoir que pour être à l’aise je peux commencer par de petits cercles dans le quartier, puis élargir au fur et à mesure.
  477. De manière plus générale, il y a aussi l’idée même d’itinérance. Pas sûr il y a quelques années que je m’en serais sentie capable, ou même l’envie.</p>
  478. <p>Le fait que les choses changent si souvent autour de moi m’a aidée à consolider la sensation que je peux compter sur moi-même. Faire face aux imprévus. M’adapter. J’ai l’impression, graduellement, de devenir plus solide, plus ancrée en moi-même. Au lieu de culpabiliser en me disant que “je pourrais quand même être plus comme ceci ou cela”, je trouve beaucoup de force dans le fait d’accepter mon fonctionnement et mes besoins tel quels.</p>
  479. <blockquote>
  480. <p>C’est un truc d’amélioration continue.</p>
  481. </blockquote>
  482. <h5 id="difficulté-journées-destructurées"><small>#difficulté</small> Journées destructurées</h5>
  483. <p>Comme il y a peu de contraintes dans ma vie actuelle, le temps peut avoir tendance à glisser entre mes mains.
  484. Tout prend plus de temps que je ne l’anticipais. C’est à moi de fixer mes objectifs, de savoir où je veux aller. Tout en me laissant de l’espace pour expérimenter. Le décalage avec la vie environnante (rythme de travail conventionnel, semaines découpées, le week-end, etc) est plus ou moins notable selon les moments. Se lancer en indépendant•e ressemble au vertige du chômage : que faire, tant de possibilités et pourtant l’inertie peut arriver au galop.</p>
  485. <h5 id="positif-ne-pas-avoir-de-travail-crée-dautres-choses"><small>#positif</small> Ne pas avoir de travail crée d’autres choses</h5>
  486. <p>C’est l’aspect positif d’avoir cette richesse de temps.
  487. Davantage d’espace(s) pour réfléchir et expérimenter des choses que je n’aurais eu ni l’idée ni l’énergie d’explorer si je travaillais à temps plein. Ça me permet d’évoluer sur un autre plan que celui de la carrière pure. J’ai pris du recul par rapport à ma dernière expérience professionnelle, j’ai fait un travail de “guérison” sur moi-même, et gagné une bien meilleure connaissance de moi.</p>
  488. <p>J’ai appris plein de trucs, fait plein de choses pour la première fois (poser de l’enduit, partir en camping sauvage) :</p>
  489. <h5 id="joie-essaimer"><small>#joie</small> Essaimer</h5>
  490. <p>Thomas voyage avec son levain et Noémie avec son kefir de fruits. Partout où on va, on peut en produire, les partager, en offrir, expérimenter…</p>
  491. <p>Ce sont des manières parmi d’autres de faire des choses avec nos mains. Ça étonne parfois, mais surtout, ça régale tout le monde !</p>
  492. <h5 id="difficulté-équilibre-entre-le-temps-seule-et-le-temps-ensemble"><small>#difficulté</small> Équilibre entre le temps seul·e et le temps ensemble</h5>
  493. <p>Le mode par défaut, c’est qu’on est tous les deux.
  494. Il y a peu de choses qui nous mènent hors du lieu où on habite, on n’a pas de bureau. Comment trouver du temps pour soi ? C’est super agréable d’être ensemble, mais je me rends bien compte que je fais des choses différentes quand je suis seul•e.</p>
  495. <p>Je me sens libre de mes mouvements et je trouve une concentration différente. Je sens que je réfléchis différemment, en marchant, en observant les personnes des lieux où je passe.</p>
  496. <p>Nous revenons enrichi·es du temps qu’on a passé individuellement même si ça nous demande un petit effort initial, de sortir du mode par défaut.</p>
  497. <h5 id="fatigue-les-déplacements-prennent-plus-de-temps-quon-imagine"><small>#fatigue</small> Les déplacements prennent plus de temps qu’on imagine</h5>
  498. <p>La fatigue s’installe vite. Après un mois, on s’est rendu compte que les journées de déplacement étaient plus dévoreuses d’énergie qu’on ne pensait. Ce n’est pas seulement changer d’endroit, c’est aussi ranger l’espace de vie dont on part, refaire les sacs, organiser l’arrivée… Et ça, à chaque étape.</p>
  499. <p>Quelques exemples de grande gloire (siestes impromptues, couchés à 20h30, grasses matinées… et microbes):</p>
  500. <p><img src="https://estcequecestdutravail.xyz/images/2018-09-07-joies-et-peines/itineraire devant le ter.jpg" alt="Noémie la plupart du temps"/></p>
  501. <h5 id="difficulté-amplification-des-peurs"><small>#difficulté</small> Amplification des peurs</h5>
  502. <p>Le changement régulier peut amplifier des peurs plus ou moins conscientisées.
  503. Difficile d’évacuer ou de trouver un sas de décompression sans en faire profiter l’autre.</p>
  504. <h5 id="tentatives-se-nommer-se-faire-comprendre"><small>#tentatives</small> Se nommer, se faire comprendre</h5>
  505. <p>Je mène en souterrain une expérimentation sur la manière de me présenter, et de présenter notre itinérance. Trouver les bons mots pour apporter un message clair.</p>
  506. <p>Maintenant que ça fait plusieurs mois qu’on est sur la route, je présente moins systématiquement toute la démarche, j’essaie d’apporter des réponses en fonction de la disponibilité et la curiosité de nos interlocuteurs. “D’où tu viens ?” est une question qu’on nous pose sans arrêt et qui appelle une réponse courte. Comme le fameux “ça va ?”.
  507. Alors je tente des trucs. Récemment par exemple, j’ai inventé que j’habitais en Gironde ou dans la Drôme.
  508. Pour certain-es le mot “itinérant” est déstabilisant.</p>
  509. <blockquote>
  510. <p>Mais tu habites quand même quelque part ?</p>
  511. </blockquote>
  512. <p>Le travail de définition était douloureux à la base mais nécessaire. Le projet dans son idée était volontairement protéiforme, pour être suffisamment ouvert, laisser de la place à la spontanéité et l’émergence. Pas toujours évident d’expliquer ça rapidos entre deux portes.</p>
  513. <h5 id="adaptation-expérimentation-dans-la-démarche"><small>#adaptation</small> Expérimentation dans la démarche</h5>
  514. <p>Très vite, on a appris à adapter le voyage à nos besoins et nos envies. Le premier changement a été au niveau de la durée des étapes. Après ça, on a eu plusieurs conversations sur ce qui motive réellement notre mouvement.
  515. En fait les raisons sont multiples : rencontrer des gens qui font, qui expérimentent la citoyenneté, le faire/décider/être ensemble et trouver un lieu de vie qui nous ressemble.</p>
  516. <p>Et encore après ça, on a ressenti le besoin de changer dans notre manière d’organiser notre temps, nos journées.
  517. Sans cesse mouvant, le machin.</p>
  518. <h5 id="joie-retrouver-les-amies-et-les-voir-plus-souvent"><small>#joie</small> Retrouver les ami.e.s et les voir plus souvent.</h5>
  519. <p>Le fait d’être en mouvement est moins exceptionnel pour nous, ça facilite les rencontres avec des gens qu’on aime et qui n’habitent pas près de chez nous (mais c’est où chez nous ?).</p>
  520. <p>Pour certain·es, le réseau d’ami·es se concentre dans un endroit précis tandis que pour d’autres comme moi, ce sont des relations qui se sont créées au compte-goutte, dans le temps et dans l’espace.
  521. À chaque fois qu’on passe du temps ensemble, ça renforce nos liens. Il nous arrive de partager une étape avec d’autres ami·es. C’est comme partir ensemble en vacances, dans le quotidien.</p>
  522. <h5 id="joie-peine-révéler-les-points-de-friction"><small>#joie</small> <small>#peine</small> Révéler les points de friction.</h5>
  523. <p>C’est différent d’un voyage seul·e. Avoir des cycles courts surligne et révèle petit à petit ces choses triviales d’une vie sédentaire qui finissent par devenir difficiles à vivre et à gérer. Allier des habitudes de vie, des attentes, ne va pas toujours de soi.
  524. Un exemple : sur le partage de l’humeur, il y a des moments où je peux être à plat et je n’ai pas le réflexe d’en parler - l’autre personne ne s’en rend pas forcément compte.
  525. Je ressens le besoin de m’isoler pour me recharger. C’est une chose qui m’arrivait de manière inconsciente dans l’acte anodin “d’aller au travail”.</p>
  526. <p>Ça m’a appris à en prendre conscience, à mieux le détecter ainsi qu’à le formuler sans violence.</p>
  527. <h5 id="opportunité-se-connecter-aux-tissus-vivants-des-endroits-où-on-va"><small>#opportunité</small> Se connecter aux tissus vivants des endroits où on va.</h5>
  528. <p>Pouvoir proposer des actions/animations/ateliers sur des sujets qui me tiennent à cœur (écriture numérique, fabrication de pain, programmation, déconstruction de privilèges), apprendre à connaître une ville/village par son activité culturelle et associative, et tisser des liens.</p>
  529. <h5 id="joie-mieux-comprendre-ce-dont-jai-besoin-pour-vivre"><small>#joie</small> Mieux comprendre ce dont j’ai besoin pour vivre.</h5>
  530. <p>Nous expérimentons la vie du quotidien dans des endroits de densité et d’échelle différentes. Ça va du hameau de 30 habitants à la métropole millionaire. À chaque fois on remarque de nouvelles choses. J’affine mon regard et mes perceptions par le vécu.</p>
  531. <p>Un de nos apprentissages, c’est que le nombre d’habitant·es d’une agglomération n’a pas nécessairement de conséquence directe sur sa vitalité et ce qu’elle a à offrir. On a vécu des villes de 8000 habitant·es, en campagne, avec autant d’activités qu’un quartier de Bordeaux.
  532. Ça a des conséquences sur la manière dont on envisage le travail, la vie de famille et les activités associatives ou non-rémunérées.</p>
  533. <p>La diversification des lieux de vie étend notre champ de vision, et ouvre des perspectives de vie que nous n’avions pas, ou que nous idéalisions jusqu’alors. Passer dans une minoterie et discuter en achetant un sac de farine nous en apprend sur les mécaniques de distribution des céréales en France. Une étape dans une oasis révèle des modes d’organisation que nous imaginons déjà mettre en place, ailleurs.</p>
  534. <h5 id="joie-opportunité-vivre-pour-moins-cher"><small>#joie</small> <small>#opportunité</small> Vivre pour moins cher.</h5>
  535. <p>Avec un SMIC ou moins, on vit bien. Logement et transports inclus. Les dépenses varient énormément selon nos étapes.
  536. Nous mangeons moins souvent dehors et le plaisir s’en trouve augmenté.</p>
  537. <h5 id="frustration-être-dans-un-endroit-nouveau-et-du-travail-à-temps-plein"><small>#frustration</small> Être dans un endroit nouveau et du travail à temps plein.</h5>
  538. <p>La tension varie entre nos propres envies et des contraintes extérieures, des attentes extérieures. Conflit interne (“je profite du beau temps” et “il faut que j’avance”).</p>
  539. <p>Comment faire comprendre que je privilégie parfois mon bien-être dans ma relation de travail avec certaines personnes ? Comme aller marcher une après-midi où il fait beau, sur un coup de tête au lieu de programmer une fonctionnalité, urgente sur le calendrier.
  540. J’ai besoin de prendre du temps pour moi pour revenir rafraîchi, calme et disponible.</p>
  541. <blockquote>
  542. <p>En fait on pourrait être en vacances permanentes mais c’est pas le cas. Derrière, il y a l’enjeu de travailler et d’être autonome financièrement.</p>
  543. </blockquote>
  544. <h5 id="joie-le-plaisir-de-découvrir-la-richesse-des-marchés-fermiers-français"><small>#joie</small> Le plaisir de découvrir la richesse des marchés fermiers français</h5>
  545. <p>Nous avons été décontenancés par la disparition du marché d’Exmouth, en Angleterre.
  546. Nous avons à nouveau respiré après avoir franchi la Manche pour rester sur le sol français. Le marché d’une petite ville/village en France est plus grand que le marché fermier de quartier de plusieurs quartiers de Londres (<em>Angel Chapel Market</em>, <em>Stoke Newington</em>, <em>Walthamstow Central</em>).</p>
  547. <p>Retrouver le marché, c’est faire le tri entre les revendeurs et les maraîchers/producteurs/productrices, le plaisir de découvrir des produits de qualité en agriculture raisonnée, soutenir directement les productions locales, cuisiner des goûts foufous avec plaisir.</p>
  548. <p>Parmi nos favoris : Crest (à même les rues et ruelles), Saint Brieuc (part belle aux maraîchers et producteurs), Mirepoix, Foix (et ses deux halles couvertes), Sète (et la halle, malgré le peu de producteurs), Marseille (cours Julien, friche de la Belle de Mai), Lyon (Croix Rousse).</p>
  549. <h5 id="joiedévelopper-notre-vie"><small>#joie</small>Développer notre vie</h5>
  550. <p>On se dit déjà que ce moment de vie, cette itinérance, ça sera une fierté à raconter à nos enfants.</p>
  551. <p>Est-ce que c’est ce que vivent des personnes qui se (re)trouvent à la retraite, à se fréquenter à la maison toute la journée ?</p>
  552. <p>Nous apprenons à marcher ensemble, à s’écouter et (dé)construire des schémas de fonctionnement qui ne nous ressemblent pas.</p>
  553. <h5 id="peine-des-incompréhensions-parfois-dans-le-cercle-familial"><small>#peine</small> Des incompréhensions, parfois, dans le cercle familial</h5>
  554. <p>Certaines personnes de notre cercle familial peinent à comprendre la démarche, ce qu’on y trouve et ce que ça nous procure. Elles s’arrêtent peut-être à leurs propres peurs, à leurs attentes et au rejet d’un mode de vie moins conventionnel, moins socialement normé.</p>
  555. <h4 id="et-ensuite-">Et ensuite ?</h4>
  556. <p>Cet automne, nous avons prévu d’aller à Londres (Noémie) et à Gêne (Thomas) avant de se retrouver à Bordeaux – explorer le Tiers-Lieu de Bègles, le Quartier Génial de Floirac – se rendre à Lyon puis prolonger l’expérience de la Drôme à Beaufort-sur-Gervanne (🤞 pour peut-être <a href="http://www.painsdebeaufort.com">faire du pain avec leurs boulangèr·es</a>), peut-être Rouen, peut-être Rennes, peut-être les Pyrénées, surement Crest, à nouveau.</p>
  557. <p>Au plaisir d’échanger là-dessus si ça vous interpelle, comme par exemple, le <a href="https://estcequecestdutravail.xyz/2018/09/atelier-cite-fertile.html">samedi 15 septembre à la Cité Fertile de Pantin</a>, de vive voix ou par e-mail 👇💌.</p>
  558. </article>
  559. </section>
  560. <nav id="jumpto">
  561. <p>
  562. <a href="/david/blog/">Accueil du blog</a> |
  563. <a href="https://estcequecestdutravail.xyz/2018/09/joies-et-peines.html">Source originale</a> |
  564. <a href="/david/stream/2019/">Accueil du flux</a>
  565. </p>
  566. </nav>
  567. <footer>
  568. <div>
  569. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  570. <p>
  571. Bonjour/Hi!
  572. 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>
  573. 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>).
  574. </p>
  575. <p>
  576. 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>.
  577. </p>
  578. <p>
  579. Voici quelques articles choisis :
  580. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  581. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  582. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  583. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  584. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  585. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  586. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  587. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  588. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  589. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  590. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  591. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  592. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  593. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  594. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  595. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  596. </p>
  597. <p>
  598. 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>.
  599. </p>
  600. <p>
  601. Je ne traque pas ta navigation mais mon
  602. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  603. conserve des logs d’accès.
  604. </p>
  605. </div>
  606. </footer>
  607. <script type="text/javascript">
  608. ;(_ => {
  609. const jumper = document.getElementById('jumper')
  610. jumper.addEventListener('click', e => {
  611. e.preventDefault()
  612. const anchor = e.target.getAttribute('href')
  613. const targetEl = document.getElementById(anchor.substring(1))
  614. targetEl.scrollIntoView({behavior: 'smooth'})
  615. })
  616. })()
  617. </script>