A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  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,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Reflections as the Internet Archive turns 25 (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script>
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="https://blog.archive.org/2021/07/21/reflections-as-the-internet-archive-turns-25/">
  55. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>Reflections as the Internet Archive turns 25</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  63. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  64. </svg> Accueil</a> •
  65. <a href="https://blog.archive.org/2021/07/21/reflections-as-the-internet-archive-turns-25/" title="Lien vers le contenu original">Source originale</a>
  66. </p>
  67. </nav>
  68. <hr>
  69. <figure class="wp-block-image size-large"><a href="https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Portrait-in-front-of-bldg-2020-by-Rory-Mitchell-1.png"><img loading="lazy" src="https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Portrait-in-front-of-bldg-2020-by-Rory-Mitchell-1-1024x543.png" alt="" class="wp-image-23187" srcset="https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Portrait-in-front-of-bldg-2020-by-Rory-Mitchell-1-1024x543.png 1024w, https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Portrait-in-front-of-bldg-2020-by-Rory-Mitchell-1-300x159.png 300w, https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Portrait-in-front-of-bldg-2020-by-Rory-Mitchell-1-768x407.png 768w, https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Portrait-in-front-of-bldg-2020-by-Rory-Mitchell-1-624x331.png 624w, https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Portrait-in-front-of-bldg-2020-by-Rory-Mitchell-1.png 1267w" sizes="(max-width: 1024px) 100vw, 1024px"></a><figcaption>Photo by Rory Mitchell, The Mercantile, 2020 – <a href="https://creativecommons.org/licenses/by/4.0/">CC by 4.0</a></figcaption></figure>
  70. <div class="wp-block-image"><figure class="aligncenter size-large is-resized"><a href="https://blog.archive.org/wp-content/uploads/2021/07/DannyHillis-CM-1-TamikoThiel-CarlFeynman-BrewsterKahle_TMC-May1985-1.jpg"><img loading="lazy" src="https://blog.archive.org/wp-content/uploads/2021/07/DannyHillis-CM-1-TamikoThiel-CarlFeynman-BrewsterKahle_TMC-May1985-1-692x1024.jpg" alt="" class="wp-image-23188" srcset="https://blog.archive.org/wp-content/uploads/2021/07/DannyHillis-CM-1-TamikoThiel-CarlFeynman-BrewsterKahle_TMC-May1985-1-692x1024.jpg 692w, https://blog.archive.org/wp-content/uploads/2021/07/DannyHillis-CM-1-TamikoThiel-CarlFeynman-BrewsterKahle_TMC-May1985-1-203x300.jpg 203w, https://blog.archive.org/wp-content/uploads/2021/07/DannyHillis-CM-1-TamikoThiel-CarlFeynman-BrewsterKahle_TMC-May1985-1-768x1136.jpg 768w, https://blog.archive.org/wp-content/uploads/2021/07/DannyHillis-CM-1-TamikoThiel-CarlFeynman-BrewsterKahle_TMC-May1985-1-1039x1536.jpg 1039w, https://blog.archive.org/wp-content/uploads/2021/07/DannyHillis-CM-1-TamikoThiel-CarlFeynman-BrewsterKahle_TMC-May1985-1-624x923.jpg 624w, https://blog.archive.org/wp-content/uploads/2021/07/DannyHillis-CM-1-TamikoThiel-CarlFeynman-BrewsterKahle_TMC-May1985-1.jpg 1199w" sizes="(max-width: 361px) 100vw, 361px"></a><figcaption>(L-R) Brewster Kahle, Tamiko Thiel, Carl Feynman at Thinking Machines, May 1985. Photo courtesy of Tamiko Thiel.</figcaption></figure></div>
  71. <h2>A Library of Everything</h2>
  72. <p>As a young man, I wanted to help make a new medium that would be a step forward from Gutenberg’s invention hundreds of years before. </p>
  73. <p>By building a Library of Everything in the digital age, I thought the opportunity was not just to make it available to everybody in the world, but to make it <em>better</em>–smarter than paper. By using computers, we could make the Library not just searchable, but organizable; make it so that you could navigate your way through millions, and maybe eventually billions of web pages.</p>
  74. <p>The first step was to make computers that worked for large collections of rich media. The next was to create a network that could tap into computers all over the world: the Arpanet that became the Internet. Next came augmented intelligence, which came to be called search engines. I then helped build <a href="https://en.wikipedia.org/wiki/Wide_area_information_server">WAIS</a>–Wide Area Information Server–that helped publishers get online to anchor this new and open system, which came to be enveloped by the World Wide Web.  </p>
  75. <p>By 1996, it was time to start building the library.</p>
  76. <p>This library would have all the published works of humankind. This library would be available not only to those who could pay the $1 per minute that LexusNexus charged, or only at the most elite universities. This would be a library available to anybody, anywhere in the world. Could we take the role of a library a step further, so that everyone’s writings could be included–not only those with a New York book contract? Could we build a multimedia archive that contains not only writings, but also songs, recipes, games, and videos? Could we make it possible for anyone to learn about their grandmother in a hundred years’ time?</p>
  77. <div class="wp-block-image"><figure class="aligncenter size-large is-resized"><a href="https://blog.archive.org/wp-content/uploads/2021/07/May-7-1998-SF-Gate-Article.png"><img loading="lazy" src="https://blog.archive.org/wp-content/uploads/2021/07/May-7-1998-SF-Gate-Article.png" alt="" class="wp-image-23189" srcset="https://blog.archive.org/wp-content/uploads/2021/07/May-7-1998-SF-Gate-Article.png 864w, https://blog.archive.org/wp-content/uploads/2021/07/May-7-1998-SF-Gate-Article-300x275.png 300w, https://blog.archive.org/wp-content/uploads/2021/07/May-7-1998-SF-Gate-Article-768x704.png 768w, https://blog.archive.org/wp-content/uploads/2021/07/May-7-1998-SF-Gate-Article-624x572.png 624w" sizes="(max-width: 567px) 100vw, 567px"></a><figcaption>From the San Francisco Chronicle, Business Section, May 7, 1988. Photo by Jerry Telfer.</figcaption></figure></div>
  78. <h2>Not about an Exit or an IPO</h2>
  79. <p>From the beginning, the Internet Archive had to be a nonprofit because it contains everybody else’s things. Its motives had to be transparent. It had to last a long time.</p>
  80. <p>In Silicon Valley, the goal is to find a profitable exit, either through acquisition or IPO, and go off to do your next thing. That was never my goal. The goal of the Internet Archive is to create a permanent memory for the Web that can be leveraged to make a new Global Mind. To find patterns in the data over time that would provide us with new insights, well beyond what you could do with a search engine.  To be not only a historical reference but a living part of the pulse of the Internet.</p>
  81. <div class="wp-block-image"><figure class="aligncenter size-large is-resized"><a href="https://blog.archive.org/wp-content/uploads/2021/07/John-Perry-Barlow-5-CROP.jpg"><img loading="lazy" src="https://blog.archive.org/wp-content/uploads/2021/07/John-Perry-Barlow-5-CROP.jpg" alt="" class="wp-image-23193" srcset="https://blog.archive.org/wp-content/uploads/2021/07/John-Perry-Barlow-5-CROP.jpg 926w, https://blog.archive.org/wp-content/uploads/2021/07/John-Perry-Barlow-5-CROP-300x210.jpg 300w, https://blog.archive.org/wp-content/uploads/2021/07/John-Perry-Barlow-5-CROP-768x537.jpg 768w, https://blog.archive.org/wp-content/uploads/2021/07/John-Perry-Barlow-5-CROP-624x436.jpg 624w" sizes="(max-width: 559px) 100vw, 559px"></a><figcaption><em>John Perry Barlow, lyricist for the Grateful Dead &amp; founder of the Electronic Frontier Foundation, accepting the Internet Archive Hero Award, October 21, 2015. Photograph by Brad Shirakawa – </em><a href="https://creativecommons.org/licenses/by/4.0/">CC by 4.0</a></figcaption></figure></div>
  82. <h2>Looking Way Back</h2>
  83. <p>My favorite things from the early era of the Web were the dreamers. </p>
  84. <p>In the early Web, we saw people trying to make a more democratic system work. People tried to make publishing more inclusive.</p>
  85. <p>We also saw the other parts of humanity: the pornographers, the scammers, the spammers, and the trolls. They, too, saw the opportunity to realize their dreams in this new world. At the end of the day, the Internet and the World Wide Web–it’s just us. It’s just a history of humankind. And it has been an experiment in sharing and openness.</p>
  86. <p>The World Wide Web at its best is a mechanism for people to share what they know, almost always for free, and to find one’s community no matter where you are in the world. </p>
  87. <figure class="wp-block-image size-large"><a href="https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Kahle-Keynote-at-Charleston-Conference-2019-1.jpeg"><img loading="lazy" src="https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Kahle-Keynote-at-Charleston-Conference-2019-1.jpeg" alt="" class="wp-image-23191" srcset="https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Kahle-Keynote-at-Charleston-Conference-2019-1.jpeg 1024w, https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Kahle-Keynote-at-Charleston-Conference-2019-1-300x200.jpeg 300w, https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Kahle-Keynote-at-Charleston-Conference-2019-1-768x512.jpeg 768w, https://blog.archive.org/wp-content/uploads/2021/07/Brewster-Kahle-Keynote-at-Charleston-Conference-2019-1-624x416.jpeg 624w" sizes="(max-width: 1024px) 100vw, 1024px"></a><figcaption>Brewster Kahle speaking at the 2019 Charleston Library Conference. Photo by Corey Seeman<em>– </em><a href="https://creativecommons.org/licenses/by/4.0/">CC by 4.0</a></figcaption></figure>
  88. <h2>Looking Way Forward</h2>
  89. <p>Over the next 25 years, we have a very different challenge. It’s solving some of the big problems with the Internet that we’re seeing now. Will this be our medium or will it be theirs? Will it be for a small controlling set of organizations or will it be a common good, a public resource? </p>
  90. <p>So many of us trust the Web to find recipes, how to repair your lawnmower, where to buy new shoes, who to date. Trust is perhaps the most valuable asset we have, and squandering that trust will be a global disaster. </p>
  91. <p>We may not have achieved Universal Access to All Knowledge yet, but we still can.</p>
  92. <p>In another 25 years, we can have writings from not a hundred million people, but from a billion people, preserved forever. We can have compensation systems that aren’t driven by advertising models that enrich only a few. </p>
  93. <p>We can have a world with many winners, with people participating, finding communities of like-minded people they can learn from all over the world.  We can create an Internet where <em>we</em> feel in control. </p>
  94. <p>I believe we can build this future together. You have already helped the Internet Archive build this future. Over the last 25 years, we’ve amassed billions of pages, 70 petabytes of data to offer to the next generation. Let’s offer it to them in new and exciting ways. Let’s be the builders and dreamers of the next twenty-five years.</p>
  95. <p><em><strong>See a timeline of Key Moments in Access to Knowledge, videos &amp; an invitation to our 25th Anniversary Virtual Celebration at <a href="https://anniversary.archive.org/">anniversary.archive.org</a>.</strong></em></p>
  96. </article>
  97. <hr>
  98. <footer>
  99. <p>
  100. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  101. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  102. </svg> Accueil</a> •
  103. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  104. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  105. </svg> RSS</a> •
  106. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  107. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  108. </svg> Pro</a> •
  109. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  110. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  111. </svg> Email</a> •
  112. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  113. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  114. </svg> Légal</abbr>
  115. </p>
  116. <template id="theme-selector">
  117. <form>
  118. <fieldset>
  119. <legend><svg class="icon icon-brightness-contrast">
  120. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  121. </svg> Thème</legend>
  122. <label>
  123. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  124. </label>
  125. <label>
  126. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  127. </label>
  128. <label>
  129. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  130. </label>
  131. </fieldset>
  132. </form>
  133. </template>
  134. </footer>
  135. <script>
  136. function loadThemeForm(templateName) {
  137. const themeSelectorTemplate = document.querySelector(templateName)
  138. const form = themeSelectorTemplate.content.firstElementChild
  139. themeSelectorTemplate.replaceWith(form)
  140. form.addEventListener('change', (e) => {
  141. const chosenColorScheme = e.target.value
  142. localStorage.setItem('theme', chosenColorScheme)
  143. toggleTheme(chosenColorScheme)
  144. })
  145. const selectedTheme = localStorage.getItem('theme')
  146. if (selectedTheme && selectedTheme !== 'undefined') {
  147. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  148. }
  149. }
  150. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  151. window.addEventListener('load', () => {
  152. let hasDarkRules = false
  153. for (const styleSheet of Array.from(document.styleSheets)) {
  154. let mediaRules = []
  155. for (const cssRule of styleSheet.cssRules) {
  156. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  157. continue
  158. }
  159. // WARNING: Safari does not have/supports `conditionText`.
  160. if (cssRule.conditionText) {
  161. if (cssRule.conditionText !== prefersColorSchemeDark) {
  162. continue
  163. }
  164. } else {
  165. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  166. continue
  167. }
  168. }
  169. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  170. }
  171. // WARNING: do not try to insert a Rule to a styleSheet you are
  172. // currently iterating on, otherwise the browser will be stuck
  173. // in a infinite loop…
  174. for (const mediaRule of mediaRules) {
  175. styleSheet.insertRule(mediaRule.cssText)
  176. hasDarkRules = true
  177. }
  178. }
  179. if (hasDarkRules) {
  180. loadThemeForm('#theme-selector')
  181. }
  182. })
  183. </script>
  184. </body>
  185. </html>