davidbgk
/
larlet-fr-david-cache


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
							<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>Scanner à genoux (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<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>
<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>
<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>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
    function toggleTheme(themeName) {
        document.documentElement.classList.toggle(
            'forced-dark',
            themeName === 'dark'
        )
        document.documentElement.classList.toggle(
            'forced-light',
            themeName === 'light'
        )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
        toggleTheme(selectedTheme)
    }
</script>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://blank.blue/creas/scanner-a-genoux/">

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


<article>
  <header>
    <h1>Scanner à genoux</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://blank.blue/creas/scanner-a-genoux/" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p>Retour sur une création.</p>
<p>Pour la commande des images pour le site de l’<a href="https://lorganon.ca/">Organon</a>, j’ai appréhendé, peut-être pour la première fois les yeux ouverts, la question du <em>care</em> vis-à-vis de laquelle je me pensai complètement étrangère, n’envisageant pas mes créations comme des soins autrement que comme de violents exhutoires.</p>
<p>Ce qui en ressort se résume par la série des Pansemains<sup id="fnref:1"></sup>.</p>
<h2 id="penser-parà-la-main">
  Penser par/à la main
  <a class="anchor" href="#penser-par%c3%a0-la-main">#</a>
</h2>
<p>Pour penser le geste dans son rapport au corps et à ce qui peut être projeté d’expression sur ce dernier, les créations devaient décliner les rencontres entre plusieurs niveaux de matière et donc, pour faire chair, de visibilité<sup id="fnref:2"></sup>.</p>
<p>Outre le dessin, laissé au rang d’esquisse au crayon de papier imparfait, et le calque qui vient donner le cadre d’une forme, il y a la matière, terme large qui a la même amplitude que le <em>média</em> de McLuhan : végétal, terre, liquide, granularité, vêtement, peau, fibres.</p>
<p>L’huile des calques<sup id="fnref:3"></sup> sert de liant entre l’esquisse et le corps.</p>
<p>Le Pansemain 2 devait inclure de la fibre humaine, poils, qui parce la forme du cadre était le principe de l’horizontal, devaient être suffisamment long pour parcourir la page.</p>
<p>Bien en ont voulu les aléas génétiques et astres familiaux, ma composition capilaire est plutôt dense et expansive.</p>
<p>Composant les niveaux de moi-même, la numérisation finale venait fixer les états pour composer un objet, somme des manipulations et relations, le Pansemain.</p>
<h2 id="mise-à-genoux">
  Mise à genoux
  <a class="anchor" href="#mise-%c3%a0-genoux">#</a>
</h2>
<p>Si pour tous les autres Pansemains, la délicatesse de la numérisation résidait dans les manipulations cérémonielles :</p>
<pre><code> positionner correctement les éléments pour leur donner à chacun leurs espaces d'expression, 
 limiter à seulement trois tentatives d'accordement 
 éviter que les éléments ne se mêlent trop entre eux 
 (que la terre vienne trop imprégner l'esquisse de traces de dérapage de pneus), 
 prendre soin du scanner (alors transformé en panier salade par l'huile déteignant), 
</code></pre>
<p>la naissance du Pansemain 2 – « Démêler les doigts » – a pris une tournure de performance autant absurde que contemporaine.</p>
<p>À la diférence des autres création qui disposaient de matières indépendantes et dissociées de ma personne, le Pansemain 2 impliquait directement mon scalp, me prenait littéralement la tête.</p>
<p>Pas de photographies à l’appui, mais un témoignage,</p>
<pre><code>    celui d'une écartelée 
    à genoux devant un scanner dégoulinant d'huile d'olive,
    le crâne en prière sur le capot, 
    la chevelure avalée par la machine, 
    une main sur le maintien de la vitre, 
    une main tendue vers le clavier de l'ordinateur associé, 
</code></pre>
<p>pour lancer la numérisation d’une partie de mon être, sans bouger les mèches appartenant momentanément au Pansemain numéro 2.</p>
<h2 id="faire-corps-avec-la-machine">
  Faire corps avec la machine
  <a class="anchor" href="#faire-corps-avec-la-machine">#</a>
</h2>
<p>Entre <em>Crash</em> et <em>Scanners</em> de Cronenberg, la question de l’intimité avec ma machine s’est posée sous un nouvel angle, un angle un peu plus tordu et plié.</p>
<pre><code>j'ai pu entendre, comme un intrigué, les murmures du scanner
voir dans l'angle, comme un amant, sa face
attendre, comme un langui, qu'il se décide à me prendre en lui
et m'impatienter sur le résultat de notre imprégnation commune.
</code></pre>
<p>J’avais déjà prêté mon corps à l’expression pour le <a href="https://blank.blue/meditions/manifeste-des-petites-mains/#pr%c3%aater-son-corps-%c3%a0-lexpression">Manifeste des petites mains</a><sup id="fnref:4"></sup>, et je témoigne ici sans autre but que de garder le souvenir d’un marivaudage technique<sup id="fnref:5"></sup>.</p>
<h2 id="notes-qui-peuvent-ne-pas-être-prises-en-note">
  Notes qui peuvent ne pas être prises en note
  <a class="anchor" href="#notes-qui-peuvent-ne-pas-%c3%aatre-prises-en-note">#</a>
</h2>
<p><strong>En écho</strong> <a href="https://blank.blue/creas/serie-des-pansemains/">Série des Pansemains</a>, la section <a href="https://blank.blue/meditions/manifeste-des-petites-mains/#pr%c3%aater-son-corps-%c3%a0-lexpression">Prêter son corps du Manifeste</a> et la question générale du <a href="https://blank.blue/meditions/le-corps-technique-des-petites-mains/">corps des petites mains</a>.</p>
</article>


<hr>

<footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <label>
                  <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
              </label>
              <label>
                  <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
              </label>
              <label>
                  <input type="radio" value="light" name="chosen-color-scheme"> Clair
              </label>
          </fieldset>
      </form>
  </template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
            const chosenColorScheme = e.target.value
            localStorage.setItem('theme', chosenColorScheme)
            toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
            form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
    }

    const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
    window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.cssRules) {
                if (cssRule.type !== CSSRule.MEDIA_RULE) {
                    continue
                }
                // WARNING: Safari does not have/supports `conditionText`.
                if (cssRule.conditionText) {
                    if (cssRule.conditionText !== prefersColorSchemeDark) {
                        continue
                    }
                } else {
                    if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                        continue
                    }
                }
                mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
            }

            // WARNING: do not try to insert a Rule to a styleSheet you are
            // currently iterating on, otherwise the browser will be stuck
            // in a infinite loop…
            for (const mediaRule of mediaRules) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
</script>
</body>
</html>