A place to cache linked articles (think custom and personal wayback machine)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
  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>Épuiser la pratique (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. <!-- 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. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://www.quaternum.net/2020/02/29/epuiser-la-pratique/">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Épuiser la pratique</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://www.quaternum.net/2020/02/29/epuiser-la-pratique/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Un accident artistique.</p>
  71. <p><img src="https://www.quaternum.net/images/2019-epuiser-01.jpg" alt=""></p>
  72. <p>L’idée était venue presque par hasard.
  73. Profiter de deux mois dans une autre ville pour produire quelque chose.
  74. Avec une contrainte à s’imposer, et une certaine dimension de régularité.
  75. Le carnet comme support.
  76. Même si l’exploration de l’intime est souvent attirante l’écriture n’était pas une option viable à ce moment-là.
  77. Apprendre à dessiner.
  78. En deux mois
  79. Chaque jour.
  80. Projet saugrenu dont il était facile de se détacher, au besoin.</p>
  81. <p>L’expérience passe vite.
  82. Dans la douleur et dans la satisfaction.
  83. Les progrès sont rapides, le style s’affirme vite, le résultat est palpable.
  84. Montrable aussi.
  85. Pourquoi ne pas continuer, comme une opportunité de créer, avec de maigres moyens mais un horizon flamboyant.
  86. Transcrire un bâtiment, proposer un cadrage, rendre compte de la ville, capter les détails, garder une trace.
  87. Dessiner dehors, s’appuyer sur le regard.
  88. L’atelier est le carnet.
  89. Dessiner sur une table est exclu.</p>
  90. <p>Dessiner au moins une fois par jour, remplir le carnet, chercher le trait juste.
  91. La répétition comme moyen d’aboutir à un moment de félicité : un geste graphique et artistique remarquable, sinon parfait.
  92. Parfois quelques détours, comme ajouter de la couleur, modifier le rythme du trait, changer de format, trouver une autre technique, mais toujours créer dans un geste continu, sans casser l’intention.
  93. Pas de crayonné, mais un trait noir indélébile.
  94. Pas de feuille volante, mais un carnet dont les pages sont reliées.
  95. Garder la rature si elle advient, conserver les ébauches, archiver les échecs.
  96. Tout ça, mélangé.</p>
  97. <p>Forcément ça implique d’investir sa personne.
  98. Marcher longtemps avant de trouver le détail qui attire l’œil, ou le modèle qui sera reproductible.
  99. Et le corps dans tout ça : rester assis presque une heure dans une position inconfortable, négocier avec le froid l’hiver, et parfois entrer en conflit.
  100. Accroupi près d’une usine, ça surprend.
  101. Pas d’intérêt pour le tracteur autre que sa représentation.
  102. Quelques points de suture après avoir dessiné une carcasse de voiture derrière un camp de fortune.
  103. Non il n’était pas question de voler des enfants, juste dessiner.
  104. Et les nombreuses sollicitations qui se veulent bienveillantes.
  105. C’est joli, c’est beau.
  106. Pourtant le dessin pour le dessin, être son propre lecteur.
  107. Le reste est autre chose, possible, mais autre chose.</p>
  108. <p>Se satisfaire de feuilleter les pages noircies.
  109. Grimacer souvent, prendre du plaisir à voir les dessins se suivre.
  110. Les bons comme les moins bons.
  111. Être le premier à constater que quelque chose se passe.
  112. Être le créateur, le spectateur, le critique.
  113. Fabriquer un livre à édition limitée, le seul exemplaire disponible.
  114. Maîtriser cette chaîne de la création.
  115. Et pourtant.
  116. Parfois.
  117. Dévoiler aux proches l’achèvement, quand tout est figé et seulement bon à montrer.
  118. Alors qu’au creux de soi le geste n’en finit plus.
  119. Il y a toujours un dessin à inscrire dans le carnet.
  120. Toujours un immeuble à dessiner, une usine à représenter, un panneau tordu à conserver.</p>
  121. <p>Les carnets se suivent, se multiplient.
  122. Dessiner n’est pas vital, dessiner était une contrainte et devient une obligation.
  123. Peut-être par nécessité de produire, quel que soit le résultat et sa qualité.
  124. Un dessin raté c’est mieux que pas de dessin.
  125. Avec tous ces carnets il est possible de constater l’ampleur de la tâche.
  126. De mesurer l’effort, le temps passé, la réussite, l’évolution, la chute.
  127. Le dessin est-il là pour autre chose ?
  128. Passer des heures à traverser une ville, à se perdre dans ses recoins ?
  129. Être le touriste de son propre quotidien atteint vite une limite.
  130. La discipline devient pesante.</p>
  131. <p>La création en voyage est un moyen, pas une fin.
  132. Ne pas tomber dans les clichés des vues attendues.
  133. Ça aurait pu être au coin de la rue, mais ce fut dans cette capitale européenne facile à dessiner.
  134. Ne pas rendre reconnaissable ce bâtiment.
  135. Proposer une autre interprétation, jouer avec les préjugés.
  136. Les carnets deviennent des boussoles.
  137. Là, à ce moment, il s’est passé autre chose que le dessin.
  138. Les amis, les amours, les sentiments, les émotions.
  139. À côté, autour, dedans.
  140. Plus dedans que ce qui était prévu.</p>
  141. <p><img src="https://www.quaternum.net/images/2019-epuiser-03.jpg" alt=""></p>
  142. <p>C’est un univers qui prend forme.
  143. Plus seulement les pages remplies ou la tentation de la perfection.
  144. Noter les signaux faibles.
  145. De ceux qui sont d’habitude écartés.
  146. Plutôt que de regarder les photos pour se souvenir, feuilleter les carnets.
  147. La maîtrise est une supercherie.
  148. C’est le stylo qui tient tout, qui dirige.
  149. Chaque périple est anticipé dans l’objectif d’une nouvelle création.
  150. À l’occasion d’un déplacement trouver quelques heures pour s’échapper.
  151. Se plaindre des jours de pluie.
  152. Attendre le printemps.
  153. Guetter les prochains voyages.</p>
  154. <p>L’anticipation de la création devient pollution, ça prend toute la place.
  155. Partir à la chasse au dessin.
  156. Le pas lourd, la main hésitante.
  157. Les dessins se font plus rares.
  158. C’était pourtant un moyen de se retrouver.
  159. Une ascèse vers l’extérieur, une retraite à l’intérieur du monde, un <em>break</em>.
  160. D’autres pratiques pointent.
  161. Tester l’écriture, le journal.
  162. La pire contrainte, abandonnée plus tard.
  163. Le texte fait son chemin.
  164. Aussi froid que le dessin d’observation.
  165. Rien dire de soi, en apparence.</p>
  166. <p>Le dessin brûlait les doigts d’excitation.
  167. Il est devenu un poids, une charge mentale.
  168. Quelque chose s’est usé en chemin.
  169. La recette devenait trop prévisible, le résultat moins aléatoire.
  170. Les ratures rares.
  171. Celles qui subsistent ont comme origine l’hésitation, pas la tentative.
  172. Est-ce que c’est triste ?
  173. Regrettable ?
  174. Dommage ?</p>
  175. <p>Ça se passerait ailleurs.
  176. Si tant est que la création soit une quantité d’énergie disponible.
  177. Alors allons voir ailleurs plutôt que rien du tout.
  178. Hésiter, c’est vraiment rater.
  179. L’échec est un bel essai.
  180. Il faut négocier avec l’univers créé.
  181. Celui-ci n’est pas détaché du reste.
  182. S’il y a un reste.
  183. Tout se réagençait déjà.
  184. Les carnets cachaient les métamorphoses à l’œuvre.
  185. L’urgence de s’écouter.</p>
  186. <p>Le dessin n’est pas un vieux copain.
  187. Il n’y a pas eu d’amitié.
  188. Une porte ouverte, d’autre couloirs empruntés.
  189. Regretter c’est croire que le chemin est balisé.
  190. Tout le monde est perdu mais personne ne le sait.
  191. Les carnets étaient une boussole.
  192. Il y a en d’autres, des boussoles.
  193. Aussi des phares, des lumières dans la nuit.
  194. Tout se superpose, s’entrechoque.
  195. C’est beau.</p>
  196. <p><img src="https://www.quaternum.net/images/2019-epuiser-02.jpg" alt=""></p>
  197. <p><em>Texte de création rédigé dans le cadre du séminaire de Jean-Simon Desrochers, Département des littératures de langues française, Université de Montréal, novembre 2019.</em></p>
  198. </article>
  199. <hr>
  200. <footer>
  201. <p>
  202. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  203. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  204. </svg> Accueil</a> •
  205. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  206. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  207. </svg> Suivre</a> •
  208. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  209. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  210. </svg> Pro</a> •
  211. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  212. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  213. </svg> Email</a> •
  214. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  215. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  216. </svg> Légal</abbr>
  217. </p>
  218. <template id="theme-selector">
  219. <form>
  220. <fieldset>
  221. <legend><svg class="icon icon-brightness-contrast">
  222. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  223. </svg> Thème</legend>
  224. <label>
  225. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  226. </label>
  227. <label>
  228. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  229. </label>
  230. <label>
  231. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  232. </label>
  233. </fieldset>
  234. </form>
  235. </template>
  236. </footer>
  237. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  238. <script>
  239. function loadThemeForm(templateName) {
  240. const themeSelectorTemplate = document.querySelector(templateName)
  241. const form = themeSelectorTemplate.content.firstElementChild
  242. themeSelectorTemplate.replaceWith(form)
  243. form.addEventListener('change', (e) => {
  244. const chosenColorScheme = e.target.value
  245. localStorage.setItem('theme', chosenColorScheme)
  246. toggleTheme(chosenColorScheme)
  247. })
  248. const selectedTheme = localStorage.getItem('theme')
  249. if (selectedTheme && selectedTheme !== 'undefined') {
  250. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  251. }
  252. }
  253. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  254. window.addEventListener('load', () => {
  255. let hasDarkRules = false
  256. for (const styleSheet of Array.from(document.styleSheets)) {
  257. let mediaRules = []
  258. for (const cssRule of styleSheet.cssRules) {
  259. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  260. continue
  261. }
  262. // WARNING: Safari does not have/supports `conditionText`.
  263. if (cssRule.conditionText) {
  264. if (cssRule.conditionText !== prefersColorSchemeDark) {
  265. continue
  266. }
  267. } else {
  268. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  269. continue
  270. }
  271. }
  272. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  273. }
  274. // WARNING: do not try to insert a Rule to a styleSheet you are
  275. // currently iterating on, otherwise the browser will be stuck
  276. // in a infinite loop…
  277. for (const mediaRule of mediaRules) {
  278. styleSheet.insertRule(mediaRule.cssText)
  279. hasDarkRules = true
  280. }
  281. }
  282. if (hasDarkRules) {
  283. loadThemeForm('#theme-selector')
  284. }
  285. })
  286. </script>
  287. </body>
  288. </html>