/* La chartre de lettre de l'univers. Elle est importee ici et non seulement liee dans les pages : une fiche produit charge sa peau a la volee (Epoque.peau), une fois l'univers de l'objet connu — la chartre doit alors voyager avec elle. Les pages qui savent des le depart qu'elles sont Chat-Man la lient AUSSI en , pour que les deux feuilles partent en parallele au lieu de se suivre. */ @import url("typo-chat-man-og.css"); /* ========================================================= PEAU — CHAT-MAN Elle colore le panneau du rayon (.page) et l'encoche de l'onglet qui l'ouvre — une seule feuille, remontee en haut a gauche. Le panneau va d'un bord de l'ecran a l'autre : pas de bande blanche sur les cotes, on descend le long du mur. Le reste de l'etage du dessus — le nom de la maison, sa signature — reste noir et blanc : c'est Epoque qui tient les univers, elle n'en porte aucun. ET L'ONGLET GARDE SA MATIERE MEME RANGE. Une feuille ne change pas de papier parce qu'on en regarde une autre : l'onglet Chat-Man porte son motif et sa lettre depuis n'importe quelle page du site. C'est pourquoi les blocs ci-dessous s'accrochent a `.onglet[data-peau="chat-man"]` — l'univers de l'ONGLET — et non a la peau de la racine, qui n'est que celle de la page ouverte. Les valeurs viennent de la feuille du mur (postit.css) et doivent y rester fideles — meme brun, meme tuile, meme direction de lumiere. La peau est une citation du mur, pas une variante : si une valeur bouge la-bas, elle bouge ici. ========================================================= */ /* Ces variables ne sont plus reservees a la racine : un onglet range porte `data-peau` lui aussi, et il lui faut le fond, la tuile et les calibres de son univers alors meme que la page appartient a un autre. Les proprietes personnalisees heritent — declarees ici, elles descendent dans l'onglet comme elles descendaient dans le panneau. */ [data-peau="chat-man"] { --wall-brown: #ac8a67; /* le fond de la tuile, pas le brun du monogramme */ /* LA MATIERE DU MUR, ET ELLE N'EST PLUS UNE RESSOURCE. Le monogramme est ecrit dans cette feuille, en `data:` (tout en bas, `--monogramme-jour` / `--monogramme-nuit`) : les deux lignes ci-dessous n'en sont que des noms. Pourquoi — voir la section du bas. */ --monogramme: var(--monogramme-jour); --tile: var(--monogramme); /* CE QUE LE SOL LIT pour la PEINDRE au lieu de la repeter. C'etait la meme tuile dite une seconde fois, en absolu : une variable CSS lue par le JS rend la chaine telle quelle, et un chemin relatif s'y resoudrait contre la PAGE, pas contre cette feuille. Il fallait donc deux ecritures, et les tenir d'accord. Un `data:` se resout pareil des deux cotes : les deux noms restent — ce sont deux contrats, l'un pour le CSS, l'autre pour le JS — mais ils designent une seule declaration, et il n'y a plus de doublon a surveiller. Absent, il n'y a pas de sol : le motif reste le fond de cette feuille, et le zoom de l'apercu reste celui qu'elle sait faire. */ --sol-motif: var(--monogramme); --outline-ink: #533c2e; /* le brun fonce du motif */ /* L'encre sombre des fleches du tour (cf. .tour__trait) : le brun du motif assombri de 20 % plutot que le noir — le brun tel quel paraissait delave sur le disque. Le blanc, lui, ne change pas. */ --tour-sombre: #403128; --wall-text: #ffffff; /* le blanc du mur : lettres et traits */ --sticky: #ffe14d; /* le seul accent, et il vient du sujet */ /* CE QUE LA TUILE RENDAIT — et qui ne se declare plus ici. Elle valait 38 px : le milieu de ce que le sol rend, a cinq pour cent pres. Un nombre choisi, donc, la ou le sol en calculait un autre — mesure sur le rayon Chat-Man, 45,118 px publies contre 38 declares, dix- neuf pour cent d'ecart. C'est ce seul ecart qui interdisait au panneau et a l'encoche de peindre quoi que ce soit avant l'arrivee du sol. `--tuile` se DEDUIT maintenant de la ligne ci-dessous et de l'echelle du monde (epoque.css, `[data-peau]`) : la peau dit ce que son monogramme mesure, la maison dit combien vaut un millimetre, et il n'y a plus de troisieme nombre a tenir d'accord avec les deux autres. */ /* CE QUE LA TUILE MESURE — et c'est elle, maintenant, qui mesure. Les pixels ci-dessus ne disaient rien du sol : ce qu'une tuile couvrait se deduisait de l'echelle que les livres avaient negociee, et le meme monogramme valait 59,1 mm en fenetre large, 51,4 dans un volet, 43,2 sur telephone (mesure). Un objet ne pouvait donc pas « faire trois tuiles », la phrase changeait de sens d'un ecran a l'autre. La declaration passe donc du cote des millimetres, et la taille rendue s'en deduit (sol.js). 59 mm : la valeur mesuree en fenetre large, celle qui rend exactement les 50 px ci-dessus — on change l'unite, pas l'ecran. ET IL N'Y EN A QU'UNE, sans point de rupture. Le carrelage est ce sur quoi les objets se mesurent (loupe.js) : une tuile qui vaudrait 43 mm sur telephone et 59 ailleurs ferait changer de maille au meme objet selon la fenetre — mesure, le t-shirt passait d'un cran a deux. Ce que ca coute : sur telephone la tuile se rend vers 45 px la ou le CSS en posait 33. C'est le prix d'un sol qui mesure. */ --tuile-mm: 59; /* Meme source de lumiere que le mur : 2h sur un cadran, l'ombre tombe vers 8h. Elle ne vaut que dans le panneau — les objets doivent s'eclairer comme les post-it a cote desquels ils vivent. */ --light-x: -0.866; --light-y: 0.5; /* La matiere que l'ossature va poser sur le panneau ET sur l'encoche : le meme fond, le meme bord. Une seule feuille, donc une seule paire de valeurs — c'est ce qui garantit que les deux pieces ne divergent pas. */ --rayon-fond: var(--wall-brown); --rayon-bord: var(--outline-ink); } /* La nuit, une seule chose change : le mur. La tuile sombre echange ses deux bruns — le fonce passe au fond, le clair au monogramme. Les objets, eux, sont des rendus : ils n'ont pas de version nuit. */ @media (prefers-color-scheme: dark) { [data-peau="chat-man"]:not([data-theme="clair"]) { --wall-brown: #533c2e; /* Une seule ligne : `--tile` et `--sol-motif` la suivent d'eux-memes. */ --monogramme: var(--monogramme-nuit); } } /* --------------------------------------------------------- Le panneau Le motif defile AVEC le contenu, il n'est pas fixe derriere : c'est ce qui donne la sensation de descendre le long d'un mur. Une ombre courte le pose sur le blanc de la maison — un panneau accroche, pas un fond qui deborde. --------------------------------------------------------- */ [data-peau="chat-man"] .page { color: var(--wall-text); } /* LE MOTIF EST LA, ET C'EST CE QUI LE PEINT QUI LE RETIRE. La declaration etait a l'envers, aux deux etages. Le panneau ne portait son fond que sous `data-sans-sol` — c'est-a-dire une fois acquis qu'aucun sol ne viendrait — et l'encoche que sous `data-carrele`, une fois la maille du sol publiee. Les deux attendaient pour la meme raison : le repli valait 38 px la ou le sol rendait 45,118, et un carrelage peint en attendant le vrai est un carrelage qui se corrige sous l'oeil. La maille se declare maintenant (epoque.css, `[data-peau]`) : les deux dessins sortent du meme nombre, a la meme phase, et le second ne peut plus contredire le premier. Il n'y a donc plus rien a attendre — le fond se pose des la premiere image, et c'est la TOILE qui, en peignant, le retire de dessous elle. Sans quoi on verrait le monogramme deux fois, rasterise deux fois : une toile n'est opaque qu'a l'endroit du motif. `data-peint` est pose par qui peint, sur ce qu'il couvre — le sol sur son panneau, le carreau sur son onglet (sol.js) — et retire des qu'il ne peint plus. Mesure avant : first-paint 88 ms, first-contentful-paint 168 a 184 ms sur `/chat-man/` — quatre-vingts millisecondes d'aplat brun a chaque arrivee — contre 116 ms pour les deux sur une page sans sol. ET LE FOND NE SE RETIRE PLUS. Il se retirait « sans quoi on verrait le monogramme deux fois » : c'etait faux, la tuile est OPAQUE (0 pixel transparent sur 40 000, jour comme nuit), et une toile qui la repete couvre tout ce qu'elle porte. Retire, il laissait sous la toile un aplat brun — et c'est lui qu'on voyait sur telephone, des qu'en defilant la page arrivait avant son sol (visite du 29 septembre, 20 images/s). Garde, ce qu'on voit en retard est le meme carrelage, a la meme maille et a la meme phase. `data-peint` reste : il dit qu'un sol peint, et le releve le lit. */ [data-peau="chat-man"] .page, .onglet[data-peau="chat-man"] { background-image: var(--tile); } /* --------------------------------------------------------- Le mur suit Ouvrir une bande, ce n'est pas grossir un objet sur un decor immobile : c'est AVANCER. Le panneau prend donc le facteur que l'apercu publie dessus (--zoom-livre, 1 au repos) et grossit sa tuile d'autant — le rapport entre le monogramme et ce qu'on regarde ne bouge jamais, c'est ce rapport constant qui se lit comme un deplacement. Le motif grossit AUTOUR DU FOYER, pas depuis le coin du panneau : une tuile qui gonfle vers le bas-droite dirait « l'image s'etire », pas « je m'approche ». Mettre a l'echelle autour d'un point F, c'est reculer l'origine de F x (1 - zoom) — deux calc, et le motif converge vers l'objet ouvert. L'encoche de l'onglet, elle, garde la regle du dessus : elle appartient a l'etage de la maison, on ne s'en approche pas. Ces trois variables n'existent que pendant un apercu. Partout ailleurs les valeurs de repli rendent ce bloc identique a la regle qu'il surcharge — un panneau sans apercu ne sait meme pas qu'il pourrait zoomer. --------------------------------------------------------- */ [data-peau="chat-man"] .page { background-size: calc(var(--tuile) * var(--zoom-livre, 1)) calc(var(--tuile) * var(--zoom-livre, 1)); /* LE DEMI-PAS DE PHASE SE REPREND ICI, A LA MAILLE DU MOMENT. L'ossature pose un bord de tuile sur l'axe median du panneau (epoque.css, `.page`) ; cette regle-ci surcharge la position pour zoomer autour du foyer, elle doit donc redire ce demi-pas — sinon le repli reprendrait la phase du coin des qu'une peau sait zoomer, et le carrelage sauterait d'une demi- tuile la ou le sol ne peint pas. Au repos (`--zoom-livre: 1`), les deux lignes valent exactement celles de l'ossature. */ background-position: calc(50% + var(--tuile) * var(--zoom-livre, 1) / 2 + var(--zoom-foyer-x, 0px) * (1 - var(--zoom-livre, 1))) calc(var(--bande-ep, 0) * 1px * var(--zoom-livre, 1) + var(--zoom-foyer-y, calc(var(--bande-ep, 0) * 1px)) * (1 - var(--zoom-livre, 1))); } /* Et ce milieu tombe sur un pixel d'ecran, comme dans l'ossature (epoque.css, `.page`) — meme arrondi, meme pas, et le sol lit le meme nombre (`Epoque.milieuDuReseau`). */ @supports (background-position-x: round(nearest, calc(50% + 1px), 1px)) { [data-peau="chat-man"] .page { background-position: round(nearest, calc(50% + var(--tuile) * var(--zoom-livre, 1) / 2 + var(--zoom-foyer-x, 0px) * (1 - var(--zoom-livre, 1))), calc(1px / var(--dpr))) calc(round(nearest, calc(var(--bande-ep, 0) * 1px), calc(1px / var(--dpr))) * var(--zoom-livre, 1) + var(--zoom-foyer-y, round(nearest, calc(var(--bande-ep, 0) * 1px), calc(1px / var(--dpr)))) * (1 - var(--zoom-livre, 1))); } } /* Le fond du sol avance avec le panneau, autour du meme foyer (epoque.css, `.sol__fond`). Le calque part du coin de REMPLISSAGE, le foyer se compte depuis celui de la BORDURE : le filet (`--fond-oy`, pose par sol.js) se retranche avant de grossir. En transformation, donc au compositeur : rien de ce que le geste touche ne repasse par la mise en page. */ [data-peau="chat-man"] .sol__fond { transform: translate(calc(var(--zoom-foyer-x, 0px) * (1 - var(--zoom-livre, 1))), calc((var(--zoom-foyer-y, 0px) - var(--fond-oy, 0px)) * (1 - var(--zoom-livre, 1)))) scale(calc(var(--zoom-livre, 1) / var(--dpr))); } [data-peau="chat-man"] .page { min-height: 58vh; box-shadow: calc(var(--light-x) * 3px) calc(var(--light-y) * 3px) 5px -2px rgba(0, 0, 0, 0.30), calc(var(--light-x) * 12px) calc(var(--light-y) * 12px) 22px -8px rgba(0, 0, 0, 0.45); } /* --------------------------------------------------------- La lettre — qui porte la chartre, et a quel calibre La chartre (typo-chat-man-og.css) dit COMMENT la lettre est faite ; ce bloc dit QUI la porte. C'est la seule jonction entre l'univers et la structure du site : trois regles, une par calibre. Ajouter un texte au panneau, c'est l'ajouter a la bonne liste ici — nulle part ailleurs. Les declarations reprennent celles des classes .og / .og--fort / .og--fin : le CSS n'a pas de mixin, et le JS qui construit ces elements ne connait aucun univers — il ne peut donc pas leur poser la classe. La chartre reste la source des valeurs, ce bloc n'en pose aucune de son cru. --------------------------------------------------------- */ /* Fort — les grosses capitales de mono et les noms. */ [data-peau="chat-man"] .page .titre, [data-peau="chat-man"] .page .section__titre, [data-peau="chat-man"] .page .rang__nom, [data-peau="chat-man"] .page .fiche__nom, [data-peau="chat-man"] .page .prix--grand { color: var(--og-encre); -webkit-text-stroke: var(--og-lisere-fort) var(--og-arete); paint-order: stroke fill; --og-brun: var(--og-brun-fort); --contour: 1; } /* Moyen — le texte courant, les prix, les boutons. */ [data-peau="chat-man"] .page .prose, [data-peau="chat-man"] .page .rang__prix, [data-peau="chat-man"] .page .rang__auteur, [data-peau="chat-man"] .page .fiche__auteur, [data-peau="chat-man"] .page .fiche__livraison, [data-peau="chat-man"] .page .feuillet__compte, [data-peau="chat-man"] .page .bouton, [data-peau="chat-man"] .page .fiche__retour { color: var(--og-encre); -webkit-text-stroke: var(--og-lisere-moyen) var(--og-arete); paint-order: stroke fill; --og-brun: var(--og-brun-moyen); --contour: 1; } /* Fin — les mentions et les petits corps, dont le trait large fermerait les delies. */ [data-peau="chat-man"] .page .objet__statut, [data-peau="chat-man"] .page .fiche__specs li { color: var(--og-encre); -webkit-text-stroke: var(--og-lisere-fin) var(--og-arete); paint-order: stroke fill; --og-brun: var(--og-brun-fin); --contour: 1; } /* L'onglet, lui, garde la voix de la maison : comme tous les autres, il se compose en grotesk, et sa lettre suit SA couleur (`--encoche-encre`, epoque.css). Son univers tient dans sa matiere, pas dans sa lettre. */ /* --------------------------------------------------------- Ce qui n'est pas une lettre La chartre habille les glyphes ; les traits, eux, ne se contournent pas. Sur le motif, un trait noir d'Epoque disparaitrait dans le brun — ils passent tous au blanc du mur. --------------------------------------------------------- */ [data-peau="chat-man"] .page .bouton, [data-peau="chat-man"] .page .fiche__retour, [data-peau="chat-man"] .page .objet__vide { border-bottom-color: var(--wall-text); } [data-peau="chat-man"] .page a:focus-visible, [data-peau="chat-man"] .page button:focus-visible, .onglet[data-peau="chat-man"]:focus-visible { outline-color: var(--wall-text); } /* --------------------------------------------------------- Les rangs — tout est a meme le mur Le texte a d'abord vecu sur un carton de papier creme, parce qu'un monogramme est un fond charge. La chartre OG rend ce carton inutile : la lettre porte son propre contour, elle tient sur le motif sans qu'on lui pose un support dessous. Retirer le papier, c'est retirer la derniere boite entre le visiteur et l'univers — et c'etait tout l'objet. Ce qui reste du papier : rien ici. La matiere creme sert encore a la modale du mur, elle n'a plus d'emploi sur le site. --------------------------------------------------------- */ [data-peau="chat-man"] .rang:not(.rang--ouvert) .rang__texte, [data-peau="chat-man"] .fiche__texte { background: none; border: 0; padding: 0; box-shadow: none; } /* --------------------------------------------------------- LE PANNEAU DE L'APERCU N'EST PAS LE MUR Le carton de papier a disparu des rangs pour de bon : sur le mur, la lettre porte son propre contour et n'a besoin d'aucun support. La bande OUVERTE est un autre endroit — on y est entre, et ce qui s'y lit se lit sur le rectangle blanc de la maison (epoque.css), pose devant la piece. La chartre s'arrete donc a son bord. C'est ici que ca se dit et nulle part ailleurs : la peau declare QUI porte la lettre de l'univers, elle est donc aussi la seule a pouvoir declarer qui ne la porte pas. Sur du blanc, une lettre blanche cerclee de brun ne se lit pas — et c'est bien pour ca qu'elle existe : elle est faite pour tenir sur le motif. --------------------------------------------------------- */ [data-peau="chat-man"] .page .rang--ouvert .rang__texte, [data-peau="chat-man"] .page .rang--ouvert .rang__texte *, [data-peau="chat-man"] .page .rang--ouvert .rang__acquerir, [data-peau="chat-man"] .page .rang--ouvert .rang__acquerir * { /* La plaque d'acquerir est du meme cote que le panneau : la maison, pas l'univers. Elle s'encre elle-meme (noir plein, gris quand rien ne s'acquiert, et l'inverse au survol) — une lettre blanche cerclee de brun y tiendrait sur le noir et disparaitrait au survol, sur le blanc. */ color: var(--encre); -webkit-text-stroke: 0; /* Le signal que le JS lit pour poser (ou retirer) le second trace brun : a zero, `Epoque.contour` defait le data-contour de lui-meme. */ --contour: 0; } [data-peau="chat-man"] .page .rang--ouvert .rang__texte .bouton { border-bottom-color: var(--encre); } /* La plaque reprend son encre a elle : `color: var(--encre)` ci-dessus n'est la que pour defaire la lettre de l'univers, pas pour decider de la sienne. L'inversion suit la meme condition qu'en maison — une plaque grise ne s'allume pas — sans quoi le mot passerait au gris sur un fond reste gris. */ [data-peau="chat-man"] .page .rang--ouvert .rang__acquerir, [data-peau="chat-man"] .page .rang--ouvert .rang__acquerir * { color: inherit; } [data-peau="chat-man"] .page .rang--ouvert > .rang__acquerir { color: var(--papier); } [data-peau="chat-man"] .page .rang--ouvert > .rang__acquerir:has(.bouton:not(.bouton--inerte)):hover, [data-peau="chat-man"] .page .rang--ouvert > .rang__acquerir:has(.bouton:focus-visible) { color: var(--acquerir-encre); } /* ========================================================= LA PLANCHE — le monogramme, ecrit dans la feuille ELLE ETAIT UN FICHIER, ET UN FICHIER PEUT ARRIVER EN RETARD SUR LA FEUILLE QUI L'APPELLE. Le panneau montre son motif par un `background-image`, et un fond CSS ne dessine RIEN tant que son fichier n'est pas DECODE — sans le dire : la couleur se peint, l'image non, et le panneau est un aplat brun. L'encoche, elle, passe par une toile (sol.js, `Carreau`), qui ne peint qu'apres `onload` : par construction elle n'a pas d'etat intermediaire. Deux chemins pour le meme fichier, deux regles de disponibilite — et c'est ce qu'on voyait, mesure sur un monogramme froid : au meme instant, l'onglet correctement carrele, les objets et leurs socles dessines, et le panneau brun nu. Le repli CSS existe pour couvrir la fenetre pendant laquelle la toile n'a pas encore peint ; il ne pouvait pas en couvrir le DEBUT, parce qu'il dependait du meme fichier avec la plus mauvaise des deux regles : la toile attend pour dessiner juste, le fond dessinait du vide en attendant. Un `preload as="image"` ne repare pas ca : il regle le TELECHARGEMENT (mesure : 21 ms au lieu de 138), pas le decodage, qui a lieu a la peinture. Et le cache non plus — chaque changement d'onglet est un nouveau document, et un nouveau document redecode. ECRITE ICI, la tuile cesse d'etre une ressource qui peut arriver en retard sur le style : elle EST le style, et le style bloque deja le rendu. Il n'y a plus de course parce qu'il n'y a plus deux choses a synchroniser — et plus de requete non plus, ni pour le fond, ni pour la toile. CE QUE CA COUTE : 7 756 et 7 657 octets rendent 10 344 et 10 212 en base64, soit une vingtaine de kilo-octets ajoutes a une feuille qui bloque le rendu, sur toutes les pages du site — puisque toutes portent l'etage du haut, donc l'onglet. ET CE QUE CA DEMANDE : le fichier reste la source, la feuille en porte la copie. Retoucher la tuile, c'est refaire les deux. La commande, depuis `public/` : python -c "import base64;print(base64.b64encode(open('assets/img/monogramChM1-200.png','rb').read()).decode())" Les deux planches sont declarees sur le meme selecteur que le reste de la peau : l'ordre n'a pas d'importance, une propriete personnalisee se resout apres la cascade, pas pendant. ========================================================= */ [data-peau="chat-man"] { --monogramme-jour: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAIAAAAiOjnJAAAEr2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjAwIgogICB0aWZmOkltYWdlV2lkdGg9IjIwMCIKICAgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIKICAgdGlmZjpYUmVzb2x1dGlvbj0iMzAwLzEiCiAgIHRpZmY6WVJlc29sdXRpb249IjMwMC8xIgogICBleGlmOlBpeGVsWERpbWVuc2lvbj0iMjAwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjAwIgogICBleGlmOkNvbG9yU3BhY2U9IjEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIw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"); --monogramme-nuit: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAIAAAAiOjnJAAAEr2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjAwIgogICB0aWZmOkltYWdlV2lkdGg9IjIwMCIKICAgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIKICAgdGlmZjpYUmVzb2x1dGlvbj0iMzAwLzEiCiAgIHRpZmY6WVJlc29sdXRpb249IjMwMC8xIgogICBleGlmOlBpeGVsWERpbWVuc2lvbj0iMjAwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjAwIgogICBleGlmOkNvbG9yU3BhY2U9IjEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIw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"); } /* ========================================================= UNE VARIANTE DE MOTIF — le meme mur, un autre monogramme Un rayon peut porter la peau d'un univers et un autre motif (`rayons[].motif`, config.json) : le brun, la lettre, la lumiere, la maille restent ceux de la peau, seule la planche change. Ce n'est donc pas une seconde peau — il n'y aurait que deux lignes a y mettre, et quatre cents a recopier. `data-motif` se pose la ou `data-peau` se pose : sur la racine de la page (dans son HTML, pour la premiere image) et sur l'onglet (epoque.js, `chrome`). Un onglet qui ne le porte pas redit la planche de sa peau par la regle du dessus : la variante de la page ne descend pas chez lui. La planche EE : `assets/img/monogramEE1-200.png` et sa nuit, `-dark`, deduite du jour par la loi de la tuile Chat-Man — les deux bruns s'echangent (clair + fonce - couleur ; verifie sur la paire Chat-Man, ecart nul). Meme commande que plus haut pour refaire la copie. ========================================================= */ [data-peau="chat-man"][data-motif="ee"] { --monogramme-jour: url("data:image/png;base64,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"); --monogramme-nuit: url("data:image/png;base64,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"); } /* La meme planche EE, autre encre : fond olive, signe rouge sombre (`assets/img/monogramEE1-200-jaune.png`). Ici le MUR change de couleur avec sa planche : `--wall-brown` est le fond de la tuile, et il se redit donc, jour et nuit. La nuit est deduite comme plus haut - les deux couleurs s'echangent (fond + signe - couleur). */ [data-peau="chat-man"][data-motif="ee-jaune"] { --wall-brown: #aaaa55; --monogramme-jour: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAIAAAAiOjnJAAABjGlDQ1BJQ0MgUHJvZmlsZQAAeJx9kj1Lw1AUht9+iCAVBx0cHILoZktaoaiIQ6sUF4eq0OqUpElbaNKQpkh3wcWh4KCbH4t/QHR18AcIgiCIP8BJFF20xPcmQotoz+Xc+5z3nnM4lwQI74MWlQHTcp18LiMVilvS4DNCXL4pWsNGX/u4D3Lv4v3z/rShkt7QeH7RlzTbcYHQIvlix7UFv5DHtIpSAsJR8ozDAcmy0MsBLwtWAy4IdjbyWXKNLJV7WO1hs9bUfmYQ08d0a3Od5yR9Ag3kkUMGElaxgizSSGKeexpxpJBghH/qj/z6NdRZq3G30YKDKsqowMUC1SyXzD5J9pEZ22hCRY05GqMSa0wojCw/0uniRmF1lXcWqyTOppN0dha6yJHYo+V3qzDLpWv+rUGOk02+KSG+7e9v1jBmU8ErYhlg4Mnz3qaBwQOg0/a8z1PP65wBkUfg2urW10+AuXfq7a6mHgJXe8D4Q1ebOgZGdoHLG1txFF+K0MOGAbyeA8NFYPSWv8H2N7zpbFW2Ql73AAAC+klEQVR42u3dQXKjMBBAUTnFFTuHdF9yFpOtkZISbWG9VzWryYKSfyRDBDyez2gw25chQFgIC2GBsBAWwoK5DkMwLrPzA/Hz7+MHoqWwKsvKiD266g+FpRDfsRAWwgJhISyEBcJCWAgLZnrY844ZC2EhLBAWwmLns8KRnWlbbF/L/r7IPbbxzXH8H9PT4dxiILI7DtsMhaUQYSEsEBbCQlggLISFsEBYLMcOUsxYCAthgbC4idMn+uXIMwFnebmLLrPsGGzlKwmrtKuW7WVZtUMiLUshwkJYICyEhbDgyrCcefNHZ9exIlqbe8EwJ1/tDFszLIVmQGGBsBAWwgJhISyEBcJCWAgLhIWwENbC/El7YcfoD9beC1Z5SO4lfGdYQ8/Xf0dbZr57L4UGH1/eERbCAmEhLIQFg4YvkMacC4n57b5CMxYIC2EhLBAWwkJYICyEhbBAWAgLYcEuYdnZsLDe+woz1z32Cw4vIvR6+YyVLQ0QVyyFfnnx5R1hISwQFsJCWCWcgH6Wx/P81rxcIKzU9/0cNxhoH7alEISFsBAWCAthcStHd6tcbHLCP7D7zJsGfhFW65WVe7y5IVtr/V8yZVkKERbCAmEhLIQFwkJYCAuExTv09ryDGQthISwQFsLikx2GYFz3yZTRYpvdtimsmQPa+f9duuoPhaUQ37EQFsICYSEshAXCQlgIC2aygxQzFsJCWDCfbTPzZOU7aV8+Dq/ybcsnz+QT1j27avny8YLF71sOSyG+YyEsEBbCQlggrPoz7y25jjUvq5j96oqcfLUzCjccmLHMgMJCWAgLhIWwEBYIC2EhLBAWwkJYICx+q/ZP2rbNXKP2XrDKQ4qxrUHCuuhDbKt11WYd0tjMZyn8gGXHdyyEBcJCWAgLhMVaXMe6RoxeSDyX3+4rBGEhLIQFwkJYCAuEhbAQFggLYSEshGUIduG+wrvK0ncFrnB4EeG1chUfnEEQ1v0XG2EhLBAWwkJYICwnoKt6PJ9OkufJBcLKJfr+ByQ8fv85C/aDAAAAAElFTkSuQmCC"); --monogramme-nuit: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAIAAAAiOjnJAAAC8ElEQVR42u3dQXKcMBBAUY2LK7YP6b5kFvF2kMbVaMTovaqskgWlfCOQBTyiQb0vQ4CwEBbCAmEhLIQFtQ5DMC56i375++fjB6KFsGaWFZl7dNUfClMhrrEQFsICYSEshAXCQlgICyo97HnHGQthISwQFsJiY0dE/75wi+1r0d8Xucc2vqKw/o/p6XBuMRDRHYdthsJUiLAQFggLYSEsEBbCQlggLJZjBynOWAgLYYGwuInTN/rFyDsBqzzdRTeyFfHyg6AwrKldtWhPy5o7JNIyFSIshAXCQlgIC64My503f3S2jpXZWu2CYRSvdua39E2FzoDCAmEhLIQFwkJYCAuEhbAQFggLYSGsdfmV9sKO0X8491mwmYfkWcJ3hjX0fv13tOXMd++p0ODj4h1hISwQFsJCWDBoeIE0axYS48dzhc5YICyEhbBAWAgLYYGwEBbCAmEhLIQFu4RlZ8PCet8rjIU/Rn7B4WWmXi8/Y0XziXsumQr98OLiHWEhLBAWwkJYU7gB/SyPzlJVLBBW6PvzwgLXWAgLYYGwEBbCghcd3a1y2fZY3RnYfeZLAy+E1XplxR5fbojWWv+HTFmmQoSFsEBYCAthgbAQFsICYfEOtibjjIWwEBYIC2Gxs8MQjOu+mTJbbrPbNoRVOaCdv9+lq/5QmApxjYWwEBYIC2EhLBAWwkJYUMkOUpyxEBbCgnq2zdSJmd+kffo6vJlfWz55J5+w7tlVi6evF5x8O5amQlxjISwQFsJCWCCs+XfeW7KOVZdVVn+6IopXO/N7XvrOWM6AwkJYCAuEhbAQFggLYSEsEBbCQlggLF4191fats1cY+6zYDMPKce2Bgnrov/E1mLNw5p05jMVfsC04xoLYYGwEBbCAmGxFutY18jRhcRz8eO5QhAWwkJYICyEhbBAWAgLYYGwEBbCQliGYBeeK7yrmPqtwBUOLzN9Vm7Gf5xBENb9JxthISwQFsJCWCAsN6Crelh7qRQLhBVL9P0PvTRyBcwquGwAAAAASUVORK5CYII="); } @media (prefers-color-scheme: dark) { [data-peau="chat-man"][data-motif="ee-jaune"]:not([data-theme="clair"]) { --wall-brown: #550000; } }