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

9 maanden geleden
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="en">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  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>What’s the fun in writing on the internet anymore? (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="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <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>
  34. <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>
  35. <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>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://jamesshelley.com/blog/writing-on-the-internet.html">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>What’s the fun in writing on the internet anymore?</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://jamesshelley.com/blog/writing-on-the-internet.html" title="Lien vers le contenu original">Source originale</a>
  70. <br>
  71. Mis en cache le 2024-02-19
  72. </p>
  73. </nav>
  74. <hr>
  75. <p>You are reading some words on the internet.</p>
  76. <p>Think about all the things you could do with these words.</p>
  77. <p>You could copy and paste this article into ChatGPT and say, “Please rewrite and paraphrase this blog post in such a way as to keep its main points and observations, but substantively reconfigure the text to make the original version undetectable.” And then, just like that, you have content for your own blog. So easy.</p>
  78. <p>Or you could just copy the contents of this page and paste it into a site like plagiarism-remover.com so you could, as advertised, “Easily Convert Your Plagiarism article Into Plagiarism Free article.” Or you could use Spinbot. Or Jasper. Or QuillBot. Or Paraphraser. And so on.</p>
  79. <p>You can now spin up <a href="https://slate.com/technology/2023/01/chat-gpt-openai-jasper-hugging-face-plagiarism-big-technology.html">new, “original” articles</a> faster and easier than even <em>reading</em> the originals. This is a dizzying and dumbfounding new reality, when you stop and think about it: <em>automated plagiarism is now more efficient than reading itself.</em></p>
  80. <p>All the same, if you want to skip the whole paraphrase/spin step, you could instead <a href="https://jamesshelley.com/blog/on-being-plagiarized.html">copy and paste this article verbatim into a newsletter served up behind a paywall</a>. This strategy drastically reduces the odds that it will be recognized as plagiarism on the open web. And, hey, why not make a few extra bucks? (Perhaps ironically, turbo-charged content spinning is so pervasive that <a href="https://www.niemanlab.org/2024/02/six-months-in-journalist-owned-tech-publication-404-media-is-profitable/">evermore sites require user logins just to access content</a>. This seems vicious: repurposing content engenders the proliferation of walled gardens and walled gardens, in turn, engenders the proliferation of repurposed content.)</p>
  81. <p>In summary, it feels like the fate of words on the internet is to be paraphrased. Emerging tools like <a href="https://www.perplexity.ai/search/google-search-results-ET4ll7tdT6axzwgifCC3Gw?s=c" rel="nofollow">Perplexity.ai respond to quiries with fulsome answers that do not require users to even click off the site</a>. In other words, search itself is becoming the delivery of paraphrase and summary. Waning are the days of sifting through “search results” to find a specific source. Henceforth, digital words are little more than raw data to be crunched, processed, and served up by third-party intermediaries.</p>
  82. <p>The “moral rights” of the author. <em>Copyright</em>. <em>Attribution</em>. We have grown to assume these concepts as givens, but they are rapidly sliding into practical irrelevance in the age of AI and paywalls. To put any thoughtful labour into crafting words online today is to watch them get sucked up, repurposed, and often monetized by someone else. It feels a bit like a digital wasteland; overrun with pirates, replete with armies of robots regurgitating everything into a gooey cocktail of digital sludge.</p>
  83. <p>It is interesting to speculate about the future. It seems like people might eventually grow skeptical about investing their personal creativity in such a space, right? Will anyone bother writing on the internet when they know their words will be pilfered and junkified? What happens to the craft of <em>writing itself</em> when our de facto global platform for sharing text no longer reinforces or recognizes the role or rights of <em>authorship</em>?</p>
  84. <p>To ponder this question, we can look back. In some ways, today’s internet evermore reminds of the world I encountered back in classical studies. There are bits of papyrus and parchment are flying around everywhere. Some texts claim attribution, some are anonymous, and a lot are pseudonymous—and you can’t tease any of this apart with any certainty. There are competing manuscripts, copies of copies, and significant “versioning issues” everywhere you look. Ultimately, the credence and authority you give to any specific text typically reflects the trust your community bestows on it. The only words that survive are the ones that get copied. This all sounds strangely familiar, yes?</p>
  85. <p>If you were lucky and wealthy enough to write in antiquity, your scribbles went out into the world to completely unknown ends. Authorship, accompanied by newfangled attributions of moral and legal entitlements, is not yet a refined concept. Once you “release” the words, you categorically relinquish control of them. And you are fully aware that the more clever and helpful your words are to others, the more likely it is that future readers will attribute your words to someone else.</p>
  86. <p><em>Sic semper erat, et sic semper erit.</em> The better your words, the more likely it is that somebody will poach them. Somebody will probably “paraphrase” your work beyond detection. Somebody will “republish” it as their “original.” Somebody else will train their large language model on your text and serve it up without citations or footnotes. To write on today’s internet and assume universal respect for your “moral rights of authorship” is an act of grand delusion.</p>
  87. <p>You might as well write anonymous papyrus fragments.</p>
  88. <p>And this is the point.</p>
  89. <p>None of this really matters.</p>
  90. <p>Whether papyrus or the internet, humans doggedly write for influence, status, wealth, conviction, and pleasure. But the so-called sanctity of “authorship” is only a very recent idea. These “rights” of authorship are only true if they are enforced. They are a kind of fiction that only make sense in occasional times, places, and cultures. For the next chapter of the human experiment, I wonder if “authorship” will again recede into the background, as it often seems to do in times of disruptive changes in communication technology.</p>
  91. <p>But the banishment of the author doesn’t mean writing ends. Writers still write even when “authorship” functionally means nothing. And what they write still influences their world, with or without the universe dutifully paying homage to their bylines. In the long arcs of history, <em>what</em> is written typically goes on to mean much more than <em>who</em> wrote it. The future, like today, is built on ideas, not on the people who had them, because people die but ideas never stop evolving.</p>
  92. <p>And the future <em>needs</em> ideas—not auto-generated “summaries” of old ones.</p>
  93. <p>So, what’s the fun of writing on the internet anymore? Well, if your aim is to be respected as an author, there’s probably not much fun to be had here at all. Don’t write online for fame and glory. Oblivion, obscurity and exploitation are all but guaranteed. Write here because <em>ideas</em> matter, not authorship. Write here because the more robots, pirates, and single-minded trolls swallow up cyberspace, the more we need independent writing in order to think new thoughts in the future — even if your words are getting dished up and plated by an algorithm.</p>
  94. <p>Those who <em>write</em> — those who add ideas instead of paraphrasing and regurgitating them — inform the lexicology and mental corpus of how we think in the future. Indeed, the point isn’t “being an author,” but contributing one’s perspective, even if one’s personal identity is silenced, erased, and anonymized along the way.</p>
  95. </article>
  96. <hr>
  97. <footer>
  98. <p>
  99. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  100. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  101. </svg> Accueil</a> •
  102. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  103. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  104. </svg> Suivre</a> •
  105. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  106. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  107. </svg> Pro</a> •
  108. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  109. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  110. </svg> Email</a> •
  111. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  112. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  113. </svg> Légal</abbr>
  114. </p>
  115. <template id="theme-selector">
  116. <form>
  117. <fieldset>
  118. <legend><svg class="icon icon-brightness-contrast">
  119. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  120. </svg> Thème</legend>
  121. <label>
  122. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  123. </label>
  124. <label>
  125. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  126. </label>
  127. <label>
  128. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  129. </label>
  130. </fieldset>
  131. </form>
  132. </template>
  133. </footer>
  134. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  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>