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 38KB

4 vuotta sitten
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529
  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>Instructions for Autonomy (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://en.inhabit.global/">
  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. Instructions for Autonomy (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://en.inhabit.global/">Source originale du contenu</a></h3>
  445. <div id="ourtime"> <h2> Our time is tumultuous and potent. </h2> <p> Upheaval, polarization, politics as bankrupt as the financial markets–yet under crisis lies <em>possibility</em>. This epoch forces us to consider how each of us forms a kernel of potential, how individuals can follow their wildest inclinations to gather with others who feel the call. People learn lost skills and warriors return fire to the world. Farmers and gardeners experiment with organic agriculture while makers and hackers reconfigure machines. Models escape the vacant limelight and break bread with Kurdish radicals and military veterans taking a stand for communal life. Those with no use for politics find each other at a dinner table in Zuccotti park, Oscar Grant Plaza, or Tahrir Square, and the barista who can barely feed himself <em>alone</em> learns to cook for a thousand <em>together</em>. A retired welder and a web designer learn they are neighbors at an airport occupation and commit to read <em>The Art of War</em> together. An Instagram star whose anxiety usually confines them to their apartment meets a battle-scarred elder in Ferguson, where they are baptized in tear gas and collective strength, and begin to feel the weight lifted from their soul. People everywhere, living through the greatest isolation, rise together and find new modes of life. But when these kernels grow to the surface, they are stomped out in a frenzy of banality and fear. Openings are forcefully shuttered by riot police, private security forces, and public relation firms. Or worse, by the lonely ones–politically right or left–who have nothing to gain but another like on their crappy Twitter. All this while smug politicians and CEOs hover. The revolutionary character of our epoch cannot be denied, but we’ve yet to overcome the hurdle between us and freedom. </p> <h2> We come from somewhere broken, yet we stand. </h2> <p> Our epoch’s nihilism is topological. Everywhere is without foundation. We search for the organizational power to repair the world, and find only institutions full of weakness and cynicism. Well-meaning activists get digested through the spineless body of conventional politics, leaving depressed militants or mini-politicians. Those who speak out against abuse end up bearing witness to sad games of power playing out on social media. Movements erupt and then implode, devoured internally by parasites. Cities become unlivable as waters rise and governments scramble to maintain their legitimacy. Each disaster feels more and more intimate, whether we scroll through it or receive the dreaded text <em>did you hear</em>? Accidents feel like massacres. The names of the dead, an index of a civilization in decline. We’ve lost family and friends to addiction, poverty, and despair. We watched the police exercise their freedom to murder, at a loss for how to quench our rage. We held each other through it all, and remain standing. We sense the present that has been stolen from us, imagine the future we are fated. No one is coming to save us. We have to give ourselves the ground on which a revolution will grow. </p> <h2> We have the power to make an irreversible break. </h2> <p> We wake up day after day, generation after generation, going to work in order to recalibrate the same nightmare that forces us to work. We hustle to get by, feel the stress of the commute and the sleepless night, live paycheck to paycheck or one precarious gig to the next, all just to keep the water on. Our labor made this world and keeps it running, but not one of us feels at home. It’s not surprising that so many people throw themselves into anything that promises it could be better–movements, health trends, subcultures, militias, gangs, whatever. We want a dignified life. We desire the freedom to turn our calloused hands toward experimentation, to become so much more than our jobs. If the potency of our time is any indication, it’s that we’re capable of more than mere survival. The very labor we give–our strength, creativity, and intelligence–can be our weapon. <em> The possibility to endure is in our capacity to strike, and in the seduction of our shared power. </em> Our strike will be the immediate practice of reconfiguring how we live, without respect to our bosses, the rich, or the robots intended to replace us. Together we have the know-how and the drive to build a better life, a life on our own terms, and it’s up to us to create and inhabit new worlds to replace this one. Our ingenuity, our passion, our determination–we are the hinge on which every future rests. </p> <h2> Nothing is missing, Look around you. Give it form. </h2> <p> Piece by piece, we are assembling the foundation of a revolutionary force. We are building a life in common, combating the material and spiritual poverty imposed on us by our epoch, and opening up ourselves to immediate experimentation with different ways of living. Our goal is to establish autonomous territories–expanding ungovernable zones that run from sea to shining sea. Faultlines crossing North America leading us to providence. These autonomous territories will give way to new flows for travel and resources, waypoints during ecological crisis, and the ground to reclaim techniques and technology of which we’ve been disposed. We envision our task with serenity and severity. We want territories with infrastructure flexible to catastrophe, born of collective joy, inhabited by a courageous and dignified way of life. Our time is different from the past, and we will not wait for a senile radical nostalgia to catch up. We don’t have every answer, but we share what we know to be true. Now is the time to exit this untenable way of life. <br/> <br/> <br/> We've begun. </p> </div>
  446. <p><div id="instructions"> <p class="white"> We’ve been raised in a culture of isolation and defeat, where our potential is reduced to meeting the economy’s demands. Buried beneath our own personal worries, our own bills, and our own fears, we are forced to look out only for ourselves. <em>But we are capable of a different life.</em> <br/> <br/> <em>To begin, eliminate isolation</em>. Cut through the bullshit. Turn to those closest to you and say you need a life in common. Ask what it would be like to face the world together. What do you have? What do you need? Take an inventory of your collective skills, capacities, and connections. Make decisions that will increase your strength. Establish the basis for a life in common. </p> <picture id="picture_middlefinger"> <source type="image/webp" srcset="/middlefinger.216c6f47.webp"> <source type="image/png" srcset="/middlefinger.76a7e8dd.png"> <img src="/middlefinger.76a7e8dd.png" alt="Middlefinger"/> </source></source></picture> <div class="vignette"> <p> Imagine a life that reaches past your individual borders. You change the way you move through your environment to intentionally come in contact with others. Fleeting encounters become real relationships. You wander through your neighborhood, stopping by friends’ houses on your way to the cafe. You meet up nightly at the park to work out. You walk each other home. You share each other’s cars. You go camping and learn how to start a fire together. You pool money for a collective rainy day. The concept of private property gets blurred. You begin to understand yourselves as something more <em>decisive</em> than a group of friends. </p> </div> <p class="white"> Hubs are points of aggregation, centers of activity. Creating a hub is the logical next step to finding each other. We need dedicated spaces to get organized and to give ourselves time together. Hubs bring together the people, resources, and shared spirit necessary to create the foundation for a life in common. <br/> <br/> <em>Pool resources, target an area, and start a hub.</em> Rent a space in the neighborhood. Build a structure in the forest. Take over an abandoned building or a vacant piece of land. No space is too small, or too ambitious. Start with what’s at hand and then multiply. Use the hub to ground all of your initiatives. </p> <div class="picturebox"> <picture id="rose1"> <source type="image/webp" srcset="/hangingrose.7595c4b1.webp"> <source type="image/png" srcset="/hangingrose.7595c4b1.webp"> <img src="/hangingrose.203ee432.png" alt="Let Them Hang"/> </source></source></picture> <picture id="rose2"> <source type="image/webp" srcset="/hangingrose.7595c4b1.webp"> <source type="image/png" srcset="/hangingrose.7595c4b1.webp"> <img src="/hangingrose.203ee432.png" alt="Let Them Hang"/> </source></source></picture> </div> <div class="vignette"> <p> A repurposed storefront hosts weekly dinners that turn into planning sessions. A collectively-run cafe sets aside profits to incubate other spaces, like a woodshop where carpenters work together to build more than just bookshelves. In a forest outside town, a clearing serves as a gathering spot for weekly fires and martial arts training. Nearby, a permaculture farm slowly expands to feed those living in town. </p> </div> <p class="white"> Our bodies are a mystery to us. Our health is out of our hands. If the lights went out, most of us would remain in the dark. We’ve been dispossessed of skills, passions, and knowledge. But we aren’t fragile. When we learn new skills or overcome harsh challenges, we wrest back the defining thresholds of our sense of possibility. We are capable of incredible and improbable feats. <br/> <br/> <em> Reclaim skills, master them through practice, and share their power. </em> Reach out to people who have capabilities you want everyone to have. Use hubs to experiment. Prepare for the new normal. Learn to hunt, to code, to heal: increase your collective strength. </p> <div class="vignette"> <p> A hurricane tears through town–power’s out. FEMA is taking its sweet time. A group establishes a hub outside of the flood zone. Cooking large dinners together has given everyone the confidence to operate at scale. Teams move out to gather food in a lawless environment, fighting off racist opportunists who cling to an order of property which has been revoked. One gathers medical supplies from the hospitals and pharmacies while another opens up water tanks in apartment buildings. A park occupation brings even more people and resources together. Someone scales a building to place a router powered by kinetic energy. The router establishes a connection with a mesh network to call in reinforcements from other hubs across the territory. </p> </div> <p class="white"> The time of isolated life is over. We all share the catastrophe; we all share the challenges our epoch poses. We can protest the uneven distribution of medical resources all we want, but care will only be universal and dignified once it is rendered autonomous. <br/> <br/> <em>Create collective forms of care.</em> Get organized with the next twenty years in mind. Ask each other how your needs will change as you age, have children, become disabled, begin to die. Make decisions based on desire. Imagine how spaces accommodate the dynamic nature of living and fighting. Address the most difficult questions: how to face madness, addiction, interpersonal violence, and traumatic loss. At all costs, protect each other from institutionalization. </p> <div class="vignette"> <p> An intergenerational network forms to address the whole of living. People think together about how to raise children, how to nurture their agency, how to help them cope with the world as it changes. Care for the aging is organized collectively and reverence for elders’ experiences affirms dignity at each stage of life. Health collectives learn ancestral methods of birth control and abortion to ensure autonomous choice. Shared emotional intelligence aids those needing a break from the fight and those returning to it. Partisan doctors, herbalists, and shaman make a pact to provide care for the network. Everyone rests easier knowing that the hospital does not have to be their first option. The need for the services of government lessens. With a new orientation to life and to death a historical weight is lifted. Without the anxieties and stress of this civilization, sicknesses begin to disappear. A new capacity for care becomes a common reservoir of strength to face the future together. </p> </div> <p class="white"> Our society slanders people who stand up for what’s right. We are told nothing can change, to keep to ourselves, and, above all, to not push back. To cultivate a fighting spirit in our time, we must follow an ethical compass in addition to developing strategic thought and building physical capacity. <br/> <br/> <em>Become stronger.</em> Make yourself capable of force. Learn the art of striking, how anything can become a weapon. Learn to subvert the force of the enemy–how a single viral punch can check the egos of fascists everywhere, to how to collectively incapacitate the enemy by cutting off his communication system. What stands in the path of a new way of life? How can you overcome it, together? What strategic considerations will keep you out of the hands of the enemy? </p> <div class="picturebox"> <picture id="bringfight1"> <source type="image/webp" srcset="/bringthefightleftimage.08d93d50.webp"> <source type="image/png" srcset="/bringthefightleftimage.1df3b846.png"> <img src="/bringthefightleftimage.1df3b846.png" alt="Bring"/> </source></source></picture> <picture id="bringfight2"> <source type="image/webp" srcset="/bringthefightmiddleimage.2168053b.webp"> <source type="image/png" srcset="/bringthefightmiddleimage.cc11043f.png"> <img src="/bringthefightmiddleimage.cc11043f.png" alt="The"/> </source></source></picture> </div> <div class="vignette"> <p> A network of fight clubs connects every major city. Experienced members teach grappling and striking alongside basic fitness and stretching. Each club finds its space and builds ties with their community, especially those being cast off from this world. One chapter in the Midwest mobilizes with truckers to resist automation. Together they paralyze I-70 with the help of a geotracking app, block the self-driving trucks, and break open their cargo holds. What is useful is expropriated and the rest turned to ashes; smoke blinds police cruisers already lost amidst makeshift barricades. The cargo yields a batch of mini drones, which are sent into defensive flight patterns, controlled by a singular reconfigured app. The hacked drones infiltrate incoming police drones to transmit a virus that freezes their propellers, dropping them harmlessly to the ground. Acting with the chaos, the belligerent truckers and fight clubbers take the offensive and make their escape. </p> </div> <p class="white"> We do not need another organization to bring us together to talk about problems, but ways to implement concrete practices to solve them. We need a network that amplifies the power of each project, widens the territory, and refuses to leave the future up to chance. <br/> <br/> <em>Find each other at an expanded scale</em>. Look for the other people who are also getting organized. Scout out nascent intensities and communal forms and make contact. Reach out, establish communication, visit and meet. Exchange stories and strategies, so our network’s cultural memory and operational intelligence grows, building a greater power between us. Create material connections, share or trade resources. Multiply this gesture by thousands. </p> <picture id="rhizome"> <source type="image/webp" srcset="/rhizome.17489dfa.webp"> <source type="image/png" srcset="/rhizome.082df613.png"> <img src="/rhizome.082df613.png" alt="Expansive"/> </source></source></picture> <div class="vignette"> <p> In one subversive territory, biohackers experimenting with new techniques make innovations in water purification, a group of indigenous families resists an energy company’s enclosure of their sacred land, and an autonomous hub redefines its neighborhood with a patchwork of urban farms. Regular communication between these three projects addresses their shared needs. Water treatment techniques spread between them while autonomous food infrastructure gives rise to abundance. The network is weaponized when the indigenous families call for reinforcements to defend their land. Using encrypted communication to coordinate logistics, thousands of people arrive with resources to aid the struggle. </p> </div> <p class="white"> We have been made to rely on paychecks and stores for our basic existence. We’re dependent on the capitalist system which forces us to either submit or starve. There’s no way around this fact: the material organization of the present world is the problem we must overcome. <br/> <br/> <em>Deepen the reach of autonomous initiatives.</em> Build the infrastructure necessary to remove territory from the economy. Answer questions of collective, material power: how to feed each other, house each other, heal each other. Leverage data and design without falling into the trap that the internet will save us. Form collectives and cooperatives that achieve strategic goals without buying into a vacuous economy. Develop scalable solutions to the problems of energy, distribution, communication and logistics. </p> <picture id="timber"> <source type="image/webp" srcset="/timberimage.85ad0145.webp"> <source type="image/png" srcset="/timberimage.7d15cdfb.png"> <img src="/timberimage.7d15cdfb.png" alt="Autonomous Timber Frame"/> </source></source></picture> <div class="vignette"> <p> A local food distribution hub opens a cooperative grocery on the other side of town. Needing to expand capacity, the nearby farm that grows their vegetables integrates into a bioregional network looking to share a world as well as fresh food. A group of designers and engineers who hate their jobs team up to create an app that coordinates a flexible supply chain among the farms and distribution points. These efforts lead to an autonomous trade corridor. The growth of the network’s force, and the utter disregard for regulations leaves the authorities helpess, as food and people circulate freely along with the spirit of rebellion. </p> </div> <p class="white"> We don’t want to improve life just for a select few–this is a mass exodus from this world. That means addressing the infrastructure that underpins this civilization and repurposing things as we see fit. Some systems will have to be dismantled, like oil pipelines and nuclear plants, while others can be broken open to serve autonomy. <br/> <br/> <em>Hack everything.</em> Go from solving problems the current infrastructure cannot address to requisitioning existing institutions and radically changing their use. Occupy deadening spaces–city halls, schools, shopping malls–breathe new life into them. Anticipate and intensify strategic fractures. Redirect communications systems. Commandeer supply lines. Seize power without governing. </p> <div class="picturebox"> <picture id="destitute1"> <source type="image/webp" srcset="/destituteimageleft.11370c15.webp"> <source type="image/png" srcset="/destituteimageleft.cc2a0624.png"> <img src="/destituteimageleft.cc2a0624.png" alt="Destitoot"/> </source></source></picture> <picture id="destitute2"> <source type="image/webp" srcset="/destituteimageright.5b1184f7.webp"> <source type="image/png" srcset="/destituteimageright.2847a32f.png"> <img src="/destituteimageright.2847a32f.png" alt="Destitoot Supply Chain"/> </source></source></picture> </div> <div class="vignette"> <p> The proliferation of autonomous health clinics begins to influence the world of medicine on all fronts. Nurses, doctors, and administrators work together to clandestinely siphon hospital supplies to these clinics. When veterans’ hospitals are federally defunded, the autonomous clinics join up with patients and health care providers to occupy VA offices around the country. Brutal repression at one occupation sends dozens to a nearby state-run hospital, but when the police attempt to enter urgent care to arrest the injured veterans, they are repelled by the surgeons and nurses. Autonomous groups are joined by forces overflowing from the occupations and the hospital, and vital resources are seized for the unfolding insurgency. </p> </div> <p class="white"> Revolution is a line we trace in the present. It means building autonomy here and now, making government and the economy superfluous. Breaking out of <em>being governed</em> will mean more than winning battle after battle, outmaneuvering political foes. It will rest on our ability to create the lasting foundation for life in common. <br/> <br/> <em>Spread secession to all areas of life.</em> Go on permanent strike, slowly but surely, and take everyone with you. Refuse to be managed, or to manage anyone in turn. Drive a wedge down the center of society. Disavow a lifetime’s worth of cynicism and resentment. Believe that it is all possible. </p> <div class="picturebox"> <picture id="riotporn1"> <source type="image/webp" srcset="/ungovernableimageleft.f482198c.webp"> <source type="image/png" srcset="/ungovernableimageleft.72ac92e4.png"> <img src="/ungovernableimageleft.72ac92e4.png" alt="We Don't Understand"/> </source></source></picture> <picture id="riotporn2"> <source type="image/webp" srcset="/ungovernableimageright.c7a31fb3.webp"> <source type="image/png" srcset="/ungovernableimageright.456adda0.png"> <img src="/ungovernableimageright.456adda0.png" alt="Governance"/> </source></source></picture> </div> <div class="vignette"> <p> Strikes persist, and the dull weight of debt disintegrates as finance capital collapses under growing hostility. Neighborhood assemblies decide how to act in the state of emergency, rebellious soldiers refuse to fire on their own neighborhoods, and “crime” is now relegated to raids on the governed zones. In cities, everyday is like a block party. Confiscated cookouts on crowded streets herald a time soon beyond these remnants of economic life, when shops are primed for a new use in common. At night, bonfires illuminate the distance and the stars in their wisdom reappear to protect us. In the suburbs, a Walmart is now a hub for goods and getting organized. Truckers and first responders meet to coordinate aid to a flooded territory. In the West, technologists outfit weather balloons with transceivers to amplify the autonomous internet. Labor freed from the economy increases the yield of autonomous farms, and children again learn how to be loyal to the earth. </p> </div> </div></p>
  447. </article>
  448. </section>
  449. <nav id="jumpto">
  450. <p>
  451. <a href="/david/blog/">Accueil du blog</a> |
  452. <a href="https://en.inhabit.global/">Source originale</a> |
  453. <a href="/david/stream/2019/">Accueil du flux</a>
  454. </p>
  455. </nav>
  456. <footer>
  457. <div>
  458. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  459. <p>
  460. Bonjour/Hi!
  461. 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>
  462. 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>).
  463. </p>
  464. <p>
  465. 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>.
  466. </p>
  467. <p>
  468. Voici quelques articles choisis :
  469. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  470. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  471. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  472. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  473. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  474. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  475. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  476. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  477. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  478. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  479. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  480. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  481. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  482. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  483. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  484. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  485. </p>
  486. <p>
  487. 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>.
  488. </p>
  489. <p>
  490. Je ne traque pas ta navigation mais mon
  491. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  492. conserve des logs d’accès.
  493. </p>
  494. </div>
  495. </footer>
  496. <script type="text/javascript">
  497. ;(_ => {
  498. const jumper = document.getElementById('jumper')
  499. jumper.addEventListener('click', e => {
  500. e.preventDefault()
  501. const anchor = e.target.getAttribute('href')
  502. const targetEl = document.getElementById(anchor.substring(1))
  503. targetEl.scrollIntoView({behavior: 'smooth'})
  504. })
  505. })()
  506. </script>