A place to cache linked articles (think custom and personal wayback machine)
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

4 роки тому
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149
  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>post-modern late-capitalism or late-capitalist post-modernism? (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://www.aaronland.info/weblog/2019/04/08/post/#mw19">
  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. post-modern late-capitalism or late-capitalist post-modernism? (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://www.aaronland.info/weblog/2019/04/08/post/#mw19">Source originale du contenu</a></h3>
  445. <div style="font-style:italic;">
  446. <p>These are the slides and notes for a talk I gave at the
  447. 2019 <a href="https://mw19.mwconf.org">Museums and the Web</a> conference, in
  448. Boston. The talk accompanied a paper I wrote for the
  449. conference titled <a href="https://mw19.mwconf.org/paper/mapping-space-time-and-the-collection-at-sfo-museum/">Mapping
  450. Space, Time, and the Collection at SFO Museum</a> which
  451. documents the work we've been doing on the <a href="https://millsfield.sfomuseum.org/">Mills
  452. Field</a> website at <a href="https://sfomuseum.org/">SFO Museum</a>.</p>
  453. <p>Although the talk focuses on the work we're doing at
  454. SFO it is the continuation of some broader themes I've been
  455. actively banging on for a while. If you'd like to read more
  456. then I would point you to the <a href="https://www.aaronland.info/weblog/2014/09/11/brand/#dconstruct">still
  457. life with emotional contagion</a> and <a href="https://www.aaronland.info/weblog/2014/10/06/interpretation/#brick">this
  458. is my brick / there are many like it but this one is mine</a>
  459. talks, both from 2014, the <a href="https://www.aaronland.info/weblog/2015/03/16/mention/#breaking-up">history
  460. is time breaking up with itself</a> talk from 2015 and the <a href="https://www.aaronland.info/weblog/2017/02/20/mostly/#museumnext">fault
  461. lines — a cultural heritage of misaligned expectations</a> talk from 2017.</p>
  462. <p>In 2019, this is what I said.</p>
  463. </div>
  464. <div class="slide" id="mw-2019-001">
  465. <div class="image640">
  466. <a href="#mw-2019-001">
  467. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.001.jpeg"/>
  468. </a>
  469. </div>
  470. <p>Hi, my name is Aaron.</p>
  471. <p>I am the Head of Internet Typing at the <a href="https://sfomuseum.org/">San Francisco
  472. International Airport Museum</a>. As silly as a title like that may
  473. sound (and I actually have an even more vague and opaque
  474. official title for HR purposes) it is the best way to describe
  475. my role at the museum.</p>
  476. <p>In the past I have been part of the teams at <a href="https://www.flickr.com/">Flickr</a>, <a href="https://www.stamen.com/">Stamen</a>
  477. Design and <a href="https://www.mapzen.com/">Mapzen</a> where the common thread has been maps and
  478. location. I was also part of the <a href="https://labs.cooperhewitt.org/">Digital and Emerging Media</a> team
  479. at the <a href="https://www.cooperhewitt.org/">Cooper Hewitt Smithsonian Design Museum</a> helping to
  480. re-open the museum and <a href="https://mw2015.museumsandtheweb.com/paper/strategies-against-architecture-interactive-media-and-transformative-technology-at-cooper-hewitt/">launch the Pen</a> in 2014.</p>
  481. </div>
  482. <div class="slide" id="mw-2019-002">
  483. <div class="image640">
  484. <a href="#mw-2019-002">
  485. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.002.jpeg"/>
  486. </a>
  487. </div>
  488. <p>The <a href="https://www.flysfo.com/">San Francisco International Airport</a>, or SFO, first opened
  489. in 1927 on the site of the old <a href="https://millsfield.sfomuseum.org/blog/2018/08/08/why/">Mills Field</a> in San Mateo
  490. County. Although SFO is physically situated in San Mateo it is owned
  491. and operated by the <a href="https://sfgov.org/">City and County of San Francisco</a>. Like the
  492. <a href="https://en.wikipedia.org/wiki/Farallon_Islands">Farallon Islands</a>, 30 miles off the Pacific Coast, SFO is
  493. actually part of San Francisco proper but unlike the Farallons
  494. is <a href="https://millsfield.sfomuseum.org/blog/2019/01/14/gates/images/sf-centroids.png">never shown that way on a map</a>.</p>
  495. <p>SFO is the 20th busiest airport in the world and 7th busiest
  496. in the United States. Last year, approximately 58 million
  497. passengers flew in and out of the airport.</p>
  498. </div>
  499. <div class="slide" id="mw-2019-003">
  500. <div class="image640">
  501. <a href="#mw-2019-003">
  502. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.003.jpeg"/>
  503. </a>
  504. <div class="exhibition-title"><a href="https://millsfield.sfomuseum.org/exhibitions/1376812931/">Reflections in Wood - Surfboards and Shapers</a> (2019)</div>
  505. </div>
  506. <p>Since 1980 the airport has had a museum. First accredited in
  507. 1999 the museum currently has 37 full-time and up to 24
  508. part-time staff.</p>
  509. <p>This is a photograph of the "<a href="https://millsfield.sfomuseum.org/exhibitions/1376812931/">Reflections in Wood - Surfboards
  510. and Shapers</a>" exhibition currently on display in the
  511. International Terminal. Everything you see in this photo – from
  512. the curatorial programming, to registration and conservation,
  513. handling, exhibition design, fabrication and installation as
  514. well as the graphic design and photography – all of this was
  515. done in-house.</p>
  516. <p>This is the work of my peers and they do this <em>30 to 40 times</em>
  517. a year, 80 if you include the recently inaugurated <a href="https://www.flysfo.com/museum/programs/video-arts-history">video arts
  518. program</a>. I just sit in the corner pecking away at a keyboard
  519. connected to the internet.</p>
  520. </div>
  521. <div class="slide" id="mw-2019-004">
  522. <div class="image640">
  523. <a href="#mw-2019-004">
  524. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.004.jpeg"/>
  525. </a>
  526. </div>
  527. <p>In addition to the almost <a href="https://millsfield.sfomuseum.org/exhibitions/years/">1,400 exhibitions</a> the museum has
  528. produced since 1980 it has a <a href="https://www.flysfo.com/museum/aviation-museum-library/collection">permanent collection of 130,000
  529. objects</a> related to the history of the airport and commercial
  530. aviation. We also maintain a <a href="https://www.flysfo.com/museum/aviation-museum-library/research-services">library and an archive</a> of materials
  531. related to the aviation collection.</p>
  532. <p>At any given moment there are <a href="https://millsfield.sfomuseum.org/exhibitions/on-display/">upwards of 1,000 objects on
  533. display</a> in the terminals.</p>
  534. <p>On top of all of that we are charged with the care of the <a href="https://www.flysfo.com/museum/public-art/public-collection">one
  535. hundred plus public artworks purchased by the San Francisco Arts
  536. Commission</a> and installed on the airport property.</p>
  537. </div>
  538. <div class="slide" id="mw-2019-005">
  539. <div class="image640">
  540. <a href="#mw-2019-005">
  541. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.005.jpeg"/>
  542. </a>
  543. <div class="exhibition-title"><a href="https://millsfield.sfomuseum.org/exhibitions/1226607773/">Bowling: A Unique American Art Form</a> (1991)</div>
  544. </div>
  545. <p>You might be wondering: How did all of this happen?</p>
  546. <p>The answer is basically that in the 1970s the airport
  547. commissioners decided SFO should be a <q>nice place</q> to
  548. visit. The Bay Area, and San Francisco in particular, is
  549. complicated and has gotten a lot of things wrong over the
  550. years. Sometimes though, when it cuts loose and <a href="https://thesixfifty.com/get-to-know-the-curator-behind-many-of-sfos-world-class-museum-exhibits-773068a4ff98">gets it right</a>
  551. you end up with a museum in an airport.</p>
  552. </div>
  553. <div class="slide" id="mw-2019-006">
  554. <div class="image640">
  555. <a href="#mw-2019-006">
  556. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.006.jpeg"/>
  557. </a>
  558. <div class="exhibition-title"><a href="https://millsfield.sfomuseum.org/exhibitions/1159160369/">Japanese Toys! From Kokeshi to Kaiju</a> (2013)</div>
  559. </div>
  560. <p>If you measure things by foot traffic we are one of the
  561. busiest museums in the world. If that is the case we are also
  562. one of the busiest museums in the world that no one knows
  563. about. Nothing in modern life really prepares you for the idea that
  564. a museum should be part of an airport. San Francisco, as I've
  565. mentioned, is funny that way.</p>
  566. <p>People often ask: Where is the museum? Almost no one is aware
  567. that there are <a href="https://millsfield.sfomuseum.org/galleries">over twenty gallery spaces spanning the
  568. terminals</a>, both before and after security. Over the years there
  569. have been <a href="https://millsfield.sfomuseum.org/galleries/all/">three times that number</a>, rotating in and out as the
  570. airport has grown and changed.</p>
  571. <p>So, in a very real sense the airport <em>is</em> the museum.</p>
  572. <p>If people are ill-equipped to deal with the idea of a museum
  573. in an airport they are even less prepared to consider the idea
  574. that one has been there for the last 39 years. Lots of people will tell you about one or two exhibitions
  575. they've seen in a particular terminal but rarely have any idea
  576. of <a href="https://millsfield.sfomuseum.org/galleries/1159157053/exhibitions/all">all the things that have come before it</a> in that very same
  577. spot.</p>
  578. </div>
  579. <div class="slide" id="mw-2019-007">
  580. <div class="image640">
  581. <a href="#mw-2019-007">
  582. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.007.jpeg"/>
  583. </a>
  584. </div>
  585. <p>That's where <a href="https://millsfield.sfomuseum.org/">the work I do</a> comes in to the picture.</p>
  586. <p>What is the promise of the internet – and in particular the
  587. web – if not the stringing together of all the things that came
  588. before or that follow any given moment?</p>
  589. <p><strong>When people ask me what I am doing I tell them it is <q>to
  590. ensure that every aspect of a trip to SFO, and every facet of
  591. someone’s time spent in the airport, leads back to the museum’s
  592. collection</q> and that we are using the internet to make that
  593. possible.</strong></p>
  594. <p>That means the terminal you're standing in or the boarding
  595. gate you're waiting at, the airline or
  596. aircraft you're flying on, the places you're traveling to, the
  597. gallery space you're looking at or the places the objects in an
  598. exhibition are from. All of it. <a href="https://millsfield.sfomuseum.org/collection/">And all of it holds hands in
  599. some way with our collection.</a></p>
  600. <p style="font-style:italic;">By the way this is not how I see my role in relation to the
  601. airport or the museum. This is a mock-up I made to suggest
  602. installing the dinosaur that used to be on display in the old
  603. Terminal 2 out on the airfield. It's unlikely to ever happen
  604. but it's a nice idea, right?</p>
  605. </div>
  606. <div class="slide" id="mw-2019-008">
  607. <div class="image640">
  608. <a href="#mw-2019-008">
  609. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.008.jpeg"/>
  610. </a>
  611. </div>
  612. <p>I have also written <a href="https://mw19.mwconf.org/paper/mapping-space-time-and-the-collection-at-sfo-museum/">a 5,000 word paper about that work</a> for
  613. this conference and I don't want to spend my time with you today
  614. parroting everything I've already said there.</p>
  615. </div>
  616. <div class="slide" id="mw-2019-009">
  617. <div class="image640">
  618. <a href="#mw-2019-009">
  619. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.009.jpeg"/>
  620. </a>
  621. </div>
  622. <p>I want to do a high-level overview of the what and how
  623. discussed in detail in the paper so that we can spend a little
  624. more time on the why.</p>
  625. </div>
  626. <div class="slide" id="mw-2019-010">
  627. <div class="image640">
  628. <a href="#mw-2019-010">
  629. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.010.jpeg"/>
  630. </a>
  631. </div>
  632. <p>And then a little more time still on how I see our work in
  633. the context of some larger sector-wide dynamics that I believe
  634. we all need to address.</p>
  635. </div>
  636. <div class="slide" id="mw-2019-011">
  637. <div class="image640">
  638. <a href="#mw-2019-011">
  639. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.011.jpeg"/>
  640. </a>
  641. </div>
  642. <p>To explain what we're doing I need to begin with some basic
  643. statements of truth in our world:</p>
  644. <ul class="rel">
  645. <li><p>That the notion of place is inseparable from an
  646. airport. After all everyone passing through our doors is coming
  647. from or going to some place.</p></li>
  648. <li><p>Like the passengers everything the museum displays in
  649. its gallery cases is also from some place.</p></li>
  650. <li><p>Part of SFO Museum's mandate is the history of the airport.</p></li>
  651. <li><p>History is inseparable from
  652. place.</p></li>
  653. </ul>
  654. <p>With that in mind we have made place and time (history) the
  655. joints – really a kind of double-joint – around which everything
  656. in the collection pivots. Everything means individual objects all the way up through
  657. the terminals and the airport itself and then beyond SFO to the
  658. other <a href="https://millsfield.sfomuseum.org/airports/">airports</a>, <a href="https://millsfield.sfomuseum.org/cities/">cities</a> and <a href="https://millsfield.sfomuseum.org/countries/">countries</a> that are relevant to our
  659. collection. Then we multiply it all by time allowing any event – an
  660. exhibition, say – to be <a href="https://millsfield.sfomuseum.org/blog/2019/01/14/gates/">situated in a context relevant to that
  661. moment</a>.</p>
  662. <p><a href="https://millsfield.sfomuseum.org/buildings/1159396327/">SFO in 1982</a>, for example, was a very different place than it is today <a href="https://millsfield.sfomuseum.org/buildings/1159157271/">in 2019</a>.</p>
  663. </div>
  664. <div class="slide" id="mw-2019-012">
  665. <div class="image640">
  666. <a href="#mw-2019-012">
  667. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.012.jpeg"/>
  668. </a>
  669. </div>
  670. <p>For those places outside the airport campus we are using an
  671. existing openly licensed gazetteer of places called <a href="https://whosonfirst.org/">Who's On
  672. First</a> for record identifiers. This is our shared vocabulary for
  673. place.</p>
  674. <p>For those places inside the airport <a href="https://millsfield.sfomuseum.org/blog/2018/08/28/whosonfirst/">we are extending the
  675. Who's On First model</a> to represent the buildings and interior
  676. spaces over the years.</p>
  677. <p>For example there are <a href="https://millsfield.sfomuseum.org/search/?q=T1&amp;placetype=terminal">multiple records for "Terminal 1"</a>, each
  678. representing a unique phase-shift in its history. A phase-shift
  679. is defined as any meaningful change in how a passenger might
  680. experience that place. For example, the experience and the
  681. meaning of "Terminal 1" will change once more this summer with
  682. the opening of a new and much larger terminal named after Harvey
  683. Milk.</p>
  684. <p>Each instance of Terminal 1 is linked to the record that
  685. precedes it and the record that follows it. We model any and all
  686. the architectural elements in our collection this way creating a
  687. tapestry of breadcrumbs that spans both place and history.</p>
  688. </div>
  689. <div class="slide" id="mw-2019-013">
  690. <div class="image640">
  691. <a href="#mw-2019-013">
  692. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.013.jpeg"/>
  693. </a>
  694. </div>
  695. <p>We are extending this approach to <a href="https://millsfield.sfomuseum.org/galleries/">galleries</a> and <a href="https://millsfield.sfomuseum.org/exhibitions/">exhibitions</a> as well as
  696. things in our collection that don't have ground truth; they
  697. aren't physical places you can visit. This includes objects and constituents, <a href="https://millsfield.sfomuseum.org/blog/2018/12/03/airlines/">airlines and
  698. aircraft</a>, <a href="https://millsfield.sfomuseum.org/blog/2019/01/18/flights/">historical flight data</a> as well as <a href="https://millsfield.sfomuseum.org/blog/2019/01/02/surface/">photographs of
  699. things</a> directly and indirectly related to the collection.</p>
  700. <p>This is ongoing work and we may still paint ourselves in to a
  701. few corners but we think it is a promising approach.</p>
  702. <p>I have always seen the <a href="https://web.archive.org/web/20190114221103/https://labs.cooperhewitt.org/2013/giv-do/">Cooper Hewitt's search-by-colour
  703. functionality</a> as a deliberate attempt to manufacture avenues in
  704. to their collection for people who do not already have an
  705. intimate knowledge of the decorative arts. We are trying to do
  706. the same thing, but with space and time, for our collection.</p>
  707. </div>
  708. <div class="slide" id="mw-2019-014">
  709. <div class="image640">
  710. <a href="#mw-2019-014">
  711. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.014.jpeg"/>
  712. </a>
  713. </div>
  714. <p>We are building for the web first, rather than targeting any
  715. of the big platform vendors.</p>
  716. <p><strong>The web embodies principles
  717. of openness and portability and access that best align with the
  718. needs, and frankly the purpose, of the cultural heritage
  719. sector.</strong></p>
  720. <p>We are also publishing everything as openly-licensed data. We
  721. have chosen to publish everything using the <a href="https://macwright.org/2015/03/23/geojson-second-bite.html">GeoJSON</a> format
  722. because it has a near-zero barrier to entry, is flexible enough
  723. to accommodate museum-specific metadata and because it is
  724. supported by nearly every geospatial application, open and
  725. closed source, on the market today. Everything we publish has
  726. location baked in to it from the start.</p>
  727. <p>There is one other important twist in the way we are
  728. publishing open data.</p>
  729. </div>
  730. <div class="slide" id="mw-2019-015">
  731. <div class="image640">
  732. <a href="#mw-2019-015">
  733. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.015.jpeg"/>
  734. </a>
  735. </div>
  736. <p>Historically the model for most digital or web-based
  737. initiatives has been to first export data from an internal
  738. collections management system. Second, that data is massaged in
  739. to an intermediate form for use by the project at hand and then
  740. third, exported again in to a typically bespoke machine-readable
  741. format.</p>
  742. </div>
  743. <div class="slide" id="mw-2019-016">
  744. <div class="image640">
  745. <a href="#mw-2019-016">
  746. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.016.jpeg"/>
  747. </a>
  748. </div>
  749. <p>We have changed the order of things to publish the open data
  750. representation first and then, from there, to build our own
  751. websites and services on top of that.</p>
  752. </div>
  753. <div class="slide" id="mw-2019-017">
  754. <div class="image640">
  755. <a href="#mw-2019-017">
  756. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.017.jpeg"/>
  757. </a>
  758. </div>
  759. <p>Everything I've described so far has been built using <a href="https://github.com/sfomuseum-data">the
  760. same raw materials</a> that we've made available for you to do
  761. something with. This introduces a non-zero cost in the build
  762. process for the public-facing museum efforts but we believe it's
  763. worth the cost.</p>
  764. <p>But why, right?</p>
  765. </div>
  766. <div class="slide" id="mw-2019-018">
  767. <div class="image640">
  768. <a href="#mw-2019-018">
  769. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.018.jpeg"/>
  770. </a>
  771. <div class="exhibition-title"><a href="https://millsfield.sfomuseum.org/exhibitions/1159160665/">Stepping Out: Shoes in World Cultures</a> (2017)</div>
  772. </div>
  773. <p>First of all we <em>want</em> other people to build new interfaces and
  774. new services, new "experiences" even, on top of our collection
  775. so this is a way to keep ourselves honest. If we can't build
  776. something with this stuff why should we imagine you will?</p>
  777. <p>Second, we want to ensure that the data we release and the
  778. manner in which it is published, is actually robust and flexible
  779. enough to engender a variety of interfaces and uses because we
  780. <em>need</em> that variety. It is
  781. important to the museum because I don't believe there is, or
  782. should be, only one master narrative in to the collection.</p>
  783. </div>
  784. <div class="slide" id="mw-2019-019">
  785. <div class="image640">
  786. <a href="#mw-2019-019">
  787. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.019.jpeg"/>
  788. </a>
  789. <div class="exhibition-title"><a href="https://millsfield.sfomuseum.org/exhibitions/1226603769/">Barbie® Takes A Vacation to Exotic Places </a> (1996)</div>
  790. </div>
  791. <p>To some degree all museums have reluctant audiences. Our
  792. visitors will not, and do not, warm up to our collections in the
  793. same way or at the same pace. This is especially true in an
  794. airport where people don't expect to find a museum in the first
  795. place and where our audience doesn't fit neatly in to a handful
  796. of demographic boxes.</p>
  797. <p>As such we have an incentive to ensure that our work affords
  798. us the ability to iterate and experiment with as wide a range of
  799. interfaces and applications as possible, and for them to be just
  800. as fast and cheap to produce as they are to sustain over long
  801. periods of time and left to grow roots, to be nurtured.</p>
  802. <p>We need to put in place an infrastructure that allows us to
  803. manage the cost of failure and germination, equally. A common
  804. mistake we make with digital initiatives in the cultural
  805. heritage sector is to assume those are same thing. They are not.</p>
  806. <p>We need to start designing around the idea of false starts.</p>
  807. </div>
  808. <div class="slide" id="mw-2019-020">
  809. <div class="image640">
  810. <a href="#mw-2019-020">
  811. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.020.jpeg"/>
  812. </a>
  813. <div class="exhibition-title"><a href="https://millsfield.sfomuseum.org/exhibitions/1226612011/">Artist's Furniture: New Dimensions and Statements in Design</a> (1982)</div>
  814. </div>
  815. <p>There is another, more practical, reason to design for false
  816. starts:</p>
  817. <p>In 2019, if the past is any guide, most if not all the
  818. digital initiatives we work on today are destined to fail. More
  819. likely, they will just be left to die on the vine. Go ahead and take
  820. a moment to admire this beautiful chair while you let that sink in.</p>
  821. <p>This is the elephant in the room, in every room where we talk about
  822. this stuff. It is a complex and nuanced subject, not one we have
  823. time to discuss properly here but it's real. My own feeling is
  824. that at its root it boils down to the problem of long-term staffing that
  825. permeates the sector – of hiring and more importantly keeping
  826. people with the requisite skills around.</p>
  827. <p>Saying that, though, also a bit like being in the middle of a
  828. hurricane and complaining about the problem of hurricanes. Right
  829. now, the immediate problem is just getting through to the other
  830. side of the storm.</p>
  831. <p>Right now the problem is thinking about how to build things
  832. to survive the short-term enthusiasms and trigger-finger
  833. disillusionments that seem to define our efforts. To prevent a
  834. reset to zero with each and every false start.</p>
  835. <div style="font-style:italic;">
  836. <p>At this point, and based on some conversations I had during
  837. the conference, it's probably worth being explicit about a
  838. couple things in a way that I wasn't during the talk.</p>
  839. <p>First, saying that we need to <q>manage the cost of
  840. failure</q> or <q>design for false starts</q> should not be
  841. confused with the maxim of <q>failing fast (and failing
  842. often)</q>. This has been rightly called out as a kind of intellectual dodge to accommodate and
  843. legitimize lazy and sloppy practices that don't consider or
  844. actively ignore their consequences. So, not that.</p>
  845. <p>At the same time the
  846. worst possible outcome for the museum sector would be to use
  847. that critique as an excuse to continue with its own
  848. problematic working practices that have favoured overpriced
  849. aspirational battleships whose worth, whose success and failure, is measured only in
  850. third-party validation.</p>
  851. <p>There is a way to work fast and cheap and do things the
  852. right way, all while being forgiving of honest mistakes along
  853. the way. It's hard work to juggle all those concerns but
  854. that is not the same as <q>impossible</q>. Sometimes failure really
  855. is the manifestation of negligence but just as often it is the
  856. guide rail we use to understand the shape of success.</p>
  857. <p>Second, to say that everything we do today <q>will fail</q>
  858. is not meant suggest we should just kick back, give up, get
  859. our zen on and go to the bar. Not at all. It's pretty awful
  860. watching what has happened to all the good work produced over
  861. the years. It's wrong. It's wrong but it still happens and for
  862. those reasons we need to be clear-eyed about what's going on
  863. in order that we might figure out how to stop it from happening
  864. again and again and again...</p>
  865. </div>
  866. </div>
  867. <div class="slide" id="mw-2019-021">
  868. <div class="image640">
  869. <a href="#mw-2019-021">
  870. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.021.jpeg"/>
  871. </a>
  872. <div class="exhibition-title"><a href="https://millsfield.sfomuseum.org/exhibitions/1226603375/">Building for Air Travel</a> (1997)</div>
  873. </div>
  874. <p>But why, indeed?</p>
  875. <p>Let's take it for granted that a core function – again, a
  876. purpose – of the cultural heritage sector is access. From there
  877. let's imagine that access can be defined along an axis spanning
  878. broadcast to recall.</p>
  879. <p>Broadcast being the ability to have your contemporary efforts
  880. reach as many people as possible with the least amount of
  881. friction. Recall being the ability for those same people to access all
  882. that broadcast material after the fact when you have moved on to
  883. some other contemporary concern.</p>
  884. <p>The internet, it's clear, has been a boon to both but if we
  885. focus solely on broadcasting, on the "Channels" and on experiences in the moment
  886. then we are presented with something of an existential
  887. problem because the humanities are predicated on the idea of revisiting a
  888. subject or an idea and on revisiting it repeatedly.</p>
  889. <p><q>The past keeps changing,</q> the historian <a href="http://www.margaretmacmillan.com/">Margaret
  890. MacMillan</a> has said, <q>because we keep asking different questions
  891. of it.</q></p>
  892. <p>Put bluntly: Without recall there is little to revisit and if
  893. there is no revisiting is there even a cultural history?</p>
  894. <p>The internet, and <em>specifically the web</em>, has made recall and
  895. by extension access possible in a way that we have genuinely
  896. never known before. In 2019 the web is not <q>sexy</q> anymore
  897. and compared to native platforms it can sometimes seems
  898. lacking, but I think that speaks as much to people's desire for
  899. something <q>new</q> as it does to any apples to apples comparison. On measure – and that's the important part: on measure
  900. – the web affords a better and more sustainable framework for
  901. the cultural heritage to work in than any of the shifting agendas of
  902. the various platform vendors.</p>
  903. <p>For many years I think we all saw Tim Berners Lee's decision
  904. to make the web open by design as quaint, the actions of a
  905. <q>nice scholarly British
  906. man</q>. In recent years, as the platform vendors (sometimes called <a href="https://blog.esterling.co.uk/2012/03/16/bruce-sterling-on-%E2%80%98the-stacks%E2%80%99/">the
  907. <q>Stacks</q></a>) continue to build higher and higher walls in to
  908. and out of their walled gardens, <a href="https://twitter.com/timberners_lee/status/228960085672599552">the magnitude of
  909. Berners Lee's choice</a> has become clearer and ever more important.</p>
  910. <p>This is why we have chosen to do things in the ways I have described to you today.</p>
  911. </div>
  912. <div class="slide" id="mw-2019-022">
  913. <div class="image640">
  914. <a href="#mw-2019-022">
  915. <img src="https://www.aaronland.info/weblog/2019/04/08/post/images/mw-2019.022.jpeg"/>
  916. </a>
  917. </div>
  918. <p>In closing I'd like to leave you with a passage
  919. from the opening of <a href="https://chireviewofbooks.com/2018/01/16/how-emily-wilson-translated-the-odyssey/">Emily Wilson's translation</a> of Homer's The Odyssey:</p>
  920. <blockquote><pre>Tell the old story
  921. for our modern times
  922. Find the beginning</pre></blockquote>
  923. </div>
  924. </article>
  925. </section>
  926. <nav id="jumpto">
  927. <p>
  928. <a href="/david/blog/">Accueil du blog</a> |
  929. <a href="https://www.aaronland.info/weblog/2019/04/08/post/#mw19">Source originale</a> |
  930. <a href="/david/stream/2019/">Accueil du flux</a>
  931. </p>
  932. </nav>
  933. <footer>
  934. <div>
  935. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  936. <p>
  937. Bonjour/Hi!
  938. 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>
  939. 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>).
  940. </p>
  941. <p>
  942. 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>.
  943. </p>
  944. <p>
  945. Voici quelques articles choisis :
  946. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  947. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  948. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  949. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  950. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  951. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  952. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  953. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  954. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  955. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  956. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  957. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  958. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  959. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  960. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  961. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  962. </p>
  963. <p>
  964. 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>.
  965. </p>
  966. <p>
  967. Je ne traque pas ta navigation mais mon
  968. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  969. conserve des logs d’accès.
  970. </p>
  971. </div>
  972. </footer>
  973. <script type="text/javascript">
  974. ;(_ => {
  975. const jumper = document.getElementById('jumper')
  976. jumper.addEventListener('click', e => {
  977. e.preventDefault()
  978. const anchor = e.target.getAttribute('href')
  979. const targetEl = document.getElementById(anchor.substring(1))
  980. targetEl.scrollIntoView({behavior: 'smooth'})
  981. })
  982. })()
  983. </script>