Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

index.html 24KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Lexique — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/lexique/">
  28. <style type="text/css">
  29. article {
  30. display: flex;
  31. flex-direction: row-reverse;
  32. align-items: flex-start;
  33. border-top: 1px solid #C0C0C0;
  34. margin-bottom: 1em;
  35. }
  36. article p::first-letter {
  37. padding-left: 1.5em;
  38. }
  39. article p {
  40. margin: 0;
  41. font-size: calc(1rem + 0.4 * (100vw / 60));
  42. text-align: justify;
  43. }
  44. article h2 {
  45. width: auto;
  46. margin: 0;
  47. padding: 0;
  48. transform: rotate(90deg);
  49. border: none;
  50. font-size: calc(1.5rem + 0.4 * (100vw / 60));
  51. line-height: 0;
  52. width: 2em;
  53. }
  54. article h2 a, article h2 a:link, article h2 a:visited {
  55. margin-left: calc(70% + 1rem);
  56. background-image: none;
  57. text-shadow: none;
  58. color: #999;
  59. }
  60. article div {
  61. padding-top: 1rem;
  62. }
  63. article div p:first-child::first-letter {
  64. font-size: 10vw;
  65. float: left;
  66. padding: 1rem .5vw 0 0;
  67. line-height: .7;
  68. }
  69. </style>
  70. </head>
  71. <body>
  72. <div>
  73. <header>
  74. <nav>
  75. <p>
  76. <small>
  77. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  78. </small>
  79. </p>
  80. </nav>
  81. </header>
  82. <h1>Lexique</h1>
  83. <p>
  84. Ce lexique est un <a href="/david/blog/2016/experience-ecriture/">travail commencé en 2016</a> qui a été <a href="/david/blog/2017/echanger-supprimer-rebondir/">abandonné en 2017</a>. Les textes évoluent dans le temps et se lient entre eux automatiquement.
  85. </p>
  86. <section>
  87. <article id="attention">
  88. <h2><a href="/david/lexique/#attention" title="Lien vers ce terme">Attention</a></h2>
  89. <div>
  90. <p>L’attention est la plus belle chose que l’on puisse offrir. Un fragment de sa vie donné à une personne ou à une cause, la seule possession finie que l’on ne peut racheter. C’est une acte d’écoute active qui favorise le dialogue et encourage la bienveillance. Sans attention, pas d’empathie.</p>
  91. <p>Le <a href="#web" title="Texte relatif à ce terme">web</a> serait responsable d’une crise de l’attention, l’Homme faible cédant à ses désirs de voyeurisme numérique. Le croustillant n’étant qu’à un clic sous couvert de sérendipité et de curiosité, le troll diffamant à portée de tous, l’auto-félicitation communautaire devenant l’unique règle d’autruches 2.0. Le problème n’est pas dans le réseau mais dans l’asymétrie attentionnelle qu’il crée : le troc distribué épuise et centralise.</p>
  92. <p>L’attention est un <em>pharmakon</em> qui nourrit et à la fois détruit la réflexion. Notre cerveau doit lutter contre l’appel de noosphères sans idées. Prendre suffisamment de recul pour collecter, ré-assembler, redistribuer. Générer de nouvelles discussions, alimenter le bruit ambiant pour co-créer un nouveau signal pertinent.</p>
  93. <p>Vouloir s’extraire d’un pôle d’attention sociale génère des incompréhensions. Les raisons ne sont pas forcément accessibles au groupe qui considère son état comme étant la normalité. Et qui renforce sa cohésion dans une définition consensuelle de la barbarie. Sans non-attention, pas de groupe.</p>
  94. </div>
  95. </article>
  96. <article id="communs">
  97. <h2><a href="/david/lexique/#communs" title="Lien vers ce terme">Communs</a></h2>
  98. <div>
  99. <p>Des communaux aux encolures, la propriété pour et par le groupe en opposition à l’individu est ce qui nous a longtemps semblé être le plus efficace. L’individualisme est la solution de facilité qui a été trouvée pour limiter les problèmes de gouvernance et de maintenance (au profit de la succession). Ce parallèle se retrouve avec la dualité logiciel libre/propriétaire qui souffrent des mêmes maux.</p>
  100. <p>Comment se différencier du communisme ? On se revendique d’être un <em>commoner</em> de façon à ce qu’il n’y ait pas d’amalgame avec une organisation sociale qui promeut les mêmes valeurs mais qui a un lourd passé en matière d’exécution. Il est plus aisé d’esquiver un terme que de se le ré-approprier.</p>
  101. <p>L’opposition bien public vs. bien commun soulève la problématique d’échelle : une nation peut-elle produire un bien commun géré par un état ? Cela va dépendre de l’interdépendance entre l’ensemble des citoyens et de la confiance qu’ils s’accordent mutuellement. Cette cohésion nationale suit le cycle des crises internationales qui régissent elle-mêmes la taille et la portée des communs produits.</p>
  102. <p>Dans leurs premiers articles respectifs, l’association loi 1901 est « la convention par laquelle deux ou plusieurs personnes mettent en commun, d’une façon permanente, leurs connaissances ou leur activité dans un but autre que de partager des bénéfices » et la SCOP est composée de « salariés qui développent en commun leurs activités professionnelles et leur indépendance économique ». On voit que les biens deviennent communs parce qu’ils sont générés en commun. C’est le processus plus que le résultat qui rend l’aventure Wikipedia aussi passionnante : produire ensemble afin de mieux connaître l’autre.</p>
  103. </div>
  104. </article>
  105. <article id="instabilité">
  106. <h2><a href="/david/lexique/#instabilité" title="Lien vers ce terme">Instabilité</a></h2>
  107. <div>
  108. <p>L’instabilité est à l’origine du désordre que l’on a appelé « la vie ». Et paradoxalement nous avons conscience de la nécessité de l’ordre pour croître avant de devoir s’adapter à nouveau. Ce cycle croissance/différenciation se retrouve à chaque échelle d’une organisation jusqu’à sa disparition.</p>
  109. <p>La routine est une manifestation de cette quête d’instabilité. Créer de l’ordre pour pouvoir en apprécier le désordre lors d’une rupture, il y a là un syndrome de Stockholm sciemment entretenu pour en apprécier la délivrance. Celle-ci nécessitant parfois l’usage de drogues pour se révéler.</p>
  110. <p>Un groupe ne peut survivre sans cette alternance. C’est peut-être même sa définition : l’acceptation commune consentie de ses multiples évolutions. Chaque nouvel élément du groupe devant prendre conscience de l’histoire ayant menée à la cohérence de celui-ci.</p>
  111. </div>
  112. </article>
  113. <article id="procréation">
  114. <h2><a href="/david/lexique/#procréation" title="Lien vers ce terme">Procréation</a></h2>
  115. <div>
  116. <p>Concevoir un enfant est un acte égoïste, celui de vouloir faire survivre son espèce. Transmettre la vie dans un environnement hostile et complexe est une façon d’explorer les limites de l’intelligence humaine pour vivre en harmonie avec son écosystème.</p>
  117. <p>Procréer est également un acte militant, celui de ne pas se laisser submerger par la bêtise du monde. Avoir envie de faire pencher la balance vers plus d’amour, de bienveillance et de curiosité. Montrer l’importance du savoir-être, du savoir-faire et du savoir-vivre ensemble.</p>
  118. <p>Cette nouvelle vie donne de l’espoir au quotidien de par sa malléabilité et son enthousiasme. La faiblesse de l’inné par rapport à l’acquis permet d’espérer une société différente en l’espace d’une seule génération. Cela confère une énorme responsabilité aux accompagnateurs.</p>
  119. <p>L’amour que l’on retrouve dans cette <a href="#rencontre" title="Texte relatif à ce terme">rencontre</a> est celui de reconnaître la superposition de l’autre et de soi, sans savoir lequel des deux génère finalement le plus de surprises. Fusion des corps, infusion des valeurs, profusion d’émotions. Il n’en faut pas plus pour être acteur de sa propre émancipation.</p>
  120. </div>
  121. </article>
  122. <article id="rencontre">
  123. <h2><a href="/david/lexique/#rencontre" title="Lien vers ce terme">Rencontre</a></h2>
  124. <div>
  125. <p>L’observation de la rencontre d’un adulte et d’un enfant. Il y a les souriants, les grimaçants, ceux qui se mettent à sa hauteur et ceux qui ne font pas <a href="#attention" title="Texte relatif à ce terme">attention</a> du tout. Et puis il y a ceux qui engagent cette rencontre à travers une violence, souvent simulée sous forme de jeu. Un premier échange guerrier qui traduit bien souvent un mal-être de la part de l’adulte qui ne sait pas gérer une telle situation.</p>
  126. <p>On n’arrive à communiquer que par accident et la maladresse d’un premier contact se retrouve dans tous les groupes. Briser la glace avec de l’humour est dangereux par l’exclusion bien souvent produite, engager la conversation en parlant de soi expose son égocentrisme, il reste la météo énoncée avec un sourire bienveillant mais le message reste creux.</p>
  127. <p>Quels indices proposer pour qu’une rencontre produise un échange constructif ? Quels codes explicites adopter pour signifier que l’on est prêt à aborder tel sujet ? Quelles traces laisser pour ne pas repartir de zéro ? Et je ne parle même pas de la timidité et de l’humeur du moment. Voire du contexte.</p>
  128. <p>Dans chaque rencontre il y a la promesse de découvrir des singularités qui viendront transformer les siennes. Les augmenter, les réduire, les balayer. Si le brassage génétique permet la résilience d’une espèce, celui des idées permet la résilience d’une culture.</p>
  129. </div>
  130. </article>
  131. <article id="soupapes">
  132. <h2><a href="/david/lexique/#soupapes" title="Lien vers ce terme">Soupapes</a></h2>
  133. <div>
  134. <p>Voter pour préserver la démocratie. Signer une pétition au nom de la liberté. Réduire son chauffage et sa vitesse pour préserver la planète. Manger bio pour être en bonne santé. La liste est longue des soupapes futiles et culpabilisantes qui nous font perdre notre énergie. Cette énergie si précieuse pour vivre ensemble en harmonie, pour faire et défaire à plusieurs, pour dépasser notre condition actuelle.</p>
  135. <p>Ces soupapes sont la matérialisation de notre incapacité à mesurer l’impact de telles actions. On se perd alors dans le faire, dans la recherche de performance, quitte à être dans l’exécution à une échelle inutile. Pour se donner bonne conscience et pour avoir le sentiment d’œuvrer pour le collectif. Ce collectif a-liené que l’on n’arrive pas à lier sans faire appel à la religion et/ou au fanatisme. La structure en graphe du <a href="#web" title="Texte relatif à ce terme">web</a> est le chaînon manquant qui tarde à se révéler comme outil d’émancipation.</p>
  136. <p>La révolution devient illusoire par dissipation de l’énergie collective. Le point Oméga de Pierre Teilhard de Chardin se résume à échanger des <em>lolcats</em>, des <em>memes</em> et des <em>gif animés</em>. Quelle déchéance d’une nation que l’on voudrait planétaire avec pour seules frontières celles de nos incapacités actuelles à s’élever à un autre degré de conscience.</p>
  137. <p>Le propre d’une cocotte-minute est de pouvoir monter localement en pression. C’est l’expression de ces mal-être, de ces <em>burn-out</em>, de ces actes désespérés qui nous permettent de ne pas sombrer dans la folie individuellement. Or nous avons besoin de cette montée en pression de manière collective pour décider de ce que nous voulons vraiment faire. Ensemble.</p>
  138. </div>
  139. </article>
  140. <article id="séduction">
  141. <h2><a href="/david/lexique/#séduction" title="Lien vers ce terme">Séduction</a></h2>
  142. <div>
  143. <p>L’homme est un animal séducteur. Sa socialisation n’est qu’une conséquence de ce besoin qui définit son humanité. Cette nécessité de plaire en requérant l’<a href="#attention" title="Texte relatif à ce terme">attention</a> d’autrui conduit aux limites énergétiques de ce qu’un groupe est capable de produire.</p>
  144. <p>Chaque <a href="#rencontre" title="Texte relatif à ce terme">rencontre</a> est acte de séduction, chaque texte — incluant celui-ci — est une tentative d’établir une connivence entre l’auteur et le lecteur. Dès le plus jeune âge, plaire et distraire sont un gage de retour sur investissement positif.</p>
  145. <p>La mercatique et le capitalisme sont le fruit et la caricature de cette négociation permanente avec son interlocuteur. L’héroïsation et la religion en sont d’autres manifestations. Nous ne pourrons en sortir qu’en nous élevant de ce rapport aux autres.</p>
  146. <p>Tendre vers l’égalité sans uniformité c’est réussir à établir un climat de confiance qui rende cette séduction caduque, c’est prendre soin de son prochain sans attentes, c’est essayer d’avoir un échange sans jugement de valeur via une écoute mutuelle.</p>
  147. </div>
  148. </article>
  149. <article id="web">
  150. <h2><a href="/david/lexique/#web" title="Lien vers ce terme">Web</a></h2>
  151. <div>
  152. <p>Le logiciel ne dévore pas le monde, nous l’alimentons. Quotidiennement, nous envoyons des données sur le réseau qui se nourrit de nos relations, de nos textes, de nos media, de nos réactions et de nos parcours. En échange de quoi nous obtenons des recommandations. Une forme d’intelligence supérieure arrivant sur Terre serait probablement plus intéressée par une connexion au web qu’à l’étude d’un individu du genre humain. C’est là où est le reflet condensé de notre humanité aujourd’hui.</p>
  153. <p>Cette agrégation volontaire permet une forme de singularité diffuse : un asservissement de l’Homme au profit de la collecte des données du monde. Numérise ce texte et je te laisse entrer en relation avec tes semblables. Donne-moi ta localisation et je t’offre une carte plus précise. La compétence ou la puissance de calcul de la machine n’est plus un frein, notre crédulité et notre <a href="#attention" title="Texte relatif à ce terme">attention</a> deviennent les seuls facteurs limitants à l’acquisition de toute information.</p>
  154. <p>Le web accélère la transmission entre individus — celle d’une connaissance universelle — au profit de ce qui pourrait être leur propre évolution. La machine, ce nuage bienveillant, nous abreuve de données pour que nous en produisions encore davantage dans un cercle faussement vertueux. L’un apprend, l’autre décortique. L’un participe, l’autre analyse. L’un aime, l’autre surveille.</p>
  155. <p>L’un fait confiance, l’autre influe. La bulle filtrante prolétarise la curiosité de l’individu au service d’un capital algorithmique. Sur la toile, les relations ne se tissent plus mais se calculent et nous troquons ce qu’il nous reste d’humanité contre de l’automatisation et du confort.</p>
  156. </div>
  157. </article>
  158. </section>
  159. <h3>Aller plus loin</h3>
  160. <p>
  161. Vous pouvez <a href="/david/stream/2015/" title="Autre temps, autre style">consulter les archives de 2015</a>
  162. pour d’autres réflexions plus techniques.
  163. </p>
  164. <footer>
  165. <nav>
  166. <p>
  167. <small>
  168. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  169. </small>
  170. </p>
  171. </nav>
  172. </footer>
  173. </div>
  174. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  175. <script data-no-instant>InstantClick.init()</script>
  176. <script type="text/javascript">
  177. /**
  178. * StyleFix 1.0.3 & PrefixFree 1.0.7
  179. * @author Lea Verou
  180. * MIT license
  181. */
  182. (function(){function k(a,b){return[].slice.call((b||document).querySelectorAll(a))}if(window.addEventListener){var e=window.StyleFix={link:function(a){try{if("stylesheet"!==a.rel||a.hasAttribute("data-noprefix"))return}catch(b){return}var c=a.href||a.getAttribute("data-href"),d=c.replace(/[^\/]+$/,""),h=(/^[a-z]{3,10}:/.exec(d)||[""])[0],l=(/^[a-z]{3,10}:\/\/[^\/]+/.exec(d)||[""])[0],g=/^([^?]*)\??/.exec(c)[1],m=a.parentNode,f=new XMLHttpRequest,n;f.onreadystatechange=function(){4===f.readyState&&
  183. n()};n=function(){var b=f.responseText;if(b&&a.parentNode&&(!f.status||400>f.status||600<f.status)){b=e.fix(b,!0,a);if(d)var b=b.replace(/url\(\s*?((?:"|')?)(.+?)\1\s*?\)/gi,function(b,a,c){return/^([a-z]{3,10}:|#)/i.test(c)?b:/^\/\//.test(c)?'url("'+h+c+'")':/^\//.test(c)?'url("'+l+c+'")':/^\?/.test(c)?'url("'+g+c+'")':'url("'+d+c+'")'}),c=d.replace(/([\\\^\$*+[\]?{}.=!:(|)])/g,"\\$1"),b=b.replace(RegExp("\\b(behavior:\\s*?url\\('?\"?)"+c,"gi"),"$1");c=document.createElement("style");c.textContent=
  184. b;c.media=a.media;c.disabled=a.disabled;c.setAttribute("data-href",a.getAttribute("href"));m.insertBefore(c,a);m.removeChild(a);c.media=a.media}};try{f.open("GET",c),f.send(null)}catch(p){"undefined"!=typeof XDomainRequest&&(f=new XDomainRequest,f.onerror=f.onprogress=function(){},f.onload=n,f.open("GET",c),f.send(null))}a.setAttribute("data-inprogress","")},styleElement:function(a){if(!a.hasAttribute("data-noprefix")){var b=a.disabled;a.textContent=e.fix(a.textContent,!0,a);a.disabled=b}},styleAttribute:function(a){var b=
  185. a.getAttribute("style"),b=e.fix(b,!1,a);a.setAttribute("style",b)},process:function(){k('link[rel="stylesheet"]:not([data-inprogress])').forEach(StyleFix.link);k("style").forEach(StyleFix.styleElement);k("[style]").forEach(StyleFix.styleAttribute)},register:function(a,b){(e.fixers=e.fixers||[]).splice(void 0===b?e.fixers.length:b,0,a)},fix:function(a,b,c){for(var d=0;d<e.fixers.length;d++)a=e.fixers[d](a,b,c)||a;return a},camelCase:function(a){return a.replace(/-([a-z])/g,function(b,a){return a.toUpperCase()}).replace("-",
  186. "")},deCamelCase:function(a){return a.replace(/[A-Z]/g,function(b){return"-"+b.toLowerCase()})}};(function(){setTimeout(function(){k('link[rel="stylesheet"]').forEach(StyleFix.link)},10);document.addEventListener("DOMContentLoaded",StyleFix.process,!1)})()}})();
  187. (function(k){function e(b,c,d,h,l){b=a[b];b.length&&(b=RegExp(c+"("+b.join("|")+")"+d,"gi"),l=l.replace(b,h));return l}if(window.StyleFix&&window.getComputedStyle){var a=window.PrefixFree={prefixCSS:function(b,c,d){var h=a.prefix;-1<a.functions.indexOf("linear-gradient")&&(b=b.replace(/(\s|:|,)(repeating-)?linear-gradient\(\s*(-?\d*\.?\d*)deg/ig,function(b,a,c,d){return a+(c||"")+"linear-gradient("+(90-d)+"deg"}));b=e("functions","(\\s|:|,)","\\s*\\(","$1"+h+"$2(",b);b=e("keywords","(\\s|:)","(\\s|;|\\}|$)",
  188. "$1"+h+"$2$3",b);b=e("properties","(^|\\{|\\s|;)","\\s*:","$1"+h+"$2:",b);if(a.properties.length){var l=RegExp("\\b("+a.properties.join("|")+")(?!:)","gi");b=e("valueProperties","\\b",":(.+?);",function(a){return a.replace(l,h+"$1")},b)}c&&(b=e("selectors","","\\b",a.prefixSelector,b),b=e("atrules","@","\\b","@"+h+"$1",b));b=b.replace(RegExp("-"+h,"g"),"-");return b=b.replace(/-\*-(?=[a-z]+)/gi,a.prefix)},property:function(b){return(0<=a.properties.indexOf(b)?a.prefix:"")+b},value:function(b,c){b=
  189. e("functions","(^|\\s|,)","\\s*\\(","$1"+a.prefix+"$2(",b);b=e("keywords","(^|\\s)","(\\s|$)","$1"+a.prefix+"$2$3",b);0<=a.valueProperties.indexOf(c)&&(b=e("properties","(^|\\s|,)","($|\\s|,)","$1"+a.prefix+"$2$3",b));return b},prefixSelector:function(b){return b.replace(/^:{1,2}/,function(b){return b+a.prefix})},prefixProperty:function(b,c){var d=a.prefix+b;return c?StyleFix.camelCase(d):d}};(function(){var b={},c=[],d=getComputedStyle(document.documentElement,null),h=document.createElement("div").style,
  190. l=function(a){if("-"===a.charAt(0)){c.push(a);a=a.split("-");var d=a[1];for(b[d]=++b[d]||1;3<a.length;)a.pop(),d=a.join("-"),StyleFix.camelCase(d)in h&&-1===c.indexOf(d)&&c.push(d)}};if(0<d.length)for(var g=0;g<d.length;g++)l(d[g]);else for(var e in d)l(StyleFix.deCamelCase(e));var g=0,f,k;for(k in b)d=b[k],g<d&&(f=k,g=d);a.prefix="-"+f+"-";a.Prefix=StyleFix.camelCase(a.prefix);a.properties=[];for(g=0;g<c.length;g++)e=c[g],0===e.indexOf(a.prefix)&&(f=e.slice(a.prefix.length),StyleFix.camelCase(f)in
  191. h||a.properties.push(f));!("Ms"!=a.Prefix||"transform"in h||"MsTransform"in h)&&"msTransform"in h&&a.properties.push("transform","transform-origin");a.properties.sort()})();(function(){function b(a,b){h[b]="";h[b]=a;return!!h[b]}var c={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",params:"1px + 5%"},element:{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};c["repeating-linear-gradient"]=
  192. c["repeating-radial-gradient"]=c["radial-gradient"]=c["linear-gradient"];var d={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display",flex:"display","inline-flex":"display",grid:"display","inline-grid":"display","max-content":"width","min-content":"width","fit-content":"width","fill-available":"width"};a.functions=[];a.keywords=[];var h=document.createElement("div").style,e;for(e in c){var g=c[e],k=g.property,g=e+"("+g.params+")";!b(g,k)&&
  193. b(a.prefix+g,k)&&a.functions.push(e)}for(var f in d)k=d[f],!b(f,k)&&b(a.prefix+f,k)&&a.keywords.push(f)})();(function(){function b(a){e.textContent=a+"{}";return!!e.sheet.cssRules.length}var c={":read-only":null,":read-write":null,":any-link":null,"::selection":null},d={keyframes:"name",viewport:null,document:'regexp(".")'};a.selectors=[];a.atrules=[];var e=k.appendChild(document.createElement("style")),l;for(l in c){var g=l+(c[l]?"("+c[l]+")":"");!b(g)&&b(a.prefixSelector(g))&&a.selectors.push(l)}for(var m in d)g=
  194. m+" "+(d[m]||""),!b("@"+g)&&b("@"+a.prefix+g)&&a.atrules.push(m);k.removeChild(e)})();a.valueProperties=["transition","transition-property"];k.className+=" "+a.prefix;StyleFix.register(a.prefixCSS)}})(document.documentElement);
  195. </script>
  196. </body>
  197. </html>