davidbgk
/
larlet-fr-david-cache
ウォッチ 1
スター 0
フォーク 0
コード リリース 0 アクティビティ
A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
314 コミット
1 ブランチ
ツリー: e9ef5f47dd
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'e9ef5f47dd' から
${ noResults }
larlet-fr-david-cache/cache/5d13082f8cfede0780c75f9fd33.../index.html

index.html 25KB
Raw Blame 履歴

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655 
  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>An unconference in trains to grow your professional nomadic practices. (archive) — David Larlet</title>

  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->

  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">

  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">

  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">

  17. <link rel="manifest" href="/manifest.json">

  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">

  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">

  20. <meta name="apple-mobile-web-app-title" content="David Larlet">

  21. <meta name="application-name" content="David Larlet">

  22. <meta name="msapplication-TileColor" content="#da532c">

  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">

  24. <meta name="theme-color" content="#f0f0ea">

  25. <!-- That good ol' feed, subscribe :p. -->

  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  27. 

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

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

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

  31.   <link rel="canonical" href="https://nomadconf.org/fr/canada-2018">

  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.   An unconference in trains to grow your professional nomadic practices. (archive)

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

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="https://nomadconf.org/fr/canada-2018">Source originale du contenu</a></h3>

  463.     <p>Les NomadConfs sont des non-conférences <a href="conference-nomade">nomades</a> pour grandir dans ses pratiques professionnelles en situation de nomadisme… et pour passer un bon moment entre coworking éphémère en train et rencontre de communautés locales ! Cette édition aura lieu au Canada dans la première quinzaine de novembre 2018 et est organisée par Clémentine Hahn et Matti Schneider.</p>

  464. 

  465. <p><img src="https://nomadconf.org/img/canada-2018/station.jpg" alt="Gare d'Ottawa"/></p>

  466. 

  467. <h2 id="quand-ralentir-nous-permet-daller-plus-vite-plus-loin-ou-simplement-ailleurs">Quand ralentir nous permet d’aller plus vite, plus loin… ou simplement ailleurs ?</h2>

  468. 

  469. <p>Pour cette édition, nous souhaitons explorer le rapport au temps et à la productivité. Les méthodes agiles et lean recommandent de bouger vite (et de casser des choses). Produire vite. Tester vite.</p>

  470. 

  471. <p>Mais pourquoi ? Aller vite est-il devenu un but en soi ?</p>

  472. 

  473. <p>L’adoption généralisée de ces pratiques mène à les appliquer à tous types de problèmes, notamment dans le design de services, de services publics, de systèmes ancrés durablement dans la vie d’usagers voire dans la société. Mais peut-on réellement approcher ce type de système sans avoir conscience du temps long ? Et peut-on faire cela en étant soi-même dans la précipitation ? Puisqu’il faut changer sa spatialité (« sortir du bâtiment ») pour bien comprendre les problèmes que nous cherchons à résoudre, alors pourquoi ne pas changer aussi notre temporalité ?</p>

  474. 

  475. <p>Sans revenir au cycle en V, il s’agit de questionner les pratiques agiles et lean pour <strong>identifier les occasions où nous présageons à tort que le fait d’aller vite aurait une vertu intrinsèque</strong>.</p>

  476. 

  477. <h2 id="linvitation">L’invitation</h2>

  478. 

  479. <p><strong>Chaque personne apporte un sujet qui la travaille, et qui est suffisamment complexe pour mériter d’y consacrer quelques jours.</strong> Un sujet où l’on sent que notre approche habituelle n’est peut-être pas la meilleure est le plus pertinent. Ce sujet peut être technique (une architecture logicielle à reconstruire…), organisationnel (les limites d’une équipe fragilisée…), professionnel (un changement de carrière…), philosophique (un mode de vie à adopter…) ; peu importe tant qu’il est suffisamment précis pour qu’une avancée puisse être mesurable, suffisamment important pour souhaiter y réfléchir et travailler seul·e plusieurs heures, et suffisamment compréhensible pour pouvoir recevoir de l’aide.</p>

  480. 

  481. <p>Nous chercherons individuellement et collectivement à identifier les moments où nous mélangeons fin et moyens, dans l’objectif de retrouver une capacité d’usage du temps long. Pour cela, nous exploiterons une double mise en situation permise par la mobilité douce :</p>

  482. 

  483. <ul>

  484.   <li>D’une part, en travaillant sur des sujets habituels dans une situation inhabituelle, en créant un espace de télétravail éphémère dans le train. Ce changement de contraintes cognitives (moins d’interruptions, un paysage changeant, moins de connectivité, un espace partagé…) modifie notre rapport aux problèmes que nous cherchons à résoudre.</li>

  485.   <li>D’autre part, en échangeant sur ces changements cognitifs avec d’autres personnes qui les vivent également, et qui en auront une expérience et une interprétation variées.</li>

  486. </ul>

  487. 

  488. <h2 id="proposition-1-la-transcontinentale">Proposition 1 : <em>la Transcontinentale</em></h2>

  489. 

  490. <p>Du samedi 10 au dimanche 18 novembre 2018, de Toronto à Vancouver : 2 segments / 8 jours / 2200 CA$.

  491. <em>Ce tarif est trop élevé ? Vous pouvez demander une subvention, ou voyager en siège inclinable plutôt qu’en couchette, pour un total de 900 CA$.</em></p>

  492. 

  493. <p><img src="https://nomadconf.org/img/canada-2018/transcanadian.jpg" alt="Train in the rockies"/></p>

  494. 

  495. <h3 id="départ-toronto">Départ : Toronto</h3>

  496. 

  497. <p>Rendez-vous dans un restaurant proche de la gare à 19h30. On se rencontre autour d’un dîner pour se découvrir et définir les attentes de chacun·e·s.</p>

  498. 

  499. <h3 id="segment-1-toronto-winnipeg">Segment 1 : Toronto – Winnipeg</h3>

  500. 

  501. <ul>

  502.   <li>Horaire de départ : samedi 10 novembre à 22h00</li>

  503.   <li>Horaire d’arrivée : lundi 12 novembre à 8h00</li>

  504.   <li>Durée : 1j 11h</li>

  505. </ul>

  506. 

  507. <p>Programme :</p>

  508. 

  509. <ul>

  510.   <li>Nuit en couchettes.</li>

  511.   <li>Au réveil, petit-déjeuner dans le wagon restaurant, on présente les sujets que chaque personne a apporté en admirant les paysages.</li>

  512.   <li>On travaille en binômes pendant quelques heures en alternant les sujets et les binômes. Support par les pairs pour apprendre à travailler dans ce contexte.</li>

  513.   <li>Partage et rétrospective de ce premier temps à l’occasion du déjeuner.</li>

  514.   <li>Temps de travail individuel (ou en binôme si certains binômes le souhaitent).</li>

  515.   <li>Temps de rencontre : dans la voiture restaurant, chaque binôme dîne avec d’autres voyageurs qui ne font pas partie du groupe.</li>

  516.   <li>Partage et rétrospective de ce second temps en admirant les paysages puis le ciel dans la voiture d’observation.</li>

  517.   <li>Nuit en couchettes.</li>

  518. </ul>

  519. 

  520. <p>Tout au long du trajet, plusieurs arrêts intermédiaires permettent de s’aérer.</p>

  521. 

  522. <h3 id="étape-1-winnipeg">Étape 1 : Winnipeg</h3>

  523. 

  524. <p>Trois jours à Winnipeg, en plein milieu du continent. Les températures seront comprises entre 0°C et -10°C, avec un début de couverture neigeuse.</p>

  525. 

  526. <p>Logement dans un loft avec espace partagé pour cuisiner et travailler. Visite du <a href="https://humanrights.ca">musée des droits de la personne</a>. <em>Travail depuis l’espace <a href="https://www.northforge.ca">NorthForge</a> et rencontre d’entrepreneurs locaux (en cours de confirmation).</em> Deux demi-journées de randonnée pour s’aérer, s’activer, et explorer une autre forme de mobilité douce.</p>

  527. 

  528. <p>Avec l’expérience du premier segment, le groupe définit collectivement les expériences à mener pour le deuxième segment.</p>

  529. 

  530. <h3 id="segment-2-winnipeg-vancouver">Segment 2 : Winnipeg – Vancouver</h3>

  531. 

  532. <ul>

  533.   <li>Horaire de départ : jeudi 15 novembre à 10h00</li>

  534.   <li>Horaire d’arrivée : samedi 17 novembre à 18h00</li>

  535.   <li>Durée : 2j 10h</li>

  536. </ul>

  537. 

  538. <p>Programme : les participant·e·s appliquent le programme qui a été défini pendant la première étape.</p>

  539. 

  540. <p>Tout au long du trajet, plusieurs arrêts intermédiaires permettent de s’aérer.</p>

  541. 

  542. <h3 id="arrivée-vancouver">Arrivée : Vancouver</h3>

  543. 

  544. <p>Clôture : marche de découverte de la ville en soirée, rétrospective sur la semaine.</p>

  545. 

  546. <p>Possibilité de prolonger le temps à Vancouver à la liberté du groupe.</p>

  547. 

  548. <h2 id="proposition-2-le-corridor">Proposition 2 : <em>le Corridor</em></h2>

  549. 

  550. <p>Le weekend du 10 et 11 novembre, aller-retour entre Montréal et Toronto : 2 segments / 2 jours / 250 CA$.</p>

  551. 

  552. <p><img src="https://nomadconf.org/img/canada-2018/corridor.jpg" alt="Quai d'Ottawa"/></p>

  553. 

  554. <h3 id="étape-1-montréal">Étape 1 : Montréal</h3>

  555. 

  556. <p>Samedi 10 novembre à 8h00, rencontre des participants à la gare. Petit déjeuner pour se rencontrer.</p>

  557. 

  558. <h3 id="segment-1-montréaltoronto">Segment 1 : Montréal – Toronto</h3>

  559. 

  560. <ul>

  561.   <li>Horaire de départ : samedi 10 novembre à 09:00.</li>

  562.   <li><em>Possibilité de rejoindre à Ottawa</em> : arrêt en gare de 11:04 à 11:40.</li>

  563.   <li>Horaire d’arrivée : samedi 10 novembre à 16:03.</li>

  564.   <li>Durée : 7h 3m</li>

  565. </ul>

  566. 

  567. <p>Discussions et retours d’expérience autour du thème « questionner les pratiques agiles pour identifier les occasions où nous présageons à tort que le fait d’aller vite aurait une vertu intrinsèque ».</p>

  568. 

  569. <h3 id="étape-2-toronto">Étape 2 : Toronto</h3>

  570. 

  571. <ul>

  572.   <li>Découverte de la ville à pied fin de journée et soirée.</li>

  573.   <li>Rétrospective de nos échanges de la journée.</li>

  574. </ul>

  575. 

  576. <p>Nuit à Toronto dans un logement partagé.</p>

  577. 

  578. <h3 id="segment-2-torontomontréal">Segment 2 : Toronto – Montréal</h3>

  579. 

  580. <ul>

  581.   <li>Horaire de départ : dimanche 11 novembre à 10:45</li>

  582.   <li>Correspondance à Ottawa : de 15:02 à 16:10</li>

  583.   <li>Horaire d’arrivée : dimanche 11 novembre à 18:05</li>

  584.   <li>Thèmes abordés :</li>

  585. </ul>

  586. 

  587. <h3 id="étape-3--montréal">Étape 3 : Montréal</h3>

  588. 

  589. <p>Clôture : bilan des deux jours et hypothèses pour les prochains pas.</p>

  590. 

  591. <h4 id="préinscrivez-vous-ici-jusquau-6-octobre-ne-tardez-pas-3"><a href="https://mattischneider.typeform.com/to/hoM1wk">Préinscrivez-vous ici</a> jusqu’au 6 octobre ! Ne tardez pas !</h4>

  592.   </article>

  593. </section>

  594. 

  595. 

  596. <nav id="jumpto">

  597.   <p>

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

  599.     <a href="https://nomadconf.org/fr/canada-2018">Source originale</a> |

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

  601.   </p>

  602. </nav>

  603. 

  604. <footer>

  605.   <div>

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

  607.     <p>

  608.       Bonjour/Hi!

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

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

  611.     </p>

  612.     <p>

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

  614.     </p>

  615.     

  616.     <p>

  617.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  634.     </p>

  635.     <p>

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

  637.     </p>

  638.     <p>

  639.       Je ne traque pas ta navigation mais mon

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

  641.       conserve des logs d’accès.

  642.     </p>

  643.   </div>

  644. </footer>

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

  646.   ;(_ => {

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

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

  649.       e.preventDefault()

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

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

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

  653.     })

  654.   })()

  655. </script>