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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612
  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>Life-like governance (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://digital-anthropology.me/2018/04/06/life-like-governance/">
  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. Life-like governance (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://digital-anthropology.me/2018/04/06/life-like-governance/">Source originale du contenu</a></h3>
  445. <p>Most conversations around governance as progressive organisations form are either handwavy; “It’ll be flat and super democratic” or hyper-specific; “We’ll be using holocracy and a modified version of dot voting plus some Loomio – read this document”. Or worse, some mash-up of the two. This rarely ends well. Either the <a href="http://www.jofreeman.com/joreen/tyranny.htm" target="_blank" rel="noopener">Tyranny of Structurelessness</a> asserts its dread grip, or the pancake falls apart into a depressing soggy mess.</p>
  446. <p>But we want to build dynamic, effective organisations that have a chance at living alongside rapacious capitalist analogues, and so we must relate to our stakeholders in ways which engage them, and which capitalism cannot copy or steal.</p>
  447. <p>We must have good governance, and it must be engaging.</p>
  448. <p>If we can’t achieve this, we should go and try some other mode. For if we succeed on the basis of something that capitalism CAN do, we will be overrun – access to capital is their superpower (for instance it enables Uber to run at a massive loss, now and for years to come).</p>
  449. <p>Our superpower is humanity. We can and must relate to our stakeholders (whether at the core, at the coalface, or customers) on a basis which engages them as whole humans – to the extent that they will stay because they want to, because they know they want to be with us, rather than with the ‘cheaper’, ‘faster’, ‘flashier’, ‘sexier’, ‘bigger’ that capitalism will always offer.</p>
  450. <p>So here are some thoughts on founding our thinking in notions of ‘life-like’ qualities.</p>
  451. <h3>ONE</h3>
  452. <p>An idealised scenario for our experience with life-like governance:</p>
  453. <p><img data-attachment-id="1480" data-permalink="https://digital-anthropology.me/tieredgovernancediag/" data-orig-file="https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=529" data-orig-size="1146,986" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="TieredGovernanceDiag" data-image-description="" data-medium-file="https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=529?w=300" data-large-file="https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=529?w=529" class="alignnone size-full wp-image-1480" src="https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=529" alt="TieredGovernanceDiag" srcset="https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=529 529w, https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=1058 1058w, https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=150 150w, https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=300 300w, https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=768 768w, https://digitalanthropologydotme.files.wordpress.com/2018/04/tieredgovernancediag.png?w=1024 1024w" sizes="(max-width: 529px) 100vw, 529px"/><br/>
  454. We spend our daily lives doing what seems to come next. Only if there is some doubt about whether what we plan to do ‘fits’ do we need to think about ‘policy’. Policy is kept in the pit.<span id="more-1482"/></p>
  455. <p>In this case, the first thing we do is talk to our peers – what do they think?</p>
  456. <p>If the opinion is that everything is fine, then we carry on as before.</p>
  457. <p>Only if some potential conflict with a ‘deeper’ purpose/policy is raised do we need to wait and reconsider. We have two options;</p>
  458. <ul>
  459. <li>change our plan so that there is no conflict,</li>
  460. <li>or revisit the deeper purpose / policy, and resolve the conflict at this deeper level.</li>
  461. </ul>
  462. <p>If we choose the second option, then we’re going to have to venture into the depths. And we’re going to have to convince a sufficient number of our peers to meet whatever democratic hurdles are in the Constitution to come with us, and then we’re going to have to talk , down there in the gloom, until we’ve sorted things out, before we can come back up to the sunlit uplands.</p>
  463. <p>This is as recursive as we need it to be – we can have as many levels as we think we need – only each one is deeper and darker, and further away from daily life.</p>
  464. <p>I like this story much more than I like the other stories we tell ourselves about governance – ‘top-down’ and ‘bottom-up’. I also like the implication that policy is the servant of daily life, rather than its controller.</p>
  465. <h3>TWO</h3>
  466. <p>So if we don’t like the ‘top-down’ story, or the ‘bottom up’ story, what is the story we need to tell ourselves about this approach to governance, to bring it to life in our minds?</p>
  467. <p>Although the notion of interacting with policy as being ‘deep’ seems more meaningful and richer than it being ‘on top’, and the characterisation of it involving going down into the depths, away from real life, seems appropriate, too, we need a positive connotation as well – after all, the deepest part of the policy ‘pit’ is going to contain our most fundamental purpose for engaging in the first place.</p>
  468. <p>I suggest that we think that the deeper levels of policy get closer and closer to our ‘core’ purpose – and that the only deeper level than that is the ‘heart’ of our purpose (or ‘mission statement’ in corporate speak).</p>
  469. <p><img data-attachment-id="1481" data-permalink="https://digital-anthropology.me/top-bottom-heart/" data-orig-file="https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=529" data-orig-size="1120,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Top-Bottom-Heart" data-image-description="" data-medium-file="https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=529?w=300" data-large-file="https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=529?w=529" class="alignnone size-full wp-image-1481" src="https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=529" alt="Top-Bottom-Heart" srcset="https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=529 529w, https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=1058 1058w, https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=150 150w, https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=300 300w, https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=768 768w, https://digitalanthropologydotme.files.wordpress.com/2018/04/top-bottom-heart.png?w=1024 1024w" sizes="(max-width: 529px) 100vw, 529px"/></p>
  470. <p>If we think in this way, then I suggest that four tiers should be enough for a human-scale organisation:</p>
  471. <ul>
  472. <li>Daily Life – getting on with the job,</li>
  473. <li>Operational policy – practical systems,</li>
  474. <li>Core policy – operationalising the Heart Story as a basis for systems design,</li>
  475. <li>Heart – the deep story of why any of us is here in the first place.</li>
  476. </ul>
  477. <p>Each layer has a democratic structure associated with it – and these should become more demanding as we get closer to the heart, for obvious reasons (both in terms of decision requirements and built-in time for deep consideration).</p>
  478. <p>We can see how the recursion of the simple process set out in the first section applies to this structure, offering the possibility for anyone at the Daily Life level to come across some conflict with what seems the right thing to do, and pursue this contradiction right in to the heart, potentially changing what is said there – as long as the democratic hurdles are met (which requires increasing engagement and quality of consent from sufficient other participants as it gets deeper).</p>
  479. <p>The processes and structure suggested here would sit at the ‘Core’ level – subject to change themselves.</p>
  480. <h3>THREE</h3>
  481. <p>If we want governance to feel ‘life-like’, then the ‘steady state’ pictures presented so far are insufficient.</p>
  482. <p>Any organisation that is life-like will start with a seed of some sort, then grow from there, following a path which has some analogue to a living system – where characteristics like path-dependence, structure preserving transformations, intensifying centres, active membranes and the like will have relevance.</p>
  483. <p>This is obviously a large subject (many wildly distinct structures exist that are all examples of life), and this is a simple set of thoughts, so I’ll hope to capture the essence of this thinking through another diagram;</p>
  484. <p><img data-attachment-id="1479" data-permalink="https://digital-anthropology.me/development/" data-orig-file="https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=529" data-orig-size="1579,601" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="development" data-image-description="" data-medium-file="https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=529?w=300" data-large-file="https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=529?w=529" class="alignnone size-full wp-image-1479" src="https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=529" alt="development" srcset="https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=529 529w, https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=1056 1056w, https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=150 150w, https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=300 300w, https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=768 768w, https://digitalanthropologydotme.files.wordpress.com/2018/04/development.png?w=1024 1024w" sizes="(max-width: 529px) 100vw, 529px"/></p>
  485. <p>At the ideation stage, the purpose is still developing. Later, it will be buried deep and protected by layers of democratic process, but now it needs to be easily engaged with, as indicated here by the shallow, gentle gradient.</p>
  486. <p>As the organisation forms, the heart is established, and core policies and perhaps some operating policies are being sketched in. Tiers are roughly present and gradients are a little steeper, the pit a little deeper.</p>
  487. <p>As the organisation develops, it develops tiers as necessary to represent the complexity of the operation. Heart is clear, as are core policies. Operational policies are often in flux as development proceeds, but Daily life is well established as the locus of most activity.</p>
  488. <p>A mature organisation has a strongly defined heart which it is well-nigh impossible to change, core policies that are almost as solid, established Operational Policies, and strong Daily life. But this picture also tells us that the next, and final stage is approaching – death.</p>
  489. <p>No organisation lasts for ever – nor should it. Once the heart is incapable of change, time will begin to erode the story it tells, hollowing out its meaning.</p>
  490. <p>With this model of the structure of an organisation, its death is not a particular problem. Those involved will gradually wander off to operate in the environs of a newer, more compelling story. There is no pyramid that will collapse onto us.</p>
  491. <p>With luck, some will take with them the vital, meaningful elements of the story they have lived with, and bring those to a new ideation.</p>
  492. <p>A later post will elaborate on the use of stories as the foundational seeds of every aspect of such an approach.</p>
  493. </article>
  494. </section>
  495. <nav id="jumpto">
  496. <p>
  497. <a href="/david/blog/">Accueil du blog</a> |
  498. <a href="https://digital-anthropology.me/2018/04/06/life-like-governance/">Source originale</a> |
  499. <a href="/david/stream/2019/">Accueil du flux</a>
  500. </p>
  501. </nav>
  502. <footer>
  503. <div>
  504. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  505. <p>
  506. Bonjour/Hi!
  507. 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>
  508. 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>).
  509. </p>
  510. <p>
  511. 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>.
  512. </p>
  513. <p>
  514. Voici quelques articles choisis :
  515. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  516. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  517. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  518. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  519. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  520. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  521. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  522. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  523. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  524. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  525. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  526. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  527. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  528. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  529. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  530. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  531. </p>
  532. <p>
  533. 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>.
  534. </p>
  535. <p>
  536. Je ne traque pas ta navigation mais mon
  537. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  538. conserve des logs d’accès.
  539. </p>
  540. </div>
  541. </footer>
  542. <script type="text/javascript">
  543. ;(_ => {
  544. const jumper = document.getElementById('jumper')
  545. jumper.addEventListener('click', e => {
  546. e.preventDefault()
  547. const anchor = e.target.getAttribute('href')
  548. const targetEl = document.getElementById(anchor.substring(1))
  549. targetEl.scrollIntoView({behavior: 'smooth'})
  550. })
  551. })()
  552. </script>