A place to cache linked articles (think custom and personal wayback machine)
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
vor 4 Jahren
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  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>Végétarien carnivore (archive) — David Larlet</title>
  13. <!-- That good ol' feed, subscribe :). -->
  14. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  15. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  16. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  17. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  18. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  19. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  20. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  21. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  22. <meta name="msapplication-TileColor" content="#f0f0ea">
  23. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- Documented, feel free to shoot an email. -->
  26. <link rel="stylesheet" href="/static/david/css/style_2020-06-19.css">
  27. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  28. <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>
  29. <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>
  30. <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>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <script type="text/javascript">
  35. function toggleTheme(themeName) {
  36. document.documentElement.classList.toggle(
  37. 'forced-dark',
  38. themeName === 'dark'
  39. )
  40. document.documentElement.classList.toggle(
  41. 'forced-light',
  42. themeName === 'light'
  43. )
  44. }
  45. const selectedTheme = localStorage.getItem('theme')
  46. if (selectedTheme !== 'undefined') {
  47. toggleTheme(selectedTheme)
  48. }
  49. </script>
  50. <meta name="robots" content="noindex, nofollow">
  51. <meta content="origin-when-cross-origin" name="referrer">
  52. <!-- Canonical URL for SEO purposes -->
  53. <link rel="canonical" href="https://oncletom.io/2020/01/12/vegetarien-carnivore/">
  54. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  55. <article>
  56. <h1>Végétarien carnivore</h1>
  57. <nav>
  58. <p class="center">
  59. <a href="/david/" title="Aller à l’accueil" tabindex="1">🏠</a>
  60. </p>
  61. </nav>
  62. <hr>
  63. <h2><a href="https://oncletom.io/2020/01/12/vegetarien-carnivore/">Source originale du contenu</a></h2>
  64. <p>Je n'achète plus de viande par défaut depuis une dizaine d'années. Et depuis 2 ans, je suis cuisine explicitement végétarien pour les repas de fête/famille — je considère la viande comme une option.</p>
  65. <p>Mais je mange quand même de la viande de temps en temps. Parce qu'y en a à l'apéro, parce que dans un resto l'option végétarienne n'est pas attrayante et aussi parce que des fois l'offre que je vois me plait.</p>
  66. <p>J'ai voulu me donner comme défi d'être exclusivement végétarien cette année. Alors j'ai décortiqué le sentiment à l'origine de l'idée :</p>
  67. <ul>
  68. <li>je refuse qu'autant de terres agricoles, qu'autant d'eau, qu'autant d'énergie soient mises en jeu, au lieu de mieux nourrir les habitant·es de la planète ;</li>
  69. <li>je refuse les conditions d'élevage, tant des animaux que des humains qui sont employées dans ces carnages (<a href="https://www.franceculture.fr/emissions/les-pieds-sur-terre/journal-breton" target="_blank" rel="noopener">Journal Breton</a> et <a href="https://www.franceculture.fr/emissions/les-pieds-sur-terre/journal-breton-saison-2" target="_blank" rel="noopener">Journal Breton Saison 2</a> sont parlants à ce sujet)</li>
  70. <li>je n'aime pas l'idée de tuer un être vivant, mais les végétaux que je mange sont eux aussi vivants — où est la frontière ?</li>
  71. <li>ne pas manger de viande n'inclut pas la problématique de la "distance alimentaire", ni des conditions de rémunération des personnes qui produisent les aliments que je consomme — ne regarder que l'aspect "viande", c'est ne pas regarder la question alimentaire dans son ensemble.</li>
  72. </ul>
  73. <p>J'ai l'impression que "manger sans nourrir le système industriel, le plus local et le plus respectueux de la nature" serait une proposition plus en ligne avec mes valeurs.</p>
  74. <p>Je suis curieux de savoir comment tu abordes cette question.</p>
  75. </article>
  76. <hr>
  77. <footer>
  78. <p>
  79. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  80. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  81. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  82. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  83. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  84. </p>
  85. <template id="theme-selector">
  86. <form>
  87. <fieldset>
  88. <legend>Thème</legend>
  89. <label>
  90. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  91. </label>
  92. <label>
  93. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  94. </label>
  95. <label>
  96. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  97. </label>
  98. </fieldset>
  99. </form>
  100. </template>
  101. </footer>
  102. <script type="text/javascript">
  103. function loadThemeForm(templateName) {
  104. const themeSelectorTemplate = document.querySelector(templateName)
  105. const form = themeSelectorTemplate.content.firstElementChild
  106. themeSelectorTemplate.replaceWith(form)
  107. form.addEventListener('change', (e) => {
  108. const chosenColorScheme = e.target.value
  109. localStorage.setItem('theme', chosenColorScheme)
  110. toggleTheme(chosenColorScheme)
  111. })
  112. const selectedTheme = localStorage.getItem('theme')
  113. if (selectedTheme && selectedTheme !== 'undefined') {
  114. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  115. }
  116. }
  117. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  118. window.addEventListener('load', () => {
  119. let hasDarkRules = false
  120. for (const styleSheet of Array.from(document.styleSheets)) {
  121. let mediaRules = []
  122. for (const cssRule of styleSheet.cssRules) {
  123. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  124. continue
  125. }
  126. // WARNING: Safari does not have/supports `conditionText`.
  127. if (cssRule.conditionText) {
  128. if (cssRule.conditionText !== prefersColorSchemeDark) {
  129. continue
  130. }
  131. } else {
  132. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  133. continue
  134. }
  135. }
  136. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  137. }
  138. // WARNING: do not try to insert a Rule to a styleSheet you are
  139. // currently iterating on, otherwise the browser will be stuck
  140. // in a infinite loop…
  141. for (const mediaRule of mediaRules) {
  142. styleSheet.insertRule(mediaRule.cssText)
  143. hasDarkRules = true
  144. }
  145. }
  146. if (hasDarkRules) {
  147. loadThemeForm('#theme-selector')
  148. }
  149. })
  150. </script>
  151. </body>
  152. </html>