Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
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 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  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>Vidéos — David Larlet</title>
  13. <meta name="description" content="Une page regroupant les vidéos inspirantes regardées en 2020.">
  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_2020-06-19.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 type="text/javascript">
  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. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  52. <article>
  53. <header>
  54. <h1>Vidéos</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2020/12/13/" title="Publication précédente : Publications">←</a> •
  59. <a href="/david/" title="Aller à l’accueil">🏠</a>
  60. • <a rel="next" href="/david/2020/12/18/" title="Publication suivante : Arrakice">→</a>
  61. </p>
  62. </nav>
  63. <hr>
  64. <main>
  65. <p><em>Une page regroupant les vidéos inspirantes regardées en 2020.</em></p>
  66. <h2 id="american-dream">American Dream <a href="#american-dream" title="Ancre vers cette partie">#</a></h2>
  67. <blockquote>
  68. <p>Dans ce documentaire Noam Chomsky décrit les 10 principes de la concentration de la richesse et du pouvoir :</p>
  69. <ol>
  70. <li>Réduire la démocratie</li>
  71. <li>Former l’idéologie</li>
  72. <li>Redessiner l’économie</li>
  73. <li>Déplacer le fardeau</li>
  74. <li>Attaquer la solidarité</li>
  75. <li>Gérer les législateurs</li>
  76. <li>Manipuler les élections</li>
  77. <li>Maîtriser la populace</li>
  78. <li>Fabriquer le consentement</li>
  79. <li>Marginaliser la population</li>
  80. </ol>
  81. <p><cite><em><a href="https://www.youtube-nocookie.com/embed/kpTnYwv-qIE">Requiem for the American Dream</a></em>, Noam Chomsky</cite></p>
  82. </blockquote>
  83. <p>Je retiens notamment de ce documentaire — monté un peu trop lent à mon goût mais le contenu est éclairant — que l’on subit encore le retour de flamme des efforts démocratiques des années 60 qui ont été à l’origine d’une <cite>énorme offensive coordonnée du monde des affaires</cite>.</p>
  84. <p>Sous cet angle, je comprends un peu mieux les ficelles ayant pu mener à la situation actuelle. On pourrait facilement crier au complotisme et en même temps, en prenant un peu de recul, ça semble si facile à mettre en place lorsqu’on est un minimum privilégié.</p>
  85. <p>J’ai apprécié aussi le fait d’énoncer que la société actuelle ne soit pas capitaliste, auquel cas ce ne seraient pas les contribuables qui renfloueraient les banques en cas de krach boursier.</p>
  86. <h2 id="franck-lepage">Franck Lepage <a href="#franck-lepage" title="Ancre vers cette partie">#</a></h2><p><a href="https://www.youtube.com/playlist?list=PLFePO0DghdicNrU0KytikJAV310b9i7Gz">Interview été 2019</a> (<a href="https://invidio.us/playlist?list=PLFePO0DghdicNrU0KytikJAV310b9i7Gz">sur invidio.us</a>) sous la forme d’une <code>playlist</code> Google Youtube. J’aimerais pouvoir lier à un endroit autre mais tout de même pérenne, pas facile.</p>
  87. <p>Un montage suivant des grands concepts, ça reste léger et pourtant tout y est. C’est tranquille dans son moulin et ça change de l’ambiance des Thinkerviews. Voir aussi ce qu’il disait sur le <a href="/david/stream/2018/11/29/">mépris de classe</a>.</p>
  88. <h2 id="citizenfour">Citizenfour <a href="#citizenfour" title="Ancre vers cette partie">#</a></h2><p>J’ai longtemps reporté le moment de consultation de ce documentaire pensant plutôt bien connaître le sujet et en fait l’intérêt n’est pas celui auquel je m’attendais. C’est assez incroyable d’avoir des <code>rushs</code> des jours qui ont changé le monde et de voir l’intégrité et le courage d’une personne.</p>
  89. <p>Edward Snowden est un héros. Il a même une cape.</p>
  90. <p>Je renouvelle ma question : <a href="/david/stream/2018/06/16/">où sont les lanceurs d’alertes des GAFAM+ ?</a></p>
  91. <h2 id="minimalism">Minimalism <a href="#minimalism" title="Ancre vers cette partie">#</a></h2>
  92. <blockquote lang="en">
  93. <p>Love people and use things because the opposite never works.</p>
  94. <p><cite><em><a href="https://www.imdb.com/title/tt3810760/">Minimalism: A Documentary About the Important Things</a></em></cite></p>
  95. </blockquote>
  96. <p>Un documentaire sur des personnes riches qui décident de ne plus posséder de nombreuses choses. En passant un peu à côté de ce que cela <a href="/david/2020/01/15/#maximalist-assemblage">requiert par ailleurs</a> et de la nécessité d’accumuler lorsqu’on est pauvre.</p>
  97. <p>Il y a pas mal de jolies phrases à écrire sur des murs… tout blancs.</p>
  98. <h2 id="the-game-changers">The Game Changers <a href="#the-game-changers" title="Ancre vers cette partie">#</a></h2><p><a href="https://fr.wikipedia.org/wiki/The_Game_Changers">Documentaire</a> assez <a href="https://en.wikipedia.org/wiki/The_Game_Changers#Criticisms">controversé</a> sur le véganisme et son impact sur le corps, notamment dans le sport de haut niveau. Je suis loin d’être <em>vegan</em>, notamment car je consomme encore pas mal d’œufs et de fromage, et j’ai pu observer des transformations sur mon corps mais le contexte était tellement changeant qu’il est difficile d’arriver à la moindre conclusion personnelle.</p>
  99. <p>Ce qui me semble assez clair par contre c’est qu’il s’agit d’un levier important pour moins détériorer la planète. Et ce, pour un inconfort <em>quasi</em> nul. Je ne sais pas si c’est bon pour l’organisme mais ça soulage déjà mon cerveau !</p>
  100. <h2 id="jean-marc-jancovici">Jean-Marc Jancovici <a href="#jean-marc-jancovici" title="Ancre vers cette partie">#</a></h2><p><a href="https://www.youtube-nocookie.com/embed/CXA2BA9in30">Jancovici a répondu à nos questions en pleine crise du coronavirus</a> (<a href="https://invidio.us/watch?v=CXA2BA9in30">sur invidious</a>, <a href="https://soundcloud.com/effondrement-imminent/5-jancovici-a-repondu-a-vos-questions-en-pleine-crise-du-coronavirus-19032020">audio sur soundcloud</a>) et cela me donne un autre regard sur la situation pour mon état actuel (19 mars) de conscience sur le sujet.</p>
  101. <p>J’apprécie notamment qu’il s’interroge dès maintenant sur le moment où l’on va devoir arbitrer entre le confinement de toute la population et la survie des <em>boomers</em> qui ont mené à cette situation avec la spéculation infinie (notamment immobilière) et le plein emploi (qui est en fait la pleine énergie).</p>
  102. <p>Mon côté misantro-anthropo-socio-éthologue suit cela à la fois avec détachement et grand intérêt.</p>
  103. <p><a href="https://www.youtube-nocookie.com/embed/QGEai5owA4w">Jancovici a répondu à nos questions en plein confinement</a> (<a href="https://invidio.us/watch?v=QGEai5owA4w">sur invidious</a>, <a href="https://soundcloud.com/effondrement-imminent/6-jancovici-a-repondu-a-vos-questions-en-plein-confinement-16042020">audio sur soundcloud</a>) c’est la suite ( visionnée le 19 avril) et ça aborde pas mal de sujets que j’ai en tête à ce moment sur le monde qui s’en vient.</p>
  104. <h2 id="contagion">Contagion <a href="#contagion" title="Ancre vers cette partie">#</a></h2><p>Visionner ce film de 2011 en plein début de crise du Coronavirus (25 mars) rend cette fiction un peu trop réaliste à mon goût ! Pourtant tout y est : la propagation rapide depuis l’Asie, la transmission depuis une chauve-souris (!), les loupés/mensonges de l’administration, le besoin d’un vaccin, les complots faciles sur Internet, le souvenir de la non-panique du H1N1, etc.</p>
  105. <details>
  106. <summary>Divulgâcheur</summary>
  107. <p>Ils finissent par trouver un vaccin, ce qui pose un autre problème qui est celui de sa diffusion sans panique/émeute. On aurait peut-être des choses à apprendre sur le sujet…</p>
  108. </details>
  109. <h2 id="jusquau-declin">Jusqu’au déclin <a href="#jusquau-declin" title="Ancre vers cette partie">#</a></h2><p>J’avais besoin de me changer les idées alors pourquoi pas un film sur le survivalisme qui allait forcément être caricatural ?</p>
  110. <p>Et puis finalement, pas pire. J’ai apprécié le contexte vu que je vois peu de films québécois. Le <em>scenario</em> comporte des rebondissements assez inattendus ce qui rend le truc difficilement crédible mais c’est ce dont j’avais besoin.</p>
  111. <p>Cerise sur le gâteau, je me rends compte que j’étais sur le pont de la dernière scène il y a un mois (4 mars).</p>
  112. <p><em>La <a href="/david/bushcraft/">forêt</a> me manque.</em></p>
  113. <figure>
  114. <img src="/static/david/2020/pont_ouareau.jpg"
  115. alt="Vue depuis le pont qui enjambe la rivière Ouareau."
  116. loading="lazy" width="1024" height="1024" />
  117. <figcaption>Photo prise depuis le pont.</figcaption>
  118. </figure>
  119. <h2 id="the-last-dance">The Last Dance <a href="#the-last-dance" title="Ancre vers cette partie">#</a></h2><p>J’ai finalement vu <a href="https://en.wikipedia.org/wiki/The_Last_Dance_(TV_series)">ce documentaire</a> où des millionnaires parlent d’autres millionnaires. J’ai joué au basketball pendant ces années là, beaucoup, <em>vraiment</em> beaucoup. J’avais le maillot de Jordan et ses chaussures. Aussi, difficile de ne pas s’y retrouver et tout est fait pour ça. Une chose qui m’a marqué dans je ne sais plus quel épisode, c’est de montrer que Nike est devenu la marque actuelle en grande partie grâce au concours de Mickael Jordan à cette époque.</p>
  120. <p>Au vu de la popularité sur Netflix, ça me donne une bonne idée du pourcentage de la <a href="https://www.numerama.com/business/599695-un-francais-sur-dix-paie-un-abonnement-a-netflix.html">population des abonné·e·s</a> (<a href="/david/cache/2020/f7f37a2f04e53d5fef5189fbd172f5b7/">cache</a>) qui a mon âge… <em>good shot!</em></p>
  121. <h2 id="the-queens-gambit">The Queen’s Gambit <a href="#the-queens-gambit" title="Ancre vers cette partie">#</a></h2><p>Je n’arrivais pas à trouver ce qui me gênait dans cette série (à part le nom en français), je supposais que la raison était d’ordre esthétique avec quelque chose de trop bien ficelé. Je retrouvais ma réticence à plonger trop profond dans ce monde là fut un temps, par peur de m’y perdre. En jouant une partie d’échecs, j’ai l’impression de caresser la folie. Et tou·te·s les co-habitant·e·s de chats le savent : à trop caresser on finit par se faire mordre.</p>
  122. <p>Et puis je suis tombé sur cet article (attention, ça divulgâche pas mal) :</p>
  123. <blockquote lang="en">
  124. <p><em>The Queen’s Gambit</em> is marked by both misogynoir and biphobia, as Jolene and Cleo operate as stereotypical plot devices that bolster up the straight/white power of chess prodigy Beth Harmon.</p>
  125. <p><cite><em><a href="https://wearyourvoicemag.com/the-queens-gambit-uses-blackness-and-bisexuality-to-serve-white-heterosexuality/">‘The Queen's Gambit’ Uses Blackness and Bisexuality To Serve White Heterosexuality</a></em> (<a href="/david/cache/2020/00ce1b56d10ee1f6b458bfe507c7898a/">cache</a>)</cite></p>
  126. </blockquote>
  127. <p>Et je crois que ça alimentait un partie de mon malaise.</p>
  128. <h2 id="alain-damasio">Alain Damasio <a href="#alain-damasio" title="Ancre vers cette partie">#</a></h2>
  129. <blockquote>
  130. <p>C’est hyper précieux car ça ancre en toi une forme de vécu. Quand tu lis un roman que tu as adoré, quand tu vois un film qui t’a énormément touché, tu as l’impression d’avoir vécu ce film. Parce que t’es rentré dans le vaisseau identificatoire du personnage et t’as vécu avec lui tout ce qu’il s’est passé. Et du coup, ça crée cette mémoire personnelle en toi et ça prépare en quelque sorte des frayages neuronaux qui font que tu vas réagir dans le futur à des situations proches de la même façon que ce que tu as vu dans le film ou que tu as vu dans le roman.</p>
  131. </blockquote>
  132. <p>Je n’arrive pas à lire ses livres mais son intervention « <a href="https://www.youtube.com/watch?v=uA8KJeFD_fY">Des GAFA à GAÏA</a> » sur la politisation des imaginaires m’a permis de faire le lien entre la science fiction, le post-apocalyptique et l’implication politique à raconter les histoires que l’on veut pouvoir vivre.</p>
  133. <p>Ces réflexions m’inspirent pour réaliser mes propres vidéos.</p>
  134. <h2 id="ama">Ama <a href="#ama" title="Ancre vers cette partie">#</a></h2>
  135. <blockquote>
  136. <p><a href="https://www.youtube.com/watch?v=bdBuDg7mrT8">Ama est un film sans parole</a> qui raconte une histoire que chacun peut interpréter à sa manière, selon son propre vécu, tout est suggéré, rien n’est imposé.<br />
  137. J’ai voulu mettre dans ce film ma plus grande douleur en ce monde. Pour qu’elle ne soit pas trop crue je l’ai enrobée de grâce. Pour qu’elle ne soit pas trop lourde je l’ai plongée dans l’eau.<br />
  138. Je dédie ce film à toutes les femmes du monde.</p>
  139. </blockquote>
  140. <p>Il y a une telle émotion dans ce film. Merci aux personnes qui arrivent à partager des choses aussi émouvantes. Merci Julie Gautier.</p>
  141. <hr />
  142. <p><em>Note : je regarde aussi des navets beaucoup moins avouables, je suis même allé au bout de la première saison de « The Witcher », c’est dire ma résistance à la nullité.</em></p>
  143. </main>
  144. <nav>
  145. <p class="center">
  146. <a rel="prev" href="/david/2020/12/13/" title="Publication précédente : Publications">←</a> •
  147. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  148. • <a rel="next" href="/david/2020/12/18/" title="Publication suivante : Arrakice">→</a>
  149. </p>
  150. </nav>
  151. </article>
  152. <hr>
  153. <footer>
  154. <p>
  155. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  156. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  157. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  158. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  159. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  160. </p>
  161. <template id="theme-selector">
  162. <form>
  163. <fieldset>
  164. <legend>Thème</legend>
  165. <label>
  166. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  167. </label>
  168. <label>
  169. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  170. </label>
  171. <label>
  172. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  173. </label>
  174. </fieldset>
  175. </form>
  176. </template>
  177. </footer>
  178. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module" defer></script>
  179. <script type="text/javascript">
  180. function loadThemeForm(templateName) {
  181. const themeSelectorTemplate = document.querySelector(templateName)
  182. const form = themeSelectorTemplate.content.firstElementChild
  183. themeSelectorTemplate.replaceWith(form)
  184. form.addEventListener('change', (e) => {
  185. const chosenColorScheme = e.target.value
  186. localStorage.setItem('theme', chosenColorScheme)
  187. toggleTheme(chosenColorScheme)
  188. })
  189. const selectedTheme = localStorage.getItem('theme')
  190. if (selectedTheme && selectedTheme !== 'undefined') {
  191. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  192. }
  193. }
  194. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  195. window.addEventListener('load', () => {
  196. let hasDarkRules = false
  197. for (const styleSheet of Array.from(document.styleSheets)) {
  198. let mediaRules = []
  199. for (const cssRule of styleSheet.cssRules) {
  200. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  201. continue
  202. }
  203. // WARNING: Safari does not have/supports `conditionText`.
  204. if (cssRule.conditionText) {
  205. if (cssRule.conditionText !== prefersColorSchemeDark) {
  206. continue
  207. }
  208. } else {
  209. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  210. continue
  211. }
  212. }
  213. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  214. }
  215. // WARNING: do not try to insert a Rule to a styleSheet you are
  216. // currently iterating on, otherwise the browser will be stuck
  217. // in a infinite loop…
  218. for (const mediaRule of mediaRules) {
  219. styleSheet.insertRule(mediaRule.cssText)
  220. hasDarkRules = true
  221. }
  222. }
  223. if (hasDarkRules) {
  224. loadThemeForm('#theme-selector')
  225. }
  226. })
  227. </script>
  228. </body>
  229. </html>