A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 34KB

5 yıl önce
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703
  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>Comment l'itinérance a mis notre relation à l'épreuve (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/2019/07/weathers-of-the-heart.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. Comment l'itinérance a mis notre relation à l'épreuve (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/2019/07/weathers-of-the-heart.html">Source originale du contenu</a></h3>
  445. <blockquote>
  446. <p>If we think of love as a feeling we tend to expect it to always feel good, a view that is self-focused + unrealistic. If we think of love as an action, we make room for the range of feelings that relationship involves, including disappointment, anger + frustration.<br/>
  447. <a href="https://twitter.com/thejessicadore/status/1146047702058381313">Jessica Dore</a></p>
  448. </blockquote>
  449. <p>Depuis la fin de notre itinérance et le début de notre ancrage à Crest, plusieurs personnes sont venues prendre des nouvelles, demander comment ça allait, en disant : « si je m’en tiens à tes photos ça a l’air génial ! »<br/>
  450. À un moment où, en réalité, je traversais une période très difficile. Cet énorme décalage avec mon ressenti m’a fait un choc. Comme si j’avais trahi quelque chose qui me tenait beaucoup à cœur : être transparente sur les aspects difficiles de l’itinérance, ne pas en arrondir les angles pour présenter une version lisse, “acceptable” ou facile à fantasmer. Véhiculer des imaginaires creux, ça ne m’intéresse pas. Où était passée la ruguosité de nos expériences ?</p>
  451. <p>Je pense qu’on était au plus proche de cette intention de discours nuancé et fidèle à notre vécu quand on a écrit <a href="https://estcequecestdutravail.xyz/2018/09/joies-et-peines.html">nos joies et nos peines</a> à mi-parcours.</p>
  452. <p>Au-delà de ça, j’ai pris conscience que mes réseaux sociaux (et dans une certaine mesure la newsletter) proposaient des updates de la vie douce par facilité.<br/>
  453. Parce que la difficulté et la tristesse nécessitent plus de recul, parce qu’il faut attendre qu’un peu de clarté se dégage. Et sans doute aussi par pudeur : ce sont des parts qui touchent de près une intimité qui n’a pas forcément vocation à être dévoilée.<br/>
  454. Équilibre difficile à atteindre.</p>
  455. <p>Alors j’ai voulu raconter combien l’itinérance nous a mis à l’épreuve à la fois individuellement et dans notre relation.
  456. Comment on a tâtonné, quelles pistes on a trouvé, et comment on a bricolé des outils qui nous ont apporté un peu d’aide en chemin.</p>
  457. <h3 id="secouer-les-structures-de-stabilité">Secouer les structures de stabilité</h3>
  458. <p>Je ne compte plus le nombre de fois où on m’a parlé de <a href="https://fr.wikipedia.org/wiki/Pyramide_des_besoins#cite_note-2">la pyramide de Maslow</a>.</p>
  459. <p>Je me souviens avoir entendu quelqu’un dire que le changement provoque des réactions régressives, comme des mécanismes de défense. Des choses qu’on n’aurait pas forcément faites si on ne s’était pas senti.e en insécurité.</p>
  460. <p>Il faut dire qu’on a cumulé :</p>
  461. <ul>
  462. <li>Ne pas avoir de logement qui serve d’ancre a chamboulé bien plus de choses qu’on ne l’imaginait au départ.</li>
  463. <li>Trimballer ses affaires de maison en maison toutes les semaines pendant un an, c’est parfois super, et parfois terriblement éprouvant.</li>
  464. <li>Vous vous souvenez d’une période de chômage, où vous vous sentiez déboussolé.e à la suite de journées déstructurées et sans l’injonction du “je dois aller au boulot” ? L’itinérance, c’est un peu comme ça, mais cette fois-ci on jouait à deux.</li>
  465. <li>Parce qu’il est un peu doux-dingue, Thomas s’est dit que ça serait un super moment pour terminer son livre. L’écriture étant un exercice-souffrance exemplaire.</li>
  466. <li>Soyons clair.es, dans l’itinérance, une des seules constantes c’est d’être à deux… Quelle place alors pour le temps seul.e ? Comment l’organiser ?</li>
  467. </ul>
  468. <h3 id="dès-le-deuxième-mois-on-a-une-conversation-qui-ressemble-fort-à-une-crise-et-qui-va-durer-huit-mois">Dès le deuxième mois, on a une conversation qui ressemble fort à une crise, et qui va durer huit mois</h3>
  469. <p>Bien sûr, la quête d’un nouveau lieu de vie, c’est à la fois un projet extraordinaire et totalement vertigineux : une des réponses à l’itinérance aurait tout à fait pu être une séparation.<br/>
  470. Mais il se produit un truc, un lien qu’on ne veut pas lâcher.<br/>
  471. Alors comment faire pour gérer nos besoins, nos peurs, nos problèmes de communication ?</p>
  472. <p>Un jour, je suis tombée sur l’article <a href="https://medium.com/@alannallama/running-agile-scrum-on-our-relationship-9b2085c5d747">Running Agile Scrum on our Relationship</a>.<br/>
  473. Qu’est-ce que c’est ?</p>
  474. <blockquote>
  475. <p>My partner and I are process nerds. Most projects we’re involved in use Agile, and it’s a set of tools and vocabulary we already share. We thought, why not run it on our relationship?<br/>
  476. In Agile Scrum development, a sprint is a set period of time during which specific work is completed and made ready for review. […] Continuous improvement is mainly achieved through Retrospectives, where the team reviews what happened during the sprint: what worked, what didn’t, and what could be improved.</p>
  477. </blockquote>
  478. <p>Peut être qu’on est des process nerds. En tous cas, nos vies personnelles et professionnelles se nourrissent l’une de l’autre, c’est aussi pour ça que notre blog s’appelle comme ça. Ça commence à faire un bail qu’on traîne dans des évènements professionnels qui parlent de la nécessité de vivre ses émotions. Et quel chantier.</p>
  479. <h3 id="on-a-commencé-à-se-donner-rendez-vous-pour-parler-de-nous">On a commencé à se donner rendez-vous pour parler de nous</h3>
  480. <p>En fait, on s’en fout du mot qu’on met dessus. Appeler ça “rétrospective” ou appeler ça autrement n’a aucune importance. Ce qui compte, ce sont ces moments où on sait qu’on passe du temps uniquement à prendre soin de nous et de notre relation.
  481. On a grandi dans des contextes qui nous ont appris à nous couper de nos émotions et à taire nos besoins, comment est-ce qu’on s’en défait ? Comment est-ce qu’on ré-apprend ensemble ?<br/>
  482. Et pourquoi est-ce qu’un rendez-vous apporterait quelque chose de différent ?</p>
  483. <p>Pour nous, ça a été l’occasion d’aborder des choses qu’on gardait pour nous, ne sachant pas quand ou comment les aborder. Les petites blessures qu’on pensait trop insignifiantes pour revenir dessus (mais qui alimentent la rancœur et globalement qui nous pourrissent la vie à petit feu), comme les gros trucs qu’on n’osait pas dire, qu’on n’osait pas avouer.<br/>
  484. L’accumulation, le secret et le manque de considération, cancers du quotidien.</p>
  485. <p>Les formats que je propose plus bas, je les ai adaptés de ce que j’ai trouvé soit <a href="https://retromat.org/fr/?id=2-33-20-48-16">ici</a>, soit <a href="https://gamestorming.com/">là</a>, soit dans mon cerveau.<br/>
  486. À vous de picorer et voir ce qui vous paraît le plus adapté à votre singularité et celle de votre relation, le but étant de ne rien forcer, de ne rien ériger en règle. Mieux vaut bricoler les formats qui nous conviennent et dans lesquels on peut se sentir le plus fidèle à soi. If this isn’t your jam, make your own.</p>
  487. <p><img src="/images/2019-07-07-weathers-of-the-heart/retro chat suisse.jpg" alt="Le cadre, c'est important"/>
  488. Soigner le cadre, c’est important.</p>
  489. <p>NB : j’écris cet article dans le contexte d’une relation monogame (mot affreux mais passons). Les relations ouvertes et/ou polyamoureuses ont exploré la sécurité affective depuis bien longtemps et ont certainement des manières super intéressantes d’aborder ce sujet. A voir si certaines sections de ces propositions peuvent s’adapter ou non à des participant.es multiples.</p>
  490. <h5 id="ouverture">Ouverture</h5>
  491. <p>• <strong>Météo</strong><br/>
  492. Grand classique. Tour rapide de parole pour dire comment chacun.e se sent : fatigué, débordant.e d’énergie, nerveux, serein.e…</p>
  493. <p>• <strong>Souvenirs de la dernière rétro.<br/>
  494. Comment se sent-on depuis ? Qu’est-ce qui a changé ?</strong></p>
  495. <h5 id="réparer">Réparer</h5>
  496. <p>• <strong>Merci</strong><br/>
  497. Je vous mets au défi de demander aux personnes autour de vous si elles sentent qu’elles reçoivent assez reconnaissance pour les efforts, l’attentions, le travail qu’elles fournissent. C’est le moment de se plonger dans la gratitude pour se remercier - de choses profondes ou de celles du quotidien.</p>
  498. <p>• <strong>Je te présente mes excuses pour…</strong><br/>
  499. L’occasion de formuler (ou de réitérer !) des excuses. Parfois, ce n’est pas évident de demander pardon, surtout sur le moment. Mises bout à bout, ces petites et grandes blessures s’accumulent, et finissent par peser lourd dans nos interactions au quotidien, qu’on en soit conscient.es ou non. C’est le moment de verbaliser le problème, quelle que soit l’échelle, de partager sa version et recevoir ce dont on a besoin pour dépasser la chose.</p>
  500. <h5 id="prendre-du-recul">Prendre du recul</h5>
  501. <p>• <strong>4 Ls - Loved, Learned, Lacked, Longed for</strong><br/>
  502. Retour sur le mois qui vient de passer.<br/>
  503. Qu’avez-vous aimé, appris, qu’est-ce qui vous a manqué, qu’auriez-vous aimé avoir ou recevoir ?</p>
  504. <p>• <strong>La boîte à relation (j’enlève, j’ajoute) ou ‘The hopes &amp; fears box’</strong><br/>
  505. Crée un cadre de partage pour parler d’un truc qui vous dérange ou qui vous manque, mais vous n’aviez pas réussi à trouver un bon moment pour l’aborder. Explicitez vos besoins, observez les points communs et la manière dont les expériences et les demandes diffèrent l’une de l’autre.</p>
  506. <p>• <strong>Les chantiers du moment (pour toi, pour moi)</strong><br/>
  507. On ne prend pas toujours le temps de parler aux autres de ce qui se passe à l’intérieur de soi. Quelles réflexions nous habitent, qu’est-ce qu’on a réalisé récemment, qu’est-ce qu’on essaie consciemment de changer en ce moment, quelles difficultés est-ce qu’on traverse ?</p>
  508. <h5 id="dé-centrer-son-regard-comprendre-ce-que-traverse-lautre">Dé-centrer son regard, comprendre ce que traverse l’autre</h5>
  509. <p>• <strong>Drawing together</strong><br/>
  510. Dessiner sa compréhension de sa propre trajectoire / celle de l’autre / celle de la relation sur un temps récent. Partager et voir combien les versions se recoupent… ou non. Ça permet de voir sur quoi chacun.e met l’accent.</p>
  511. <p>• <strong>Où sommes-nous maintenant / où allons-nous ensemble ?</strong><br/>
  512. On sera où à la saison prochaine ? L’année prochaine ?<br/>
  513. On peut imaginer des versions idéales ou des versions réalistes de cet exercice qui sert à se projeter et à clarifier ses intentions.</p>
  514. <p>• <strong>Nos récits intérieurs : quelles ont été nos crises ? Quels étaient nos plus beaux moments ?</strong><br/>
  515. Comment est-ce qu’on se raconte ? Les réponses divergentes vont probablement soulever des sujets à approfondir.</p>
  516. <p>• <strong>Tell me something I don’t know</strong><br/>
  517. On n’extériorise jamais autant qu’on ne pense.</p>
  518. <p>• <strong>L’écoute en silence</strong><br/>
  519. A faire à tour de rôle. Quand on est en échange “ping-pong”, c’est la meilleure recette pour rentrer dans la surenchère des besoins et des blessures.<br/>
  520. Pour s’assurer qu’une personne se sente comprise, entendue, accueillie, l’autre lui propose un temps d’écoute ininterrompu.<br/>
  521. Si on est en posture d’écoute, qu’on voudrait reparler de certaines choses ou poser des questions après mais qu’on a peur d’oublier : il suffit de se munir d’un papier ou d’un carnet (qui peut aussi servir à prendre des notes pour revenir à ce qui s’est dit et/ou se remettre en question par la suite).</p>
  522. <p>• <strong>Le temps des questions (que je te pose, que je voudrais que tu me poses)</strong></p>
  523. <h5 id="conclure">Conclure</h5>
  524. <p>• <strong>Demain, tu fais quoi pour te faire du bien ?</strong><br/>
  525. • <strong>On se revoit quand ?</strong><br/>
  526. • <strong>Qu’est-ce qu’on met en place, concrètement ? Individuellement et dans la relation ?</strong><br/>
  527. • <strong>Comment est-ce que je peux te soutenir ? Comment puis-je mieux respecter mes propres besoins ? (concrètement, dans le mois à venir)</strong> (première question tirée du <a href="https://loomio.coop/stewarding.html">principe de “stewarding” chez Loomio</a>)<br/>
  528. • <strong>Écrire ou dessiner ce qui nous a le plus touché, ce qu’on a appris</strong></p>
  529. <p>Pour consigner ça quelque part et pouvoir y revenir si besoin, je documente ça (avec un outil qu’on maîtrise tous les deux) :</p>
  530. <p><img src="/images/2019-07-07-weathers-of-the-heart/Repo retro.png" alt="Documentation nerds too"/></p>
  531. <h4 id="labour-of-love">Labour of love</h4>
  532. <p>Est-ce que c’est du travail ? Oui.<br/>
  533. <a href="https://emmaclit.com/2017/05/09/repartition-des-taches-hommes-femmes/">Une BD a popularisé la notion de charge mentale</a> en France, et on commence à se réchauffer à l’idée qu’il existe une charge émotionnelle bien spécifique à celle d’un couple hétéro.<br/>
  534. C’est utile de se demander qui fait le travail émotionnel dans le groupe ?<br/>
  535. Qui investit son temps dans le fait de déconstruire et comprendre ce qui se passe ? Qui fait le travail d’introspection pour pouvoir mieux créer des passerelles ?<br/>
  536. Est-ce que c’est déséquilibré ? Est-ce que c’est super-genré ?<br/>
  537. La plupart du temps la réponse est oui, parce que qu’on est humains, que c’est le bordel, que c’est le reflet de notre société hétéro-patriarcale et qu’on ne peut pas tout maîtriser consciemment.</p>
  538. <p>Personnellement, j’ai ressenti un énorme besoin de poser ces questions et de regarder les réponses en face (même celles qui me déplaisent profondément, comme celles qui concernent la dépendance affective et ma responsabilité dans ces schémas, au hasard). L’idée c’est de s’accompagner dans nos remises en question et d’ajuster la trajectoire.<br/>
  539. D’essayer de préserver le temps de la cicatrisation.</p>
  540. <p>Ce qu’on découvre, au terme de l’itinérance, c’est qu’elle n’a agi qu’en accélératrice et révélatrice de tendances qui étaient déjà présentes en nous, déjà en jeu dans la relation.<br/>
  541. Au-delà des questions de surface, ou même de relation, on a commencé à toucher à des principes fondateurs de nos identités, aux choses qui se répètent malgré nous, malgré nos efforts conscients.</p>
  542. <p>Les deux années qui viennent de passer ont probablement été à proportion égale les plus riches et les plus éprouvantes de ma vie. J’ai suivi ma boussole, je me suis remise en question, j’ai été invitée à / obligée de regarder des choses de moi que je ne connaissais pas. On m’a offert un autre regard, je suis passée par plusieurs prises de conscience d’une intensité que je ne soupçonnais pas.<br/>
  543. Regarder ces choses-là en face, même si c’est douloureux, me fait faire d’immenses pas dans la compréhension de moi-même. <br/>
  544. Maintenant j’ai besoin de sérénité, de repos, de racines, de clarté. De temps pour célébrer (mon courage, ma force, ma fatigue, ma prise de risque, mes apprentissages, ma détermination).</p>
  545. <hr/>
  546. <p>Article écrit en écoutant beaucoup 🎧 Herizen - <em><a href="https://www.deezer.com/us/track/565850072?">Do What You Want To</a><br/>
  547. “Sometimes it feels like it is all bad, but it gets better”</em><br/>
  548. et période influencée grandement par Adrienne Maree Brown, son livre 📚 <em><a href="https://www.akpress.org/pleasure-activism.html">Pleasure Activism</a></em> et sa question “Who taught you to feel good ?”</p>
  549. <h4 id="-la-recette-de-larticle-">✐ la recette de l’article ✐</h4>
  550. <p>Certains d’entre vous ont demandé comment on faisait pour tenir ce blog à deux.<br/>
  551. C’est loin d’être évident. L’exercice de l’écriture est difficile en soi, à deux n’en parlons pas. (Même si on a développé quelques méthodes pour nos articles co-écrits).<br/>
  552. Il faut que chacun.e soit disponible sur un temps donné. Pas évident quand on jongle entre plusieurs projets à la fois, comme c’est le cas pour nous. <br/>
  553. Parfois, on a volontairement publié des articles co-signés et écrits à la première personne pour que nos ressentis se mêlent sans qu’il soit forcément nécessaire de retracer à qui appartient telle ou telle expérience.</p>
  554. <p><strong>Alors comment a-t-on fait cette fois-ci ?</strong> <br/>
  555. D’abord, j’écris la trame de l’article en partant de la base de nos formats de rétrospective : c’est la matière première de mon brouillon.<br/>
  556. Ensuite, je passe du temps à l’augmenter : je travaille à clarifier mon intention et donner une direction claire à l’article dans l’introduction. Je décris les enjeux de manière plus étoffée, je contextualise mon cheminement, pourquoi je trouve ça intéressant de partager, je conclus avec quelques constats. <br/>
  557. Lorsque je me sens satisfaite (ça m’a souvent pris déjà beaucoup de temps, de ré-écriture, de maturation), je montre l’article à Thomas, on le lit ensemble.</p>
  558. <p>Ça m’aide à :</p>
  559. <ul>
  560. <li><strong>Prendre du recul</strong>.<br/>
  561. En général, j’ai passé beaucoup de temps à écrire, j’ai le nez dedans, et à ce stade j’en ai souvent un peu marre, j’ai juste envie de publier pour que ce soit fait. Mais cette deuxième lecture m’apporte toujours. C’est comme si j’arrivais moi-même à porter un nouveau regard sur ce que j’ai écrit, rien que parce que je le soumet à une autre paire d’yeux.</li>
  562. <li><strong>Intégrer : des conseils, des ressentis, des perspectives</strong><br/>
  563. Ça permet de faire des rebonds qui enrichissent la première version. On finit toujours par avoir des discussions géniales à la clé qui alimentent le contenu : d’ailleurs on retient rarement les mêmes choses d’une expérience partagée.</li>
  564. </ul>
  565. <p>Je prends des notes, je change, j’ajoute tout un tas de choses.<br/>
  566. Et à partir de là, on est en bonne voie pour la publication.
  567. C’est comme ça qu’on a fonctionné, la plupart du temps, pour nos articles passés !</p>
  568. </article>
  569. </section>
  570. <nav id="jumpto">
  571. <p>
  572. <a href="/david/blog/">Accueil du blog</a> |
  573. <a href="https://estcequecestdutravail.xyz/2019/07/weathers-of-the-heart.html">Source originale</a> |
  574. <a href="/david/stream/2019/">Accueil du flux</a>
  575. </p>
  576. </nav>
  577. <footer>
  578. <div>
  579. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  580. <p>
  581. Bonjour/Hi!
  582. 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>
  583. 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>).
  584. </p>
  585. <p>
  586. 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>.
  587. </p>
  588. <p>
  589. Voici quelques articles choisis :
  590. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  591. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  592. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  593. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  594. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  595. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  596. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  597. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  598. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  599. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  600. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  601. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  602. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  603. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  604. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  605. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  606. </p>
  607. <p>
  608. 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>.
  609. </p>
  610. <p>
  611. Je ne traque pas ta navigation mais mon
  612. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  613. conserve des logs d’accès.
  614. </p>
  615. </div>
  616. </footer>
  617. <script type="text/javascript">
  618. ;(_ => {
  619. const jumper = document.getElementById('jumper')
  620. jumper.addEventListener('click', e => {
  621. e.preventDefault()
  622. const anchor = e.target.getAttribute('href')
  623. const targetEl = document.getElementById(anchor.substring(1))
  624. targetEl.scrollIntoView({behavior: 'smooth'})
  625. })
  626. })()
  627. </script>