A place to cache linked articles (think custom and personal wayback machine)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 36KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591
  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>The Internet Isn’t Forever (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://longreads.com/2018/02/20/the-internet-isnt-forever/">
  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. The Internet Isn’t Forever (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://longreads.com/2018/02/20/the-internet-isnt-forever/">Source originale du contenu</a></h3>
  445. <p><i>The Honolulu Advertiser </i>doesn’t exist anymore, but it used to publish a regular “Health Bureau Statistics” column in its back pages supplied with information from the Hawaii Department of Health detailing births, deaths, and other events. The paper, which began in 1856 as the <i>Pacific Commercial Advertiser</i>, since the end of World War II was merged, bought, sold, and then merged again with its local rival, <i>The Honolulu Star-Bulletin</i>, to become in 2010 <i>The Honolulu Star-Advertiser</i>. But the <i>Advertiser</i> archive is still preserved on microfilm in the Honolulu State Library. Who could have guessed, when those reels were made, that the record of a tiny birth announcement would one day become a matter of national consequence? But there, on page B-6 of the August 13, 1961 edition of <i>The Sunday Advertiser</i>, set next to classified listings for carpenters and floor waxers, are two lines of agate type announcing that on August 4, a son had been born to Mr. and Mrs. Barack H. Obama of 6085 Kalanianaole Highway.</p>
  446. <p>In the absence of this impossible-to-fudge bit of plastic film, it would have been far easier for the so-called birther movement to persuade more Americans that President Barack Obama wasn’t born in the United States. But that little roll of microfilm was and is still there, ready to be threaded on a reel and examined in the basement of the Honolulu State Library: An unfalsifiable record of “Births, Marriages, Deaths,” which immeasurably fortified the Hawaii government’s assertions regarding Obama’s original birth certificate. “We don’t destroy vital records,” Hawaii Health Department spokeswoman Janice Okubo says. “That’s our whole job, to maintain and retain vital records.”<span id="more-103391"/></p>
  447. <p>Absent that microfilmed archive, maybe Donald Trump could have kept insinuating that Barack Obama had in fact been born in Kenya, and granting sufficient political corruption, that lie might at some later date have become official history. Because history is a fight we’re having every day. We’re battling to make the truth first by living it, and then by recording and sharing it, and finally, crucially, by preserving it. Without an archive, there is no history.</p>
  448. <p>***</p>
  449. <p><span class="body-bold">For years, our most important records</span> have been committed to specialized materials and technologies. For archivists, 1870 is the year everything begins to turn to dust. That was the year American newspaper mills began phasing out rag-based paper with wood pulp, ensuring that newspapers printed after would be known to future generations as delicate things, brittle at the edges, yellowing with the slightest exposure to air. In the late 1920s, the Kodak company suggested microfilm was the solution, neatly compacting an entire newspaper onto a few inches of thin, flexible film. In the second half of the century, entire libraries were transferred to microform, spun on microfilm reels, or served on tiny microfiche platters, while the crumbling originals were thrown away or pulped. To save newspapers, we first had to destroy them.</p>
  450. <p>Then came digital media, which is even more compact than microfilm, giving way, initially at least, to fantasies of whole libraries preserved on the head of a pin. In the event, the new digital records degraded even more quickly than did newsprint. Information’s most consistent quality is its evanescence. Information is fugitive in its very nature.</p>
  451. <p>“People are good at guessing what will be important in the future, but we are terrible at guessing what won’t be,” says <a href="https://twitter.com/cshirky">Clay Shirky</a>, media scholar and author, who in the early 2000s worked at the Library of Congress on the National Digital Information Infrastructure Preservation Project. After the obvious — presidential inaugurations or live footage of world historical events, say — we have to choose what to save. But we can’t save everything, and we can’t know that what we’re saving will last long. “Much of the modern dance of the 1970s and 1980s is lost precisely because choreographers assumed the VHS tapes they made would preserve it,” he says. He points to <a href="https://www.clir.org/wp-content/uploads/sites/6/ensuring.pdf">Rothenberg’s Law</a>: “Digital data lasts forever, or five years, whichever comes first,” which was coined by the RAND Corporation computer scientist Jeff Rothenberg in a 1995 <i>Scientific American </i>article. “Our digital documents are far more fragile than paper,” he argued. “In fact, the record of the entire present period of history is in jeopardy.”</p>
  452. <blockquote class="pullquote"><p>We battle every day to make the truth, first by living it, then by recording and sharing it, and finally, crucially, by preserving it.</p></blockquote>
  453. <p>On the other hand, says archivist <a href="https://twitter.com/dancohen">Dan Cohen</a>, “One of the good developments of our digital age is that it is possible to save more, and to provide access to more.” Fifteen years ago, he began work on <i><a href="http://chnm.gmu.edu/digitalhistory/">Digital History</a></i>, a book co-authored with Roy Rosenzweig. “There was already a good sense of how fragile born-digital materials are,” he explains, stressing that most archivists’ concerns aren’t new. “Historians have always had to sift through fakes and half-truths. What’s gotten worse is the sheer ease of creating fake documents and especially of disseminating them far and wide. People haven’t gotten any less gullible.”</p>
  454. <p>In the 21st century, more and more information is “born digital” and will stay that way, prone to decay or disappearance as servers, software, Web technologies, and computer languages break down. The task of internet archivists has developed a significance far beyond what anyone could have imagined in 2001, when the <a href="https://archive.org/">Internet Archive</a> first cranked up the <a href="http://archive.org/web/">Wayback Machine</a> and began collecting Web pages; the site now holds more than 30 petabytes of data dating back to 1996. (One gigabyte would hold the equivalent of 30 feet of books on a shelf; a petabyte is a million of those.) Not infrequently, the Wayback Machine and other large digital archives, such as those in the care of the great national and academic libraries, find themselves holding the only extant copy of a given work on the public internet. This responsibility is increasingly fraught with political, cultural, and even legal complications.</p>
  455. <p>***</p>
  456. <p><span class="body-bold">Press-hating autocrats, increasingly emboldened</span> by Donald Trump’s notorious contempt for journalists, have grown brazen in recent years. North Korean state media erased some 35,000 articles mentioning Jang Song-thaek, the uncle of Kim Jong-Un, after his execution for treason in late 2013. Turkey’s president Recep Tayyip Erdoğan cracked down on his country’s press after a failed coup attempt in July 2016, shuttering more than 150 press outlets. The Egyptian government ordered ISPs to block access to 21 news websites in May 2017. This is to say nothing of broader crackdowns on public information such as Turkey’s ban on teaching evolution in high schools, or China’s recent attempt to force Cambridge University Press to censor journal articles.</p>
  457. <p>Now let’s assume there are copies of these banned publications in public digital archives, such as the Wayback Machine. If a government wishes to remove information from the internet, but archivists believe the material in question to be of significant public interest and import, how are libraries and archives to respond? How do libraries balance the public interest against those with legitimate grounds for restricting access, such as rights holders and privacy advocates?</p>
  458. <p>The Wayback Machine generally adheres to the standards of the Oakland Archive Policy, a template for the use of librarians and archivists in evaluating takedown requests developed at UC Berkeley and first published in 2002. When governments make such requests, the Oakland policy quotes the American Library Association’s <a href="http://www.ala.org/advocacy/intfreedom/librarybill">Library Bill of Rights</a>, adopted in 1939: “Libraries should challenge censorship in the fulfillment of their responsibility to provide information and enlightenment.”</p>
  459. <p>The Library Bill of Rights also states that “books and other library resources should be provided for the interest, information, and enlightenment of all people of the community the library serves. Materials should not be excluded because of the origin, background, or views of those contributing to their creation.” When we consider that the internet is a library, and that the community it serves is all mankind, the responsibility of digital archivists acquires a gravity that is hard to overstate.</p>
  460. <p>***</p>
  461. <p><span class="body-bold">Until June 2016, when it filed for bankruptcy,</span> Gawker provided intelligent and unrestrained commentary on events of the day to a mass audience of tens of millions. The company fell victim to a barrage of lawsuits, filed by different plaintiffs but paid for by one person, the billionaire PayPal co-founder and Trump supporter Peter Thiel, whose business, political, and personal dealings were frequently mocked by Gawker, which he once characterized as “the Silicon Valley equivalent of Al Qaeda…I think they should be described as terrorists, not as writers or reporters.” Most people who don’t care for a magazine are content to refrain from reading it. But Thiel went much, much further.</p>
  462. <p>Thiel’s <i>coup de grâce</i> against Gawker originated in a bizarre Florida lawsuit involving a blurry security-camera sex tape featuring the washed-up wrestler Hulk Hogan and Heather Clem, the wife of Hogan’s friend, radio personality Bubba the Love Sponge. Despite having discussed, in front of the vast radio audience of Howard Stern, intimate matters far too crude to recount here, Hogan was awarded a $140 million judgment for the invasion of his privacy and infliction of emotional distress by a six-person jury in Pinellas County. (Hogan and Gawker eventually reached a $31 million settlement.) Gawker Media Group was forced to file for Chapter 11 bankruptcy. Its websites were sold to Univision for $135 million — with the exception of its flagship site, Gawker.com, which the publicly traded corporation did not want to bear the risk of owning.</p>
  463. <blockquote class="pullquote"><p>Peter Thiel spent millions funding litigation in order to destroy Gawker and may be looking to finish the job by eradicating its archive.</p></blockquote>
  464. <p>The disposition of the remaining assets of Gawker Media Group, including the flagship site and its archive of over 200,000 articles, is still before a New York bankruptcy court. In January, <a href="http://nymag.com/selectall/2018/01/peter-thiel-is-bidding-on-the-corpse-of-gawker.html">Thiel submitted a bid for these assets</a>, after earlier complaining to the bankruptcy judge overseeing the auction that the Gawker estate’s administrators were barring him from doing so. Thiel spent millions on the Hogan case alone with the express purpose of destroying Gawker, and may be looking to purchase these assets in order to protect himself from a public airing of his secret campaign of litigation; he may also intend to finish the job of ruining Gawker by eradicating their archive. Suspicion of the latter motive has been voiced repeatedly both in court and in the press.</p>
  465. <p>What would be missing if the Gawker archive were to disappear, aside from years’ worth of mockery of Peter Thiel? Essays on the <a href="http://gawker.com/tag/black-lives-matter">Black Lives Matter</a> movement, on personal grief and <a href="http://gawker.com/is-donald-trump-s-hair-a-60-000-weave-a-gawker-invest-1777581357">Donald Trump’s hair</a>, on <a href="http://gawker.com/the-underground-website-where-you-can-buy-any-drug-imag-30818160">Silk Road</a> and <a href="http://gawker.com/5950981/unmasking-reddits-violentacrez-the-biggest-troll-on-the-web">Reddit’s Violentacrez</a>. A. J. Daulerio’s 2003 <a href="https://deadspin.com/5711673/my2003-interview-with-fred-phelps-of-the-westboro-baptist-church">interview with the late Fred Phelps</a>. A series of pieces <a href="http://gawker.com/true-stories-of-life-as-an-amazon-worker-1002568208">exposing Amazon’s cruel treatment of its workers</a>. <a href="http://gawker.com/tag/death-row-letters">Letters from death row inmates</a>. Tom Scocca’s final post on the dangers facing the free press, <a href="http://gawker.com/gawker-was-murdered-by-gaslight-1785456581">“Gawker Was Murdered by Gaslight.”</a></p>
  466. <p>Unlike politicians or entertainers, journalists have a professional obligation to tell the truth — not only for ethical reasons, but also because they can easily be sued, fired, or publicly disgraced if they publish things that aren’t true. Some examples of potentially dangerous material would be the explosive accusations against Harvey Weinstein reported by Ronan Farrow in <i>The New Yorker</i> and by Jodi Kantor and Megan Twohey in <i>The New York Times</i>, or the <i>Times</i>’s coverage of the sexual misdeeds of Louis C.K., or the <i>mea culpa </i>of Ta-Nehisi Coates, writing in <i>The</i> <i>Atlantic,</i> “I believed that Bill Cosby was a rapist.”</p>
  467. <p>All three of these stories had earlier roots at Gawker. A <a href="http://gawker.com/5894527/which-beloved-comedian-likes-to-force-female-comics-to-watch-him-jerk-off?comment=48089921#comments">blind item</a> in 2012 described the experiences of two female comedians who were sexually harassed by Louis C.K. In 2014, Gawker reignited public interest in the allegations against Bill Cosby after years of media silence (<a href="http://gawker.com/who-wants-to-remember-bill-cosbys-multiple-sex-assaul-1515923178">“Who Wants to Remember Bill Cosby’s Multiple Sex-Assault Allegations?”</a>). A 2015 piece on the <a href="http://defamer.gawker.com/tell-us-what-you-know-about-harvey-weinsteins-open-sec-1695071092">“despicable open secret” </a>of Harvey Weinstein’s sexual misconduct asked readers for their help in exposing the truth. Gawker took the first crack at many risky stories, thereby clearing the path for “respectability.” In the absence of journalists willing to take such risks, it’s not at all clear whether such stories would ever have come to light in the mainstream press.</p>
  468. <p>But the no-holds-barred approach could prove dangerous, as it did in the summer of 2015 when Gawker published private details of the gay sex life of a married Condé Nast executive. The decision to run this story met with criticism inside the profession and out. Gawker management removed the post, and Editor in Chief Max Read and Executive Editor Tommy Craggs resigned in protest.</p>
  469. <p>“A company of bomb throwers can’t start hiding the evidence when a bomb goes astray,” Craggs tells me. “There should be a record of your fuck-ups and your triumphs, too.” In a similar spirit, he favors the preservation of Gawker’s archive as “a record of how life was lived and covered on the internet for an era. Taking that away is leaving a huge hole in our understanding.”</p>
  470. <p>Peter Thiel is not the only trigger-happy rich man with a media axe to grind. Joe Ricketts, the Trump-supporting billionaire owner of DNAinfo and Gothamist, peremptorily shut both publications down in November 2017 after his employees voted to unionize. Ricketts had made his feelings about unions manifestly clear in a blog post he published during the negotiations: <a href="http://blog.joericketts.com/?p=557">“Why I’m Against Unions At Businesses I Create.”</a></p>
  471. <p>The archives of both publications disappeared in one fell swoop on the day the closure was announced, leading the just–laid off journalists to share tips on Twitter about how best to extract their clips, which would be useful at the very least in securing future employment, from Google’s search engine cache. The sites were later restored — for how long, who can say? — but the point had been made yet again. All it takes is one sufficiently angry rich person to destroy the work of hundreds, and prohibit access to information for millions.</p>
  472. <p>***</p>
  473. <p><span class="body-bold">Historically, the Wayback Machine</span> has sought to skirt legal complications and provide explicit instructions for rights-holders and publishers who <i>don’t</i> want their material crawled or archived, as well as tools for those who wish to facilitate preservation. I emailed the Wayback Machine’s founder Brewster Kahle with a description of the Gawker case, and asked what he thought might happen if a single person were to buy a large archive of historical interest with the sole aim of annihilating it. “It’s very disturbing,” he replied, and referred me to Mark Graham, who heads up the Wayback Machine. “We’re looking into these things very closely,” Graham tells me.</p>
  474. <p>In January, the Freedom of the Press Foundation, a non-profit organization affiliated with the Electronic Frontier Foundation, announced an initiative in partnership with the Internet Archive to <a href="https://archive-it.org/collections/9790">produce and maintain archives</a> of material threatened by the <a href="https://www.cjr.org/special_report/rich-journalism-media.php">“billionaire problem,”</a> including Gawker and the <em>LA Weekly</em>, which saw most of its editorial staff laid off last November after it was purchased by a group of investors who placed the Libertarian-leaning opinion editor of the <em>Orange County Register</em> in charge of the operation. “Obviously, we’re hoping that the Internet Archive is able to host this material indefinitely, and as an organization, they’ve got a very strong track record of standing up for speech,” says the FPF’s director of special projects, Parker Higgins. But he adds that they are already drawing up contingency plans should the new owners of the publications confront the project with takedown notices. “We are working on ensuring that the Archive’s continued hosting isn’t a single point of failure here, though we’re not quite ready to go into details on that,” he says.</p>
  475. <p>In addition to these efforts, there’s evidence that next-generation archival strategies are already under development at the Internet Archive and elsewhere. Kahle hosted Vint Cerf and other internet pioneers at the June 2016 Decentralized Web Summit in San Francisco, a gathering dedicated to exploring the design of a far more widely distributed, decentralized internet. Decentralized networks are less vulnerable to censorship or tampering, as for example in the peer-to-peer InterPlanetary File System, which protects files by storing many copies across many computers. In combination with the blockchain technology that underpins the Bitcoin cryptocurrency, systems can be designed to produce incorruptible archives, provided the networks they’re running on are sufficiently robust.</p>
  476. <p>An oft-cited feature of the new internet under discussion at the Decentralized Web Summit was this type of tamper-proof and permanent “baked-in” archive. Cerf, who despite his white beard and dignified presence is also playful and waggish (“Power corrupts, and PowerPoint corrupts absolutely”), spoke of the need for new kinds of “reference space” held in common by cooperating entities, the way URLs are held in common now. Kahle bounced around in characteristic style as he outlined his vision of a global peer-to-peer network with built-in archiving, all using techniques already developed. “Can we lock the Web open?” Kahle asked. “Can you actually make it so that openness is irrevocable, so that you bake these values into the Web itself? — and I would say, Yes. That is our opportunity.”</p>
  477. <p>Our records are the raw material of history; the shelter of our memories for the future. We must develop ironclad security for our digital archives, and put them entirely out of the reach of hostile hands. The good news is that this is still possible.</p>
  478. </article>
  479. </section>
  480. <nav id="jumpto">
  481. <p>
  482. <a href="/david/blog/">Accueil du blog</a> |
  483. <a href="https://longreads.com/2018/02/20/the-internet-isnt-forever/">Source originale</a> |
  484. <a href="/david/stream/2019/">Accueil du flux</a>
  485. </p>
  486. </nav>
  487. <footer>
  488. <div>
  489. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  490. <p>
  491. Bonjour/Hi!
  492. 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>
  493. 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>).
  494. </p>
  495. <p>
  496. 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>.
  497. </p>
  498. <p>
  499. Voici quelques articles choisis :
  500. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  501. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  502. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  503. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  504. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  505. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  506. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  507. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  508. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  509. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  510. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  511. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  512. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  513. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  514. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  515. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  516. </p>
  517. <p>
  518. 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>.
  519. </p>
  520. <p>
  521. Je ne traque pas ta navigation mais mon
  522. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  523. conserve des logs d’accès.
  524. </p>
  525. </div>
  526. </footer>
  527. <script type="text/javascript">
  528. ;(_ => {
  529. const jumper = document.getElementById('jumper')
  530. jumper.addEventListener('click', e => {
  531. e.preventDefault()
  532. const anchor = e.target.getAttribute('href')
  533. const targetEl = document.getElementById(anchor.substring(1))
  534. targetEl.scrollIntoView({behavior: 'smooth'})
  535. })
  536. })()
  537. </script>