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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  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>Dune — David Larlet</title>
  13. <meta name="description" content="Les trailers de Dune dévoilent TOUT. LE. FILM. Les scènes grandioses, les enjeux entre les personnages, les costumes incroyables, les pivots narratifs, les décors démesurés, les retournements de situation, TOUT Y EST au point de se demander s’il y a encore un intérêt de payer vingt balles (bienvenue en Suisse) pour découvrir au cinéma la version longue d’un clip qui résume l’essentiel du film en trois minutes.">
  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. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  53. <article>
  54. <header>
  55. <h1>Dune</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2021/10/17/" title="Publication précédente : Ét(ec)h(n)ique">← Précédent</a> •
  60. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  61. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  62. </svg> Accueil</a>
  63. • <a rel="next" href="/david/2021/10/19/" title="Publication suivante : Lecteur d’écran">Suivant →</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <blockquote>
  68. <p>Les trailers de <em>Dune</em> dévoilent TOUT. LE. FILM.&nbsp;Les scènes grandioses, les enjeux entre les personnages, les costumes incroyables, les pivots narratifs, les décors démesurés, les retournements de situation, <mark>TOUT Y EST</mark> au point de se demander s’il y a encore un intérêt de payer vingt balles (bienvenue en Suisse) pour découvrir au cinéma la version longue d’un clip qui résume l’essentiel du film en trois minutes.</p>
  69. <p><cite><em><a href="https://www.hypothermia.fr/2021/09/divulgachis-cinematographiques/">Divulgâchis cinématographiques</a></em> (<a href="/david/cache/2021/d947a54204547c662e81d7d68fcf2b98/">cache</a>)</cite></p>
  70. </blockquote>
  71. <p>Bon. J’ai vu Dune par Denis Villeneuve. Enfin. Même s’il est sorti le 15&nbsp;septembre en France, il doit sortir le 22&nbsp;octobre au Canada. Plus d’un mois d’attente à slalomer entre les critiques. Après un an d’attente suite à la bande annonce… et j’ai finalement craqué pour un <em>torrent</em> en bonne qualité (oups, <a href="/david/stream/2018/02/18/">encore une</a>).</p>
  72. <p><em>Est-ce qu’il est besoin de préciser que ça va divulgâcher dans la suite&#8239;?</em></p>
  73. <p>J’avais vu la bande annonce et c’était clairement une erreur. Comme le dit Eliness, il n’y a plus aucune surprise. L’histoire je la connais — là n’était pas la surprise — j’avais envie de voir à quoi pouvait ressembler un ornithoptère, un distille ou un Kriss. Et sur ces plans là, c’est vraiment réussi mais ça donne une impression de déjà vu qui est décevante.</p>
  74. <p>Les décors, l’ambiance, la représentation de l’épice, beaucoup de choses sont bien faites et permettent de se plonger dans l’image et de réajuster ses propres projections mentales issues des lectures. J’étais notamment curieux de voir comment la façon de progresser sur le sable allait être interprétée. La musique, il faut aimer ce que fait Hans ZimmerBROOOOM (pas mon cas).</p>
  75. <p>L’univers c’est chouette mais qu’en est-il de l’intrigue&#8239;? Ou plutôt <em>des</em> intrigues&#8239;? Il y a clairement eu une volonté d’exhaustivité sur ce plan là (la pression des fans&#8239;!) et ça endommage un peu ce premier volet. Peut-être qu’il faut au minimum une trilogie&#8239;? Beaucoup de choses m’ont semblé un peu bâclées (au montage&#8239;?) et je me demande comment comprendre tous les rapports de force sans avoir lu les livres. Ça devient un enchainement de scènes et je trouve que ça écrase certaines dimensions et/ou croisements.</p>
  76. <p>La difficulté de faire une adaptation cinématographique de <em>Dune</em>, c’est qu’énormément d’émotions et de réflexions se passent dans la tête des personnages. Or, c’est difficilement retranscriptible dans un medium qui est assez pauvre à ce niveau là. La seule option que je verrais pour les rendre intelligibles serait une voix <em>off</em> très présente, ce qui pourrait vite devenir ennuyant (adaptation de David Lynch). Le choix d’avoir retranscrit ces émotions visuellement rend les personnages <em>visiblement</em> hypersensibles et c’est très éloigné du contrôle de soi opéré par le <em>Bene Gesserit</em> par exemple. Jessica devient un anti-personnage expressif sur ce plan là, grosse déception.</p>
  77. <p>Pour finir sur le négatif, il y a un souci de temporalité qui est inhérent au format. Certaines transformations nécessitent de s’inscrire dans le temps, on ne devient pas un <em>Kwisatz Haderach</em> en 2&nbsp;minutes chrono&#8239;!</p>
  78. <p>Mais sinon, j’ai apprécié que <em>Liet Kynes</em> soit une femme noire et que les <em>Fremens</em> soient représentés par des personnes à la couleur de peau sombre. Oui, on songe forcément aux Touaregs (Kel Tamajeq, ⴾⵍⵜⵎⴰⵣⵗⵜ) et non, c’est pas pour ça qu’une adaptation allait être logique sur ce plan là… on a déjà vu des <em>castings</em> beaucoup moins bien inspirés.</p>
  79. <p>Les boucliers, les combats, tout ce qui est visuel est plutôt bien fait sans tomber dans le travers de vouloir trop en faire. J’avais une grosse appréhension pour l’épreuve du <em>Gom Jabbar</em> et c’est plutôt bien amené. Pareil pour les visions de Paul qui sont extrêmement difficiles à retranscrire avec de l’image. Les <em>Fremens</em> sont plutôt fidèles à la représentation mentale que j’en avais, autant dans le fond que dans la forme. J’ai salué l’angle qui consiste à comparer un oppresseur à un nouvel oppresseur avec une scène de transmission qui a un arrière goût de Troisième Reich.</p>
  80. <p>Ma conclusion&nbsp;: c’est une bonne <em>adaptation</em> mais je crois que je ne pourrais de toute façon jamais me satisfaire d’un film sur le sujet.</p>
  81. <p>J’attends aussi la suite avec impatience. <span aria-label="Bonhomme ASCII art haussant les épaules.">¯\_(ツ)_/¯</span></p>
  82. <hr />
  83. <p>Lu depuis&nbsp;:</p>
  84. <blockquote>
  85. <p>Superstition, brusquerie touchante, sensualité, la caricature de l’Orient tourne à plein régime. Dans un mélange de condescendance, de fascination et d’attirance à connotation sexuelle, les Fremen sont <mark>un cas d’école du regard de l’Occident sur des peuples colonisés</mark>, réduits au rang de curiosités et auxquels on concède quelques qualités venant confirmer leur irréductible infériorité.</p>
  86. <p><cite><em><a href="https://geographiesenmouvement.com/2021/09/22/dune-montagne-de-stereotypes/">«&nbsp;Dune&nbsp;», montagne de stéréotypes</a></em> (<a href="/david/cache/2021/58215a8d1b67f927153fa6e0e023a94e/">cache</a>)</cite></p>
  87. </blockquote>
  88. <p>Et aussi&nbsp;:</p>
  89. <blockquote lang="en">
  90. <p>In a moment of broader cultural gloominess, Dune’s perspective may resonate more with the current movie-going public. Its themes of long-term ecological destruction, terraforming, and the specter of religious extremism seem in many ways ripped out of the headlines, while Asimov’s technocratic belief in scholarly wisdom as a shining light may be less in vogue. Ultimately, though, <mark>the core appeal of these works is not in how each matches with the fashion of today</mark>, but in how they look forward through thousands of years of human futures, keeping our imagination of long-term thinking alive.</p>
  91. <p><cite><em><a href="https://blog.longnow.org/02021/10/22/dune-foundation-and-the-allure-of-science-fiction-that-thinks-long-term/">“Dune,” “Foundation,” and the Allure of Science Fiction that Thinks Long-Term</a></em> (<a href="/david/cache/2021/5727ce8b486c655f1914e61fb51238de/">cache</a>)</cite></p>
  92. </blockquote>
  93. <p>Il faudra que je parle de <em>Foundation</em> à un moment.</p>
  94. <nav>
  95. <p class="center">
  96. <a rel="prev" href="/david/2021/10/17/" title="Publication précédente : Ét(ec)h(n)ique">← Précédent</a> •
  97. <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
  98. • <a rel="next" href="/david/2021/10/19/" title="Publication suivante : Lecteur d’écran">Suivant →</a>
  99. </p>
  100. </nav>
  101. </article>
  102. <hr>
  103. <footer>
  104. <p>
  105. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  106. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  107. </svg> Accueil</a> •
  108. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  109. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  110. </svg> Suivre</a> •
  111. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  112. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  113. </svg> Pro</a> •
  114. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  115. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  116. </svg> Email</a> •
  117. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  118. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  119. </svg> Légal</abbr>
  120. </p>
  121. <template id="theme-selector">
  122. <form>
  123. <fieldset>
  124. <legend><svg class="icon icon-brightness-contrast">
  125. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  126. </svg> Thème</legend>
  127. <label>
  128. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  129. </label>
  130. <label>
  131. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  132. </label>
  133. <label>
  134. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  135. </label>
  136. </fieldset>
  137. </form>
  138. </template>
  139. </footer>
  140. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  141. <script>
  142. function loadThemeForm(templateName) {
  143. const themeSelectorTemplate = document.querySelector(templateName)
  144. const form = themeSelectorTemplate.content.firstElementChild
  145. themeSelectorTemplate.replaceWith(form)
  146. form.addEventListener('change', (e) => {
  147. const chosenColorScheme = e.target.value
  148. localStorage.setItem('theme', chosenColorScheme)
  149. toggleTheme(chosenColorScheme)
  150. })
  151. const selectedTheme = localStorage.getItem('theme')
  152. if (selectedTheme && selectedTheme !== 'undefined') {
  153. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  154. }
  155. }
  156. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  157. window.addEventListener('load', () => {
  158. let hasDarkRules = false
  159. for (const styleSheet of Array.from(document.styleSheets)) {
  160. let mediaRules = []
  161. for (const cssRule of styleSheet.cssRules) {
  162. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  163. continue
  164. }
  165. // WARNING: Safari does not have/supports `conditionText`.
  166. if (cssRule.conditionText) {
  167. if (cssRule.conditionText !== prefersColorSchemeDark) {
  168. continue
  169. }
  170. } else {
  171. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  172. continue
  173. }
  174. }
  175. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  176. }
  177. // WARNING: do not try to insert a Rule to a styleSheet you are
  178. // currently iterating on, otherwise the browser will be stuck
  179. // in a infinite loop…
  180. for (const mediaRule of mediaRules) {
  181. styleSheet.insertRule(mediaRule.cssText)
  182. hasDarkRules = true
  183. }
  184. }
  185. if (hasDarkRules) {
  186. loadThemeForm('#theme-selector')
  187. }
  188. })
  189. </script>
  190. </body>
  191. </html>