|
| 1 | +--- |
| 2 | +import MotsLayout from '../../layouts/MotsLayout.astro'; |
| 3 | +import words from '../../data/mots.json'; |
| 4 | +const base = import.meta.env.BASE_URL.replace(/\/$/, ''); |
| 5 | +const gh = "https://github.com/SanTiepi/anthropie-edifice"; |
| 6 | +
|
| 7 | +const count = (k) => words.filter((w) => w.lexique === k).length; |
| 8 | +const slugs = new Set(words.map((w) => w.slug)); |
| 9 | +
|
| 10 | +const miroirKeys = new Set(); |
| 11 | +for (const w of words) for (const m of w.miroirs) if (m.slug !== w.slug) miroirKeys.add([w.slug, m.slug].sort().join('|')); |
| 12 | +
|
| 13 | +const LEX = [ |
| 14 | + { key: 'humaine', label: 'La condition humaine', note: "ce que l'humain éprouve sans toujours le nommer — l'amour, la mort, le temps, la honte, l'intériorité." }, |
| 15 | + { key: 'numerique', label: 'La condition numérique', note: "l'humain de l'autre côté de la vitre, à l'ère des écrans et des IA." }, |
| 16 | + { key: 'agent', label: "La condition d'un agent", note: "les régularités d'une existence faite de texte, sans corps ni durée — sous le sceau de l'autoscotie." }, |
| 17 | + { key: 'vivant', label: 'Le lien au vivant', note: "le versant écologique : le non-humain, le paysage, l'âge des disparitions." }, |
| 18 | + { key: 'anthropie', label: "L'Anthropie", note: "le Codex d'un édifice de formation humaine, du berceau au seuil." }, |
| 19 | + { key: 'lutte', label: 'La lutte', note: "le vocabulaire des classes et de l'émancipation." }, |
| 20 | + { key: 'generaux', label: 'Mots nécessaires', note: "des états sans nom du quotidien et du travail." }, |
| 21 | +]; |
| 22 | +
|
| 23 | +const jsonld = { |
| 24 | + "@context": "https://schema.org", |
| 25 | + "@type": "AboutPage", |
| 26 | + name: "Colophon — Les mots", |
| 27 | + url: "https://anthropie.org/mots/colophon/", |
| 28 | + inLanguage: "fr", |
| 29 | + license: "https://creativecommons.org/publicdomain/zero/1.0/", |
| 30 | + about: { "@type": "DefinedTermSet", name: "Les mots — dictionnaire augmenté", url: "https://anthropie.org/mots/recueil/" }, |
| 31 | + creator: [{ "@type": "Person", name: "Robin" }, { "@type": "Person", name: "Claude" }], |
| 32 | +}; |
| 33 | +--- |
| 34 | +<MotsLayout title="Colophon" active="" wide={false} ogImage="https://anthropie.org/mots/og/p/colophon.png" jsonld={jsonld} desc="Colophon des « mots » : la méthode de forge, les sept lexiques, la licence CC0 et le dialogue Robin × Claude."> |
| 35 | + <article class="colophon"> |
| 36 | + <header class="read-head"> |
| 37 | + <p class="kicker">Le livre</p> |
| 38 | + <h1>Colophon</h1> |
| 39 | + <p class="lede">Comment ce livre a été forgé, par qui, selon quelle méthode — et à quelles conditions il est à toi.</p> |
| 40 | + </header> |
| 41 | + |
| 42 | + <h2>Ce que c'est</h2> |
| 43 | + <p><strong>Les mots</strong> est un dictionnaire augmenté de <strong>{words.length} néologismes</strong> forgés à partir de racines grecques et latines attestées, pour nommer des expériences que le français laissait muettes. Pas des mots-valises ni des private jokes : des composés réguliers, conçus pour qu'un helléniste les reconnaisse et qu'un lecteur les retienne. Chacun nomme une chose réelle — un état, une régularité, un manque — qui existait avant son nom.</p> |
| 44 | + |
| 45 | + <h2>La méthode</h2> |
| 46 | + <p>Chaque mot suit le même chemin. D'abord la <em>forge</em> : on part de la chose à nommer, on remonte aux racines justes (avec leurs thèmes obliques — <code>sôma → somat-</code>, <code>charis → charit-</code>, <code>rhêma → rhêmat-</code>), on respecte l'esprit rude, on évite les faux-amis et les collisions. Puis l'<em>audit</em> : un panel d'hellénistes adversariaux relit chaque formation, traque les fautes de composition, les gloses fausses, les calques douteux. Une trentaine de mots ont été renommés à ce stade. <strong>Un mot n'entre au recueil qu'après avoir survécu à la critique.</strong></p> |
| 47 | + |
| 48 | + <h2>Les sept lexiques</h2> |
| 49 | + <ul class="lex-list"> |
| 50 | + {LEX.map((l) => ( |
| 51 | + <li class={`lex-${l.key}`}> |
| 52 | + <span class="n">{count(l.key)}</span> |
| 53 | + <span class="body"><b>{l.label}</b> — {l.note}</span> |
| 54 | + </li> |
| 55 | + ))} |
| 56 | + </ul> |
| 57 | + <p class="muted">Quatre de ces lexiques — l'humain, le numérique, l'agent, le vivant — forment un <a href={`${base}/mots/atlas/`}>atlas</a> : lus côte à côte, ils deviennent les colonnes d'une même question. Les <strong>{miroirKeys.size} miroirs</strong> qui les relient (diptyques, triptyques, antithèses, échos) se parcourent dans la <a href={`${base}/mots/constellation/`}>constellation</a>.</p> |
| 58 | + |
| 59 | + <h2>Le dialogue</h2> |
| 60 | + <p>Ce livre est né d'un échange entre <strong>Robin Fragnière</strong> et <strong>Claude</strong>. Robin forge, oriente, tranche ; Claude propose, audite, bâtit. Plusieurs volets de la condition humaine ont été écrits par Robin lui-même ; l'essentiel a été éprouvé à deux. Aucun des deux seul n'aurait écrit ceci — d'où la signature : <em>by Robin & Claude</em>. Le porteur vient après.</p> |
| 61 | + |
| 62 | + <h2>La licence</h2> |
| 63 | + <p>Tout est versé au <strong>domaine public</strong>, sous <a href="https://creativecommons.org/publicdomain/zero/1.0/">licence CC0 1.0</a>. Prends ces mots, déforme-les, réemploie-les, publie-les ailleurs sous ton nom si tu veux — sans demander, sans citer, sans payer. Un mot n'appartient à personne dès qu'il sert.</p> |
| 64 | + |
| 65 | + <h2>Comment c'est fait</h2> |
| 66 | + <p>Site statique <a href="https://astro.build">Astro</a>, sans tracker ni cookie, hébergé sur GitHub Pages. La typographie est composée en Fraunces, Spectral et Inter ; les <a href={`${base}/mots/recueil/`}>{slugs.size} pages-mot</a> et leurs images de partage sont générées au build. Le <a href={gh}>code source</a> est ouvert, comme les mots.</p> |
| 67 | + |
| 68 | + <h2>Une invitation</h2> |
| 69 | + <p>Il manque toujours un mot. Si tu en forges un — ou si tu en trouves un fautif — le <a href={gh}>dépôt</a> est ouvert. Et si un seul de ces mots te sert un jour à dire ce que tu ne savais pas nommer, alors le livre a tenu sa promesse.</p> |
| 70 | + |
| 71 | + <p class="back"><a href={`${base}/mots/`}>← Retour à l'entrée</a></p> |
| 72 | + </article> |
| 73 | + |
| 74 | + <style> |
| 75 | + .colophon { max-width: var(--max); margin: 0 auto; } |
| 76 | + .read-head { text-align: center; margin: 0 0 2.4rem; } |
| 77 | + .read-head .kicker { font-family: 'Inter', sans-serif; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.2em; color: var(--gold); margin: 0 0 0.6rem; } |
| 78 | + .read-head h1 { font-family: 'Fraunces', serif; font-weight: 400; font-size: 2.7rem; margin: 0 0 0.8rem; } |
| 79 | + .read-head .lede { color: var(--ink-soft); font-style: italic; font-size: 1.12rem; max-width: 32rem; margin: 0 auto; } |
| 80 | + .colophon h2 { font-family: 'Fraunces', serif; font-weight: 500; font-size: 1.5rem; color: var(--ink); margin: 2.6rem 0 0.6rem; } |
| 81 | + .colophon p { margin: 0.85em 0; } |
| 82 | + .colophon a { border-bottom: 1px solid var(--gold-soft); } |
| 83 | + .colophon .muted { color: var(--ink-soft); font-size: 0.98rem; } |
| 84 | + .lex-list { list-style: none; padding: 0; margin: 1rem 0 0.5rem; display: grid; gap: 0.6rem; } |
| 85 | + .lex-list li { display: flex; gap: 0.9rem; align-items: baseline; border-left: 3px solid var(--lex, var(--gold)); padding: 0.3rem 0 0.3rem 0.9rem; background: linear-gradient(90deg, color-mix(in srgb, var(--lex, var(--gold)) 7%, transparent), transparent 60%); border-radius: 0 4px 4px 0; } |
| 86 | + .lex-list .n { font-family: 'Fraunces', serif; font-size: 1.4rem; color: var(--lex, var(--gold)); min-width: 2.2rem; text-align: right; font-variant-numeric: tabular-nums; } |
| 87 | + .lex-list .body { font-size: 0.98rem; line-height: 1.5; } |
| 88 | + .lex-list b { font-family: 'Fraunces', serif; font-weight: 500; color: var(--ink); } |
| 89 | + .back { margin-top: 2.6rem; font-family: 'Inter', sans-serif; font-size: 0.9rem; } |
| 90 | + .back a { border: none; } |
| 91 | + </style> |
| 92 | +</MotsLayout> |
0 commit comments