A place to cache linked articles (think custom and personal wayback machine)
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.html 24KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569
  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>Faites votre propre Projet Bradbury (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="http://page42.org/faites-votre-propre-projet-bradbury/">
  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. Faites votre propre Projet Bradbury (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="http://page42.org/faites-votre-propre-projet-bradbury/">Source originale du contenu</a></h3>
  445. <p style="text-align: justify;">Cela faisait un moment que cela me trottait dans la tête, mais certains développements récents me conduisent à m&rsquo;exprimer clairement sur le sujet. Au moins, tous ceux qui me posent des questions sur le sujet, mais aussi ceux qui <em>prennent ma défense</em> (une bonne intention en soi, certes, mais je n&rsquo;ai rien demandé) sauront à quoi s&rsquo;en tenir.<span id="more-4302"></span></p>
  446. <p style="text-align: justify;">Il y a quelques mois, j&rsquo;ai bouclé un marathon d&rsquo;écriture intitulé <em>Le Projet Bradbury</em>. Il s&rsquo;agissait d&rsquo;un défi strictement personnel — un combat contre moi-même — au cours duquel je m&rsquo;astreignais à écrire et publier une nouvelle par semaine pendant un an, soit 52 textes. Ray Bradbury, l&rsquo;un de mes auteurs préférés de tous les temps, avait un jour donné ce conseil :</p>
  447. <blockquote>
  448. <p style="text-align: justify;">“Écrire un roman, c’est compliqué: vous pouvez passer un an, peut-être plus, sur quelque chose qui au final, sera raté. Écrivez des histoires courtes, une par semaine. Ainsi vous apprendrez votre métier d’écrivain. Au bout d’un an, vous aurez la joie d’avoir accompli quelque chose: vous aurez entre les mains 52 histoires courtes. Et je vous mets au défi d’en écrire 52 mauvaises. C’est impossible.”</p>
  449. </blockquote>
  450. <p style="text-align: justify;">Conseil que j&rsquo;ai donc décidé de suivre à la lettre.</p>
  451. <div id="attachment_2762" style="width: 1034px" class="wp-caption aligncenter"><a href="http://i1.wp.com/page42.org/wp-content/uploads/2013/08/bradbury1.jpg"><img class="size-full wp-image-2762" src="http://i1.wp.com/page42.org/wp-content/uploads/2013/08/bradbury1.jpg?resize=770%2C616" alt="Ray Bradbury en dédicace — CC Will Hart" data-recalc-dims="1" /></a><p class="wp-caption-text">Ray Bradbury en dédicace — CC Will Hart</p></div>
  452. <p style="text-align: justify;">Les répercussions sur mon écriture et mon travail ont été gigantesques. J&rsquo;en ai tiré un <a href="http://page42.org/projet-bradbury-comment-jai-ecrit-52-nouvelles-en-52-semaines/" target="_blank">compte-rendu assez détaillé juste ici</a>, pour ceux que ça intéresserait. Ce fut une formidable école d&rsquo;opiniâtreté et d&rsquo;imagination, que je n&rsquo;ai cessé de conseiller à tous les auteurs. Certains m&rsquo;ont d&rsquo;ailleurs posé la question <em>“Puis-je moi-même mener mon propre Projet Bradbury ?”</em></p>
  453. <p style="text-align: justify;">Ma réponse est claire : <em>oui</em>. Tout le monde peut mener son propre Projet Bradbury. C&rsquo;est une belle manière de rendre hommage à ce merveilleux auteur, mais c&rsquo;est aussi une formidable façon d&rsquo;apprendre concrètement votre métier d&rsquo;écrivain, de tester vos limites, d&rsquo;engager votre corps et votre cerveau dans un processus de création sur le long terme.</p>
  454. <p style="text-align: justify;">Question fréquemment posée : <em>“Est-ce que je peux appeler ça « Projet Bradbury » aussi ?”</em></p>
  455. <p style="text-align: justify;">Encore une fois : oui, avec plaisir. Bien sûr, Bradbury était un grand nouvelliste et proposait de s&rsquo;astreindre à cet exercice de régularité par la rédaction de nouvelles, mais au fond, on pourrait imaginer autant de <em>Projets Bradbury</em> qu&rsquo;il existe d&rsquo;auteurs. Le truc serait simple pour rendre l&rsquo;expérience cohérente : il suffirait d&rsquo;intégrer le chiffre 52 quelque part.</p>
  456. <ul>
  457. <li style="text-align: justify;">un roman en 52 semaines, ou 52 jours, ou 52 secondes</li>
  458. <li style="text-align: justify;">52 romans en un an</li>
  459. <li style="text-align: justify;">une nouvelle de 52.000 signes en un mois, pendant 12 mois.</li>
  460. <li style="text-align: justify;">52 nouvelles sur 52 semaines (ma version personnelle, et celle de Bradbury)</li>
  461. <li style="text-align: justify;">bref, vous avez compris l&rsquo;idée&#8230;</li>
  462. </ul>
  463. <p style="text-align: justify;">Il n&rsquo;y a qu&rsquo;une seule règle pour le Projet Bradbury, du moins à mon sens : la <strong>régularité</strong>. C&rsquo;est un point essentiel. Le but d&rsquo;un Projet Bradbury est de s&rsquo;engager sur le long terme. De fait, c&rsquo;est un peu un anti-Nanowrimo, même si les nanoteurs ont toute mon admiration et mon respect : ceci n&rsquo;est pas un sprint, mais un marathon. Il ne s&rsquo;agit pas de battre un record, mais de transformer votre cerveau, vos mains, vos doigts, de vous forger une musculature intellectuelle, de façonner des habitudes, de vous obliger à écrire en somme <em>(je le comparais moi-même pour plaisanter à un séjour d&rsquo;un an dans un monastère Shaolin)</em>.</p>
  464. <p style="text-align: justify;">Chacun est libre de faire son propre Projet Bradbury. Je ne considère pas cela comme un plagiat, d&rsquo;ailleurs cette idée même est ridicule puisque j&rsquo;ai moi-même &laquo;&nbsp;emprunté&nbsp;&raquo; l&rsquo;idée à Bradbury (même s&rsquo;il s&rsquo;agissait d&rsquo;un conseil et que les conseils sont faits pour être suivis). J&rsquo;aurai l&rsquo;occasion de m&rsquo;exprimer un peu plus sur le plagiat, probablement dans une vidéo, mais pour résumer ma position sur le sujet, je pense que le plagiat est un non-sujet. Cela n&rsquo;existe pas, ou presque pas : nous ne sommes pas propriétaires de nos idées. D&rsquo;ailleurs, quelles idées ? La plupart d&rsquo;entre elles ont déjà été pensées par d&rsquo;autres, morts depuis longtemps, et même par des contemporains qui ont su capter l&rsquo;air du temps au même moment <em>(nous avons tous eu une idée formidable pour réaliser six mois plus tard qu&rsquo;un film ou un livre sortait sur ce même thème).</em></p>
  465. <p style="text-align: justify;">Les histoires que nous écrivons sont des mélanges de cent histoires qui nous précèdent. Dans 9 cas sur 10, le<span data-reactid=".1t.$mid=11416739801413=2b952d0ff51d16a4a90.2:0.0.0.0.0.0.$end:0:$0:0"> plagiat est une légende urbaine, une invention de notre époque gangrénée par le règne du <em>copyright</em>. Les auteurs de toutes époques se sont inspirés de leurs prédécesseurs, c&rsquo;est comme ça que naissent et meurent les histoires, les mythes, les légendes, etc. Comment seulement imaginer qu&rsquo;on puisse avoir une seule idée sortie du neant, qui ne soit pas un mélange de mille inspirations préexistantes ? Notre travail est de collecter les points et de les lier entre eux. Mais nous n&rsquo;inventons presque jamais ces points : nous les observons autour de nous. Nous plagions la vie en permanence et</span><span data-reactid=".1t.$mid=11416739801413=2b952d0ff51d16a4a90.2:0.0.0.0.0.0.$end:0:$2:0"> je pense qu&rsquo;on ne crée rien de bon dans la peur.</span></p>
  466. <p style="text-align: justify;">Pour faire simple, le concept de Projet Bradbury est désormais placé sous <a href="https://fr.wikipedia.org/wiki/WTFPL" target="_blank">licence publique WTFPL</a> : <em>Do what the fuck you want ! (Faites-en ce que vous voulez)</em></p>
  467. <p style="text-align: justify;">Chacun est libre, et est même fortement incité, à se lancer ce défi. Chacun est libre de l&rsquo;appeler de cette façon. Je ne ferai pas la tête, promis, je ne piquerai pas de colère, je ne vous attaquerai pas en justice, au contraire. Ça me fera très plaisir de vous lire et de vous voir progresser. Vous pourriez même utiliser le hashtag <strong>#ProjetBradbury</strong> sur les réseaux sociaux pour que tout le monde puisse suivre vos aventures. Ce serait très chouette. Vous avez même le droit d&rsquo;échouer. Personne ne vous en voudra d&rsquo;avoir essayé. Parce qu&rsquo;au fond, se lancer un défi est presque aussi important que de le relever.</p>
  468. <p style="text-align: justify;">Je pense qu&rsquo;il est important de publier en temps réel également, parce que c&rsquo;est aussi ce qui m&rsquo;a fait tenir sur un an : je me raccrochais à mes lecteurs, à la promesse que j&rsquo;avais faite, ça m&rsquo;a aidé à poursuivre. Mais c&rsquo;est juste un conseil, que chacun est libre de suivre ou pas. Les conseils s&rsquo;ajoutent aux conseils.</p>
  469. <p style="text-align: justify;">Voilà. C&rsquo;est clair, maintenant ? <em>Faites-en ce que vous voulez, de ce Projet Bradbury.</em></p>
  470. <p style="text-align: justify;">Maintenant, écrivez. Et plutôt 52 fois qu&rsquo;une.</p>
  471. </article>
  472. </section>
  473. <nav id="jumpto">
  474. <p>
  475. <a href="/david/blog/">Accueil du blog</a> |
  476. <a href="http://page42.org/faites-votre-propre-projet-bradbury/">Source originale</a> |
  477. <a href="/david/stream/2019/">Accueil du flux</a>
  478. </p>
  479. </nav>
  480. <footer>
  481. <div>
  482. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  483. <p>
  484. Bonjour/Hi!
  485. 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>
  486. 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>).
  487. </p>
  488. <p>
  489. 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>.
  490. </p>
  491. <p>
  492. Voici quelques articles choisis :
  493. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  494. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  495. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  496. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  497. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  498. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  499. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  500. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  501. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  502. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  503. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  504. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  505. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  506. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  507. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  508. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  509. </p>
  510. <p>
  511. 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>.
  512. </p>
  513. <p>
  514. Je ne traque pas ta navigation mais mon
  515. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  516. conserve des logs d’accès.
  517. </p>
  518. </div>
  519. </footer>
  520. <script type="text/javascript">
  521. ;(_ => {
  522. const jumper = document.getElementById('jumper')
  523. jumper.addEventListener('click', e => {
  524. e.preventDefault()
  525. const anchor = e.target.getAttribute('href')
  526. const targetEl = document.getElementById(anchor.substring(1))
  527. targetEl.scrollIntoView({behavior: 'smooth'})
  528. })
  529. })()
  530. </script>