davidbgk
/
larlet-fr-david-cache
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
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.
332 Commits
1 Branch
Tree: 299424b54d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '299424b54d'
${ noResults }
larlet-fr-david-cache/cache/2024/30b40ff8034212e070dc7daf2b9.../index.html

index.html 16KB
Raw Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366 
  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` 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>an "archives first" approach to mailing lists (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. 

  56.   <meta name="robots" content="noindex, nofollow">

  57.   <meta content="origin-when-cross-origin" name="referrer">

  58.   <!-- Canonical URL for SEO purposes -->

  59.   <link rel="canonical" href="https://public-inbox.org/README.html">

  60. 

  61. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">

  62. 

  63. 

  64. <article>

  65.   <header>

  66.     <h1>an "archives first" approach to mailing lists</h1>

  67.   </header>

  68.   <nav>

  69.     <p class="center">

  70.       <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">

  71.         <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>

  72.       </svg> Accueil</a> •

  73.       <a href="https://public-inbox.org/README.html" title="Lien vers le contenu original">Source originale</a>

  74.       <br>

  75.       Mis en cache le 2024-01-19

  76.     </p>

  77.   </nav>

  78.   <hr>

  79.   <pre>public-inbox - an "archives first" approach to mailing lists

  80. ------------------------------------------------------------

  81. 

  82. public-inbox implements the sharing of an email inbox via git to

  83. complement or replace traditional mailing lists.  Readers may

  84. read via NNTP, IMAP, POP3, Atom feeds or HTML archives.

  85. 

  86. public-inbox spawned around three main ideas:

  87. 

  88. * Publicly accessible and archived communication is essential to

  89.   Free Software development.

  90. 

  91. * Contributing to Free Software projects should not require the

  92.   use of non-Free services or software.

  93. 

  94. * Graphical user interfaces should not be required for text-based

  95.   communication.  Users may have broken graphics drivers, limited

  96.   eyesight, or be unable to afford modern hardware.

  97. 

  98. public-inbox aims to be easy-to-deploy and manage; encouraging projects

  99. to run their own instances with minimal overhead.

  100. 

  101. Implementation

  102. --------------

  103. 

  104. public-inbox stores mail in git repositories as documented

  105. in <a href="https://public-inbox.org/public-inbox-v2-format.txt">https://public-inbox.org/public-inbox-v2-format.txt</a> and

  106. <a href="https://public-inbox.org/public-inbox-v1-format.txt">https://public-inbox.org/public-inbox-v1-format.txt</a>

  107. 

  108. By storing (and optionally) exposing an inbox via git, it is

  109. fast and efficient to host and mirror public-inboxes.

  110. 

  111. Traditional mailing lists use the "push" model.  For readers,

  112. that requires commitment to subscribe and effort to unsubscribe.

  113. New readers may also have difficulty following existing

  114. discussions if archives do not expose Message-ID and References

  115. headers.  List server admins are also burdened with delivery

  116. failures.

  117. 

  118. public-inbox uses the "pull" model.  Casual readers may

  119. follow the list via NNTP, IMAP, POP3, Atom feed or HTML archives.

  120. 

  121. If a reader loses interest, they simply stop following.

  122. 

  123. Since we use git, mirrors are easy-to-setup, and lists are

  124. easy-to-relocate to different mail addresses without losing

  125. or splitting archives.

  126. 

  127. _Anybody_ may also setup a delivery-only mailing list server to

  128. replay a public-inbox git archive to subscribers via SMTP.

  129. 

  130. Features

  131. --------

  132. 

  133. * anybody may participate via plain-text email

  134. 

  135. * stores email in git, readers may have a complete archive of the inbox

  136. 

  137. * Atom feed, IMAP, NNTP, POP3 allows casual readers to follow via local tools

  138. 

  139. * uses only well-documented and easy-to-implement data formats

  140. 

  141. Try it out now, see <a href="https://try.public-inbox.org/">https://try.public-inbox.org/</a>

  142. 

  143. Requirements for reading:

  144. 

  145. * any software capable of IMAP, NNTP, POP3 or following Atom feeds

  146. 

  147. Any basic web browser will do for the HTML archives.

  148. We primarily develop on w3m to maximize accessibility.

  149. 

  150. Requirements (participant)

  151. --------------------------

  152. 

  153. * any MUA which may send text-only emails ("git send-email" works!)

  154.   Users are strongly encouraged to use the "reply-all" feature of

  155.   their mailers to reduce the impact of a public-inbox as a

  156.   single point of failure.

  157. 

  158. * The HTTP web interface exposes mboxrd files, and NNTP clients often

  159.   feature reply-by-email functionality

  160. 

  161. * participants do not need to install public-inbox, only server admins

  162. 

  163. Requirements (server)

  164. ---------------------

  165. 

  166. See <a href="https://public-inbox.org/INSTALL">https://public-inbox.org/INSTALL</a>

  167. 

  168. Hacking

  169. -------

  170. 

  171. AGPL source code is available via git:

  172. 

  173.     git clone <a href="https://public-inbox.org/public-inbox.git">https://public-inbox.org/public-inbox.git</a>

  174.     git clone <a href="https://repo.or.cz/public-inbox.git">https://repo.or.cz/public-inbox.git</a>

  175.     torsocks git clone <a href="http://7fh6tueqddpjyxjmgtdiueylzoqt6pt7hec3pukyptlmohoowvhde4yd.onion/public-inbox.git">http://7fh6tueqddpjyxjmgtdiueylzoqt6pt7hec3pukyptlmohoowvhde4yd.onion/public-inbox.git</a>

  176.     torsocks git clone <a href="http://4uok3hntl7oi7b4uf4rtfwefqeexfzil2w6kgk2jn5z2f764irre7byd.onion/public-inbox">http://4uok3hntl7oi7b4uf4rtfwefqeexfzil2w6kgk2jn5z2f764irre7byd.onion/public-inbox</a>

  177. 

  178. See below for contact info.

  179. 

  180. Contact

  181. -------

  182. 

  183. We are happy to see feedback of all types via plain-text email.

  184. public-inbox discussion is self-hosting on public-inbox.org

  185. Please send comments, user/developer discussion, patches, bug reports,

  186. and pull requests to our public-inbox address at:

  187. 

  188.     meta@public-inbox.org

  189. 

  190. Please Cc: all recipients when replying as we do not require

  191. subscription.  This also makes it easier to rope in folks of

  192. tangentially related projects we depend on (e.g. git developers

  193. on git@vger.kernel.org).

  194. 

  195. The archives are readable via IMAP, NNTP or HTTP:

  196. 

  197.     <a href="nntps://news.public-inbox.org/inbox.comp.mail.public-inbox.meta">nntps://news.public-inbox.org/inbox.comp.mail.public-inbox.meta</a>

  198.     imaps://;AUTH=ANONYMOUS@public-inbox.org/inbox.comp.mail.public-inbox.meta.0

  199.     <a href="https://public-inbox.org/meta/">https://public-inbox.org/meta/</a>

  200. 

  201. AUTH=ANONYMOUS is recommended for IMAP, but any username + password works

  202. 

  203. And as Tor hidden services:

  204. 

  205.     <a href="http://4uok3hntl7oi7b4uf4rtfwefqeexfzil2w6kgk2jn5z2f764irre7byd.onion/meta/">http://4uok3hntl7oi7b4uf4rtfwefqeexfzil2w6kgk2jn5z2f764irre7byd.onion/meta/</a>

  206.     <a href="nntp://4uok3hntl7oi7b4uf4rtfwefqeexfzil2w6kgk2jn5z2f764irre7byd.onion/inbox.comp.mail.public-inbox.meta">nntp://4uok3hntl7oi7b4uf4rtfwefqeexfzil2w6kgk2jn5z2f764irre7byd.onion/inbox.comp.mail.public-inbox.meta</a>

  207.     imap://;AUTH=ANONYMOUS@4uok3hntl7oi7b4uf4rtfwefqeexfzil2w6kgk2jn5z2f764irre7byd.onion/inbox.comp.mail.public-inbox.meta.0

  208. 

  209. You may also clone all messages via git:

  210. 

  211.     git clone --mirror <a href="https://public-inbox.org/meta/">https://public-inbox.org/meta/</a>

  212.     torsocks git clone --mirror <a href="http://4uok3hntl7oi7b4uf4rtfwefqeexfzil2w6kgk2jn5z2f764irre7byd.onion/meta/">http://4uok3hntl7oi7b4uf4rtfwefqeexfzil2w6kgk2jn5z2f764irre7byd.onion/meta/</a>

  213. 

  214. POP3 access instructions are at:

  215. 

  216.     <a href="https://public-inbox.org/meta/_/text/help/#pop3">https://public-inbox.org/meta/_/text/help/#pop3</a>

  217. 

  218. Anti-Spam

  219. ---------

  220. 

  221. The maintainer of public-inbox has found SpamAssassin a good tool for

  222. filtering his personal mail, and it will be the default spam filtering

  223. tool in public-inbox.

  224. 

  225. See <a href="https://public-inbox.org/dc-dlvr-spam-flow.html">https://public-inbox.org/dc-dlvr-spam-flow.html</a> for more info.

  226. 

  227. Content Filtering

  228. -----------------

  229. 

  230. To discourage phishing, trackers, exploits and other nuisances,

  231. only plain-text emails are allowed and HTML is rejected by default.

  232. This improves accessibility, and saves bandwidth and storage

  233. as mail is archived forever.

  234. 

  235. As of the 2010s, successful online social networks and forums are the

  236. ones which heavily restrict users formatting options; so public-inbox

  237. aims to preserve the focus on content, and not presentation.

  238. 

  239. Copyright

  240. ---------

  241. 

  242. Copyright all contributors &lt;meta@public-inbox.org&gt;

  243. License: AGPL-3.0+ &lt;<a href="https://www.gnu.org/licenses/agpl-3.0.txt">https://www.gnu.org/licenses/agpl-3.0.txt</a>&gt;

  244. 

  245. This program is free software: you can redistribute it and/or modify

  246. it under the terms of the GNU Affero General Public License as published by

  247. the Free Software Foundation, either version 3 of the License, or

  248. (at your option) any later version.

  249. 

  250. This program is distributed in the hope that it will be useful,

  251. but WITHOUT ANY WARRANTY; without even the implied warranty of

  252. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

  253. GNU Affero General Public License for more details.

  254. 

  255. You should have received a copy of the GNU Affero General Public License

  256. along with this program.  If not, see &lt;<a href="https://www.gnu.org/licenses/">https://www.gnu.org/licenses/</a>&gt;.

  257. 

  258. Additional permission under GNU GPL version 3 section 7:

  259. 

  260.     If you modify this program, or any covered work, by linking or

  261.     combining it with the OpenSSL project's OpenSSL library (or a

  262.     modified version of that library), containing parts covered by the

  263.     terms of the OpenSSL or SSLeay licenses, the copyright holder(s)

  264.     grants you additional permission to convey the resulting work.

  265.     Corresponding Source for a non-source form of such a combination

  266.     shall include the source code for the parts of OpenSSL used as well

  267.     as that of the covered work.

  268. </pre>

  269. </article>

  270. 

  271. 

  272. <hr>

  273. 

  274. <footer>

  275.   <p>

  276.     <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">

  277.         <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>

  278.       </svg> Accueil</a> •

  279.     <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">

  280.         <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>

  281.       </svg> Suivre</a> •

  282.     <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">

  283.         <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>

  284.       </svg> Pro</a> •

  285.     <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">

  286.         <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>

  287.       </svg> Email</a> •

  288.     <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">

  289.         <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>

  290.       </svg> Légal</abbr>

  291.   </p>

  292.   <template id="theme-selector">

  293.       <form>

  294.           <fieldset>

  295.               <legend><svg class="icon icon-brightness-contrast">

  296.                 <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>

  297.               </svg> Thème</legend>

  298.               <label>

  299.                   <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto

  300.               </label>

  301.               <label>

  302.                   <input type="radio" value="dark" name="chosen-color-scheme"> Foncé

  303.               </label>

  304.               <label>

  305.                   <input type="radio" value="light" name="chosen-color-scheme"> Clair

  306.               </label>

  307.           </fieldset>

  308.       </form>

  309.   </template>

  310. </footer>

  311. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>

  312. <script>

  313.     function loadThemeForm(templateName) {

  314.         const themeSelectorTemplate = document.querySelector(templateName)

  315.         const form = themeSelectorTemplate.content.firstElementChild

  316.         themeSelectorTemplate.replaceWith(form)

  317. 

  318.         form.addEventListener('change', (e) => {

  319.             const chosenColorScheme = e.target.value

  320.             localStorage.setItem('theme', chosenColorScheme)

  321.             toggleTheme(chosenColorScheme)

  322.         })

  323. 

  324.         const selectedTheme = localStorage.getItem('theme')

  325.         if (selectedTheme && selectedTheme !== 'undefined') {

  326.             form.querySelector(`[value="${selectedTheme}"]`).checked = true

  327.         }

  328.     }

  329. 

  330.     const prefersColorSchemeDark = '(prefers-color-scheme: dark)'

  331.     window.addEventListener('load', () => {

  332.         let hasDarkRules = false

  333.         for (const styleSheet of Array.from(document.styleSheets)) {

  334.             let mediaRules = []

  335.             for (const cssRule of styleSheet.cssRules) {

  336.                 if (cssRule.type !== CSSRule.MEDIA_RULE) {

  337.                     continue

  338.                 }

  339.                 // WARNING: Safari does not have/supports `conditionText`.

  340.                 if (cssRule.conditionText) {

  341.                     if (cssRule.conditionText !== prefersColorSchemeDark) {

  342.                         continue

  343.                     }

  344.                 } else {

  345.                     if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {

  346.                         continue

  347.                     }

  348.                 }

  349.                 mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))

  350.             }

  351. 

  352.             // WARNING: do not try to insert a Rule to a styleSheet you are

  353.             // currently iterating on, otherwise the browser will be stuck

  354.             // in a infinite loop…

  355.             for (const mediaRule of mediaRules) {

  356.                 styleSheet.insertRule(mediaRule.cssText)

  357.                 hasDarkRules = true

  358.             }

  359.         }

  360.         if (hasDarkRules) {

  361.             loadThemeForm('#theme-selector')

  362.         }

  363.     })

  364. </script>

  365. </body>

  366. </html>