A place to cache linked articles (think custom and personal wayback machine)
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.html 36KB

4 år sedan
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Lesbienne raisonnable ? Quand Sapho pas, sapho pas. (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://www.affordance.info/mon_weblog/2019/06/lesbienne-raisonnable-quand-sapho-pas-sapho-pas-.html">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Lesbienne raisonnable ? Quand Sapho pas, sapho pas. (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://www.affordance.info/mon_weblog/2019/06/lesbienne-raisonnable-quand-sapho-pas-sapho-pas-.html">Source originale du contenu</a></h3>
  445. <p>C'est l'histoire d'une orientation sexuelle dont l'étymologie est celle d'une île, Lesbos, patrie d'une poétesse grecque, Sapho, dont les vers louaient l'amour entre femmes. A bien y réfléchir et sans être grand lexicographe, il existe peu de mots désignant des orientations sexuelles et dont l'étymologie et l'histoire soient aussi belles et riches. Une île au 7ème siècle avant JC, une poétesse, des vers chantant et magnifiant l'amour entre deux êtres du même sexe. Le mot "lesbienne". </p>
  446. <h2>Le mot <em>lesbienne</em>, dis-tu.</h2>
  447. <p>Depuis déjà 27 siècles et à des degrés divers selon les époques et les cultures, d'île et de poésie il reste surtout des faits divers et des persécutions dont sont victimes celles qui osent vivre leur amour au grand jour. Et puis il reste aussi ce que Google en dit, ce que Google en montre, et ce que cela possiblement montre de nous. C'est à dire très exactement <em>ceci</em>. </p>
  448. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef0240a4b1ea34200b-pi"><img alt="Lesbos" class="asset asset-image at-xid-6a00d8341c622e53ef0240a4b1ea34200b img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef0240a4b1ea34200b-500wi" title="Lesbos"/></a></p>
  449. <p> </p>
  450. <p>Le drapeau du "mois des fiertés" d'abord. Puisque nous sommes en Juin. Et puis uniquement des sites pornographiques. <em>Uniquement</em>. Même pas l'habituel lien Wikipédia pointant vers la définition des amours lesbiennes car <a href="https://twitter.com/TurcanMarie/status/1121784640598085632" rel="noopener" target="_blank">comme le rappelait Marie Turcan</a>, <a href="https://fr.wikipedia.org/w/index.php?title=Lesbienne&amp;redirect=no" rel="noopener" target="_blank">le mot lesbienne n'existe pas dans la Wikipédia francophone</a>, il renvoie au mot "<a href="https://fr.wikipedia.org/wiki/Lesbianisme" rel="noopener" target="_blank">lesbianisme</a>". Et quand un mot qui est aussi une identité sexuelle n'existe que sous forme de "renvoi lexicographique", Google à son tour renvoie cette identité dans les limbes de ses pages de résultats. L'invisibilisation est alors totale.</p>
  451. <p>Car on ne tape jamais "<em>lesbianisme</em>" sur un moteur de recherche. Mais <a href="https://www.lci.fr/international/a-relire-un-couple-lesbien-agresse-a-londres-parce-qu-elles-refusent-de-s-embrasser-j-en-ai-assez-d-etre-pris-pour-un-objet-sexuel-2123444.html" rel="noopener" target="_blank">l'on tape encore sur des jeunes femmes parce qu'elles sont <em>lesbiennes</em> au 21ème siècle</a>. </p>
  452. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef0240a4b20445200b-pi"><img alt="Melania-et-chris-agressees-a-londres-7b84bc-0@1x" class="asset asset-image at-xid-6a00d8341c622e53ef0240a4b20445200b img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef0240a4b20445200b-500wi" title="Melania-et-chris-agressees-a-londres-7b84bc-0@1x"/></a></p>
  453. <p>Le mot "lesbienne" n'existe pas. Et Google est masculin. Masculiniste même. </p>
  454. <p>Google est masculin. Google est fantasme. Google est avant tout un fantasme masculin. En termes Freudiens ou Lacaniens, l'interface de Google est une fente et chaque requête une pénétration. Chaque page de résultats une éjaculation discursive, une jouissance égotiste. Google est masculin. Immensément masculin. Comme l'est le capitalisme linguistique qui fonde son emprise sur le monde. Naturellement masculin. Oppressivement masculin. Et le mot lesbienne n'existe pas dans <em>la</em> Wikipédia. </p>
  455. <p>Combattre l'ordre spéculatif du langage avec ses propres armes. Le <a href="https://twitter.com/SEO_lesbienne" rel="noopener" target="_blank">collectif SEOLesbienne s'y attache</a>. Pour l'instant hélas sans succès. </p>
  456. <h2>A moins que.</h2>
  457. <p>A moins qu'il ne s'agisse que d'un biais culturel que l'on prétendrait alors francophile. Car que donne une recherche sur le mot lesbienne au pays du <a href="https://www.slate.fr/story/125196/trump-video-propos-sexistes" rel="noopener" target="_blank">président qui attrape les femmes par la chatte</a> ?  Etonnamment ceci. </p>
  458. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef0240a4641409200c-pi"><img alt="Us-lesbian1" class="asset asset-image at-xid-6a00d8341c622e53ef0240a4641409200c img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef0240a4641409200c-500wi" title="Us-lesbian1"/></a><br/><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef0240a464140d200c-pi"><img alt="Us-lesbian1" class="asset asset-image at-xid-6a00d8341c622e53ef0240a464140d200c img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef0240a464140d200c-500wi" title="Us-lesbian1"/></a></p>
  459. <p>Là aussi le drapeau du mois des fiertés d'abord. Mais ensuite, actualités (tragiques encore), encyclopédies, définitions, "bonnes pratiques", découverte, explicitations participant d'une normalisation, et images euphémisées (Instagram). Mis à part les actualités de ce couple agressé, là-bas tout n'est qu'ordre et beauté, luxe, calme et volupté. Il faut dire que là-bas, <a href="https://en.wikipedia.org/wiki/Lesbian" rel="noopener" target="_blank">le mot "lesbian" existe</a>. Et que même si cela n'épargne ni les coups ni les humiliations ni les persécutions, cette existence, au moins en l'espace circonscrit d'une requête, dans des indécisions et des imaginaires qui peuvent être décisifs, appelle et convoque autre chose qu'un océan de représentations pornographiques.</p>
  460. <p>Alors pourquoi une telle variabilité ? Et que dit-elle de nos sociétés ? Peut-on d'ailleurs continuer d'affirmer comme <a href="https://www.affordance.info/mon_weblog/2019/05/tien-anmen.html" rel="noopener" target="_blank">aux temps lointains de la variabilité des recherches sur le mot "nazi"</a>, que les résultats de recherche de Google sont le reflet d'une culture en tant que somme de représentations et de dominations discursives historicisées ? Ou n'est-ce qu'un énième hoquet de l'algorithme ? Une spéculation hasardeuse ? Une <a href="https://www.numerama.com/politique/478663-pourquoi-le-mot-lesbienne-sur-google-ne-renvoie-t-il-que-vers-des-sites-pornographiques.html" rel="noopener" target="_blank">association thématique</a> calculée ? Une opportunité langagière spéculative ? Une stochastique délétère et insondable ?</p>
  461. <p>Personne à dire vrai n'a la réponse à cette question.</p>
  462. <h2>Alors il nous faut en poser deux autres.</h2>
  463. <p>La première question est celle de l'affichage du logo du mois des fiertés en haut d'une page de résultats exclusivement pornographiques. Ce cynisme est coupable. <a href="https://affordance.typepad.com/mon_weblog/2016/11/un-algorithme-est-un-editorialiste-comme-les-autres.html" rel="noopener" target="_blank">Cette éditorialisation est irresponsable</a>. Et ce n'est pas un <a href="https://www.google.com/doodles/celebrating-50-years-of-pride" rel="noopener" target="_blank">Doodle "50 ans de fiertés"</a> qui suffira à le faire oublier. Car là aussi, à en croire la planisphère de "<em>l'audience du Doodle</em>", on lit surtout en creux la violence terrible de tous ces pays où il ne sera pas vu, parce qu'il doit rester invisible, parce que ces amours là ne méritent que des coups, du mépris, de l'oppression et d'immondes tortures ou bannissements pour le seul risque d'aimer, de la Russie de Poutine au Brésil de Bolsonaro. Parce qu'afficher ce Doodle dans ces pays là ne serait pas bon pour les affaires. Et que les affaires passent avant tout. Même avant les mots.</p>
  464. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef0240a4b204d9200b-pi"><img alt="Doodle" class="asset asset-image at-xid-6a00d8341c622e53ef0240a4b204d9200b img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef0240a4b204d9200b-500wi" title="Doodle"/></a></p>
  465. <p>Les mots ne sont que de la politique. Ils sont la chair articulée du vivre ensemble. Ils cessent instantanément de l'être quand ils deviennent <a href="https://www.monde-diplomatique.fr/2011/11/KAPLAN/46925" rel="noopener" target="_blank">les agents d'un capitalisme linguistique qui ôte tout leur sens en même temps qu'il leur donne un prix</a>.</p>
  466. <p>C'est précisément parce que les mots sont politiques qu<a href="https://www.numerama.com/politique/478663-pourquoi-le-mot-lesbienne-sur-google-ne-renvoie-t-il-que-vers-des-sites-pornographiques.html" rel="noopener" target="_blank">'il ne faut pas attendre qu'une femme politique soit lesbienne et soit élue pour que de nouveau le mot "lesbienne" puisse passer le filtre de la bienséance algorithmique</a>. C'est aussi cela, la responsabilité de Google.  Cela devrait l'être en tout cas.</p>
  467. <p>La seconde question est celle de l'impossible questionnement d'une infrastructure politique, culturelle et sociale qui produit en permanence de la norme, des représentations normées du monde et des êtres. Et pour ces infrastructures, pour ces ingénieries, à l'échelle de ces plateformes, "<a href="https://www.affordance.info/mon_weblog/2019/01/si-cest-pourri-tes-pas-le-bon-produit.html" rel="noopener" target="_blank">ce qu'elles tolèrent indique ce qu'elles sont vraiment</a>".</p>
  468. <p>Chaque année, chaque mois des fiertés sur les plateformes numériques continuera d'avoir son lot de naufrages ou d'espoirs, qu'ils soient lexicographiques, iconiques ou algorithmiques. Souvenez-vous rien que pour l'année 2017, <a href="https://tetu.com/2017/06/12/facebook-lance-bouton-rainbow-pendant-quinstagram-bannit-hashtag-gays/" rel="noopener" target="_blank">Facebook lançait un bouton Rainbow pendant qu'Instagram occultait des hashtags "gays"</a>, le même Instagram <a href="https://tetu.com/2017/05/31/instagram-fiere-stickers-special-pride-pinceau-rainbow/" rel="noopener" target="_blank">qui continuait pourtant de proposer des stickers "pride" et des pinceaux "Rainbow"</a> mais interdit toujours la représentation de tétons féminins, et <a href="https://www.neonmag.fr/instagram-et-les-regles-une-histoire-damour-compliquee-505469.html" rel="noopener" target="_blank">entretenait (et entretient toujours) un rapport compliqué avec les menstruations</a>. </p>
  469. <p>"<em>Ce que vous tolérez indique ce que vous êtes vraiment</em>". Dans sa version française, Google tolère que le mot lesbienne ne renvoie que vers des fantasmes essentiellement masculins et de nature exclusivement pornographique. <a href="https://www.lemonde.fr/pixels/article/2017/08/12/licenciement-apres-un-texte-sexiste-tout-comprendre-a-l-affaire-qui-agite-google_5171777_4408996.html" rel="noopener" target="_blank">Google est sexiste</a> et <a href="https://www.lemonde.fr/pixels/article/2019/04/23/google-des-employes-leaders-d-une-mobilisation-interne-denoncent-des-represailles_5453607_4408996.html" rel="noopener" target="_blank">accepte assez mal que l'on en fournisse les preuves</a>. Ce monde est sexiste. Les algorithmes sont sexistes puisqu'ils ne sont que la reproduction (parfois augmentée) de nos propres biais et de nos propres systèmes de valeurs ou d'anti-valeurs.</p>
  470. <p>Mais au final et par-delà l'instanciation subjectivée de nos ressentis à la lecture de ces résultats, il y a ce que nous montrons et ce que nous acceptons de voir, qui est ce que nous tous, êtres humains, algorithmes et plateformes, ce que nous tous, <em>nous</em> tolérons. Ce que nous sommes vraiment.  Et ce que nous devenons collectivement.</p>
  471. <h2>Sapho pas. Vraiment pas.</h2>
  472. <p>Il faut en finir définitivement et au plus vite avec toutes ces formes toxiques (<a href="https://o.nouvelobs.com/high-tech/20151005.OBS7077/on-sait-enfin-pourquoi-instagram-n-aime-pas-les-tetons.html" rel="noopener" target="_blank">et commerciales</a>) de pudibonderie et d'hypocrisie qui pendant qu'elles prétendent chasser le moindre bout de téton féminin instagramisé affichent, <em>en même temps,</em> la pornification systématique d'une identité sexuelle.</p>
  473. <p>Lorsque l'on est Google, on ne peut pas prétendre "indexer le monde", prétendre rendre disponible et accessible l'information disponible à l'échelle de la planète ... et n'avoir rien à en dire. Prétendre n'être qu'un point de vue que tant que l'on refuse de voir, y compris tout ce que l'on cache. </p>
  474. <p>A l'échelle qui est désormais la leur, ces plateformes sont désormais sommées de choisir. Ou elles s'effondreront <a href="https://www.vice.com/en_us/article/ywyxex/deepfake-of-mark-zuckerberg-facebook-fake-video-policy" rel="noopener" target="_blank">sous le poids de leurs propres injonctions contradictoires</a> mais les dégâts qu'elles auront causé avant cela seront incommensurables. </p>
  475. <p><strong>Soit elles ne changent rien</strong> et continuent de respecter "strictement" le premier amendement. Liberté d'expression totale. Elles sont alors inexorablement condamnées à laisser se multiplier les discours de haine et de stigmatisation tout en tentant plus ou moins adroitement d'atténuer la dégradation de leur image dans l'opinion et auprès de leurs salariés à grands coups de Green-LGBTQI-minority-Washing.</p>
  476. <p><strong>Soit elles assument</strong> enfin la nature toxique de leur modèle économique, la nature discrétionnaire des actions de ciblage qu'il autorise, et la dimension spéculative démontrée des discours haineux. Elles admettent que <a href="https://business.financialpost.com/technology/jim-balsillie-data-is-not-the-new-oil-its-the-new-plutonium" rel="noopener" target="_blank">l'essentiel de leurs efforts de développement n'ont pour but que de mieux capitaliser sur les réactions négatives et pulsionnelles</a> plutôt que positives et rationnelles. Bref elles acceptent de reconnaître et d'assumer le mélange inédit d'éditorialisation "à la volée" et de déterminisme statistique de représentations et d'imaginaires qu'elles affichent autant qu'elles participent à les produire. Et elles acceptent, en conséquence, d'en rendre compte en donnant à chacun, du simple citoyen aux états, les moyens d'en documenter clairement les effets et les causes (et accessoirement <a href="http://www.thecleaners-film.de/" rel="noopener" target="_blank">elles embauchent, forment et rémunèrent de manière <em>décente</em> des modérateurs</a>). </p>
  477. <p>Il existe également une troisième voie. <a href="https://affordance.typepad.com/mon_weblog/2017/11/contre-nous-algorithmie.html" rel="noopener" target="_blank">Qui passe pas une forme de nationalisation</a> qui, en la matière et en l'état, aurait également valeur de rationalisation.   </p>
  478. <p><strong>Tout le reste n'est que littérature.</strong> Mais si rien n'est fait, dans 20 ans, dans 30 ans, dans 100 ans, nous en serons encore à nous demander pourquoi Facebook continue de censurer l'Origine du Monde de Courbet, pourquoi <a href="https://www.theguardian.com/technology/2019/jun/06/youtube-blocks-history-teachers-uploading-archive-videos-of-hitler" rel="noopener" target="_blank">Youtube continue de bloquer des chaînes d'historiens au motif qu'ils y analysent des vidéos des discours d'Hitler</a>, pourquoi Facebook accepte de laisser en ligne des Fake News même lorsqu'elles sont parfaitement documentées et politiquement instrumentalisées <a href="https://www.numerama.com/politique/520052-nancy-pelosi-ivre-pourquoi-facebook-accepte-encore-de-laisser-des-fake-news-en-ligne.html" rel="noopener" target="_blank">comme cette vidéo de Nancy Pelosi</a>, pourquoi Youtube (encore) accepte lui aussi finalement de laisser en ligne des vidéos homophobes <a href="https://www.numerama.com/politique/525196-youtube-estime-que-supprimer-toutes-les-videos-homophobes-serait-trop-de-travail.html" rel="noopener" target="_blank">au motif que les supprimer toutes serait trop de travail</a> ("<em>car si nous supprimons ces contenus, il y a énormément d’autres contenus que nous devrons supprimer" </em><a href="https://www.lemonde.fr/pixels/article/2019/06/11/les-excuses-timorees-de-la-patronne-de-youtube-envers-la-communaute-lgbtq_5474707_4408996.html" rel="noopener" target="_blank">a déclaré Susan Wojcicki</a><em>)</em>, pourquoi <a href="https://www.eff.org/tossedout/documentation-war-crimes-disappeared-automated-tools" rel="noopener" target="_blank">la documentation de crimes de guerre contrevient aux CGU de la plateforme et disparaît y compris lorsqu'elle a valeur de preuve</a> et qu'il n'en existe pas d'autres (preuves) ... </p>
  479. <p>Il est depuis longtemps démontré que <a href="http://www.internetactu.net/2018/01/15/de-lautomatisation-des-inegalites/" rel="noopener" target="_blank">l'automatisation est d'abord celle des inégalités</a>. Contrairement à l'idée reçue d'un numérique hypermnésique, il se pourrait que cette automatisation soit aussi celle de l'oubli collectif avant d'être celle de la mémoire individuelle. </p>
  480. <p>"<em>Ce que vous tolérez indique ce que vous êtes vraiment</em>". Ce que vous êtes incapable de contextualiser correctement est la source de tous vos errements. Et <a href="https://voxeurop.eu/en/2019/social-media-and-european-elections-5123364" rel="noopener" target="_blank">ce que vous acceptez de monétiser sans autre discernement que celui du mieux offrant sera l'une des sources de notre effondrement</a>.  </p>
  481. <p>Il existe aujourd'hui un couplage structurel entre :</p>
  482. <ul>
  483. <li>les ingénieries de la viralité et le but qui leur est assigné de capitaliser sur nos réactions les plus négatives ou pulsionnelles, </li>
  484. <li>les architectures techniques de ces plateformes entièrement dédiées au service de formes de ciblage publicitaire indétectables,</li>
  485. <li>et le fait que les principaux budgets publicitaires déployés pour les élections européennes l'aient été <a href="https://voxeurop.eu/en/2019/social-media-and-european-elections-5123364" rel="noopener" target="_blank">par l'extrême gauche d'Unidas Podemos et par l'extrême droite du Vlaams Belang</a>. </li>
  486. </ul>
  487. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef0240a464c22e200c-pi"><img alt="Pubpol" class="asset asset-image at-xid-6a00d8341c622e53ef0240a464c22e200c img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef0240a464c22e200c-500wi" title="Pubpol"/></a>(Source : <a href="https://voxeurop.eu/en/2019/social-media-and-european-elections-5123364">https://voxeurop.eu/en/2019/social-media-and-european-elections-5123364</a>)</p>
  488. <p>Refuser de voir aujourd'hui ce couplage structurel, refuser d'en accepter la nature et d'en analyser la fonction, c'est à coup sûr préparer sinon un effondrement démocratique, en tout cas une démocratie de l'effondrement. Et c'est bien davantage qu'alarmant dans le contexte actuel.  </p>
  489. <h2>Aubade au tribadisme.</h2>
  490. <p>En rédigeant cet article et en naviguant dans la formidable <a href="https://fr.wikipedia.org/wiki/Abbaye_de_Th%C3%A9l%C3%A8me" rel="noopener" target="_blank">abbaye de Thélème</a> que demeure le web hors ses jardins fermés, j'ai appris un nouveau mot. Le mot "<a href="https://fr.wikipedia.org/wiki/Tribadisme" rel="noopener" target="_blank">tribadisme</a>" qui désigne "<em>une pratique sexuelle lesbienne qui consiste à se frotter mutuellement la vulve, le clitoris, afin d'obtenir, par le frottement, du plaisir, voire l'orgasme.</em>" Le mot tribadisme vient du latin <em>Tribas, tribadis</em> qui signifie le frottement. </p>
  491. <p>Je me suis alors souvenu que les grands écosystèmes numériques, précisément, <a href="https://affordance.typepad.com/mon_weblog/2011/12/le-mot-friction.html" rel="noopener" target="_blank">avaient horreur de la friction et du frottement</a> et que nous sortions à peine de <a href="https://www.affordance.info/mon_weblog/2019/05/viscosite-sociale.html" rel="noopener" target="_blank">la décennie du fric et du fluide</a>. Cette horreur du frottement et de la friction aboutit, sur la version francophone du premier moteur de recherche de la planète, à s'interdire de présenter les lesbiennes autrement que sous l'angle d'un tribadisme voyeur. </p>
  492. <p>Lesbienne raisonnable ? </p>
  493. </article>
  494. </section>
  495. <nav id="jumpto">
  496. <p>
  497. <a href="/david/blog/">Accueil du blog</a> |
  498. <a href="https://www.affordance.info/mon_weblog/2019/06/lesbienne-raisonnable-quand-sapho-pas-sapho-pas-.html">Source originale</a> |
  499. <a href="/david/stream/2019/">Accueil du flux</a>
  500. </p>
  501. </nav>
  502. <footer>
  503. <div>
  504. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  505. <p>
  506. Bonjour/Hi!
  507. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  508. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  509. </p>
  510. <p>
  511. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  512. </p>
  513. <p>
  514. Voici quelques articles choisis :
  515. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  516. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  517. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  518. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  519. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  520. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  521. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  522. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  523. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  524. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  525. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  526. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  527. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  528. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  529. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  530. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  531. </p>
  532. <p>
  533. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  534. </p>
  535. <p>
  536. Je ne traque pas ta navigation mais mon
  537. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  538. conserve des logs d’accès.
  539. </p>
  540. </div>
  541. </footer>
  542. <script type="text/javascript">
  543. ;(_ => {
  544. const jumper = document.getElementById('jumper')
  545. jumper.addEventListener('click', e => {
  546. e.preventDefault()
  547. const anchor = e.target.getAttribute('href')
  548. const targetEl = document.getElementById(anchor.substring(1))
  549. targetEl.scrollIntoView({behavior: 'smooth'})
  550. })
  551. })()
  552. </script>