936 lines
28 KiB
HTML
936 lines
28 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Conjugaisons Espagnoles</title>
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
|
<!-- Tailwind CSS CDN -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body
|
|
class="bg-slate-900 text-slate-100 min-h-screen font-sans antialiased p-6"
|
|
>
|
|
<div class="max-w-6xl mx-auto">
|
|
<header class="text-center mb-10">
|
|
<h1 class="text-3xl font-bold tracking-tight text-amber-400 mb-2">
|
|
Conjugaisons en Espagnol
|
|
</h1>
|
|
<p class="text-slate-400">
|
|
Les groupes réguliers et les principaux verbes irréguliers
|
|
</p>
|
|
</header>
|
|
|
|
<!-- Conteneur principal généré en JS -->
|
|
<main id="conjugation-container" class="space-y-12">
|
|
<!-- Injecté dynamiquement par JavaScript -->
|
|
</main>
|
|
</div>
|
|
|
|
<script>
|
|
const pronouns = ["yo", "tú", "él", "nosotros", "vosotros", "ellos"];
|
|
|
|
// Données structurées par lignes de 3 cartes
|
|
const data = [
|
|
// 1. Cas général (3 groupes avec chacun leur couleur)
|
|
{
|
|
verbs: [
|
|
{
|
|
group: "1er Groupe (-AR)",
|
|
example: "Hablar (Parler)",
|
|
color: "border-amber-500 text-amber-400",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["-o", "-as", "-a", "-amos", "-áis", "-an"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"-aba",
|
|
"-abas",
|
|
"-aba",
|
|
"-ábamos",
|
|
"-abais",
|
|
"-aban",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: ["-é", "-aste", "-ó", "-amos", "-asteis", "-aron"],
|
|
},
|
|
{ name: "Participe passé", terms: ["-ado"] },
|
|
{
|
|
name: "Futur",
|
|
terms: ["-é", "-ás", "-á", "-emos", "-éis", "-án"],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "-a", "-e", "-emos", "-ad", "-en"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: ["-e", "-es", "-e", "-emos", "-éis", "-en"],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "2e Groupe (-ER)",
|
|
example: "Comer (Manger)",
|
|
color: "border-sky-500 text-sky-400",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["-o", "-es", "-e", "-emos", "-éis", "-en"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: ["-ía", "-ías", "-ía", "-íamos", "-íais", "-ían"],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: ["-í", "-iste", "-ió", "-imos", "-isteis", "-ieron"],
|
|
},
|
|
{ name: "Participe passé", terms: ["-ido"] },
|
|
{
|
|
name: "Futur",
|
|
terms: ["-é", "-ás", "-á", "-emos", "-éis", "-án"],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "-e", "-a", "-amos", "-ed", "-an"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: ["-a", "-as", "-a", "-amos", "-áis", "-an"],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "3e Groupe (-IR)",
|
|
example: "Vivir (Vivre)",
|
|
color: "border-emerald-500 text-emerald-400",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["-o", "-es", "-e", "-imos", "-ís", "-en"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: ["-ía", "-ías", "-ía", "-íamos", "-íais", "-ían"],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: ["-í", "-iste", "-ió", "-imos", "-isteis", "-ieron"],
|
|
},
|
|
{ name: "Participe passé", terms: ["-ido"] },
|
|
{
|
|
name: "Futur",
|
|
terms: ["-é", "-ás", "-á", "-emos", "-éis", "-án"],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "-e", "-a", "-amos", "-id", "-en"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: ["-a", "-as", "-a", "-amos", "-áis", "-an"],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
// 2. ser, estar, tener
|
|
{
|
|
rowColor: "border-sky-500 text-sky-400",
|
|
verbs: [
|
|
{
|
|
group: "Ser",
|
|
example: "Être (caractéristique)",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["soy", "eres", "es", "somos", "sois", "son"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: ["era", "eras", "era", "éramos", "erais", "eran"],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"fui",
|
|
"fuiste",
|
|
"fue",
|
|
"fuimos",
|
|
"fuisteis",
|
|
"fueron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["sido"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"seré",
|
|
"serás",
|
|
"será",
|
|
"seremos",
|
|
"seréis",
|
|
"serán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "sé", "sea", "seamos", "sed", "sean"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: ["sea", "seas", "sea", "seamos", "seáis", "sean"],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "Estar",
|
|
example: "Être (état / lieu)",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: [
|
|
"estoy",
|
|
"estás",
|
|
"está",
|
|
"estamos",
|
|
"estáis",
|
|
"están",
|
|
],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"estaba",
|
|
"estabas",
|
|
"estaba",
|
|
"estábamos",
|
|
"estabais",
|
|
"estaban",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"estuve",
|
|
"estuviste",
|
|
"estuvo",
|
|
"estuvimos",
|
|
"estuvisteis",
|
|
"estuvieron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["estado"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"estaré",
|
|
"estarás",
|
|
"estará",
|
|
"estaremos",
|
|
"estaréis",
|
|
"estarán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "está", "esté", "estemos", "estad", "estén"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: [
|
|
"esté",
|
|
"estés",
|
|
"esté",
|
|
"estemos",
|
|
"estéis",
|
|
"estén",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "Tener",
|
|
example: "Avoir",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: [
|
|
"tengo",
|
|
"tienes",
|
|
"tiene",
|
|
"tenemos",
|
|
"tenéis",
|
|
"tienen",
|
|
],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"tenía",
|
|
"tenías",
|
|
"tenía",
|
|
"teníamos",
|
|
"teníais",
|
|
"tenían",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"tuve",
|
|
"tuviste",
|
|
"tuvo",
|
|
"tuvimos",
|
|
"tuvisteis",
|
|
"tuvieron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["tenido"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"tendré",
|
|
"tendrás",
|
|
"tendrá",
|
|
"tendremos",
|
|
"tendréis",
|
|
"tendrán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "ten", "tenga", "tengamos", "tened", "tengan"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: [
|
|
"tenga",
|
|
"tengas",
|
|
"tenga",
|
|
"tengamos",
|
|
"tengáis",
|
|
"tengan",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
// 3. haber, hacer, ir
|
|
{
|
|
rowColor: "border-emerald-500 text-emerald-400",
|
|
verbs: [
|
|
{
|
|
group: "Haber",
|
|
example: "Avoir (auxiliaire)",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["he", "has", "ha / hay", "hemos", "habéis", "han"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"había",
|
|
"habías",
|
|
"había",
|
|
"habíamos",
|
|
"habíais",
|
|
"habían",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"hube",
|
|
"hubiste",
|
|
"hubo",
|
|
"hubimos",
|
|
"hubisteis",
|
|
"hubieron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["habido"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"habré",
|
|
"habrás",
|
|
"habrá",
|
|
"habremos",
|
|
"habréis",
|
|
"habrán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: [
|
|
"NOP",
|
|
"he (de)",
|
|
"haga",
|
|
"hagamos",
|
|
"haced",
|
|
"hagan",
|
|
],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: [
|
|
"haya",
|
|
"hayas",
|
|
"haya",
|
|
"hayamos",
|
|
"hayáis",
|
|
"hayan",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "Hacer",
|
|
example: "Faire",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: [
|
|
"hago",
|
|
"haces",
|
|
"hace",
|
|
"hacemos",
|
|
"hacéis",
|
|
"hacen",
|
|
],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"hacía",
|
|
"hacías",
|
|
"hacía",
|
|
"hacíamos",
|
|
"hacíais",
|
|
"hacían",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"hice",
|
|
"hiciste",
|
|
"hizo",
|
|
"hicimos",
|
|
"hicisteis",
|
|
"hicieron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["hecho"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"haré",
|
|
"harás",
|
|
"hará",
|
|
"haremos",
|
|
"haréis",
|
|
"harán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "haz", "haga", "hagamos", "haced", "hagan"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: [
|
|
"haga",
|
|
"hagas",
|
|
"haga",
|
|
"hagamos",
|
|
"hagáis",
|
|
"hagan",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "Ir",
|
|
example: "Aller",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["voy", "vas", "va", "vamos", "vais", "van"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: ["iba", "ibas", "iba", "íbamos", "ibais", "iban"],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"fui",
|
|
"fuiste",
|
|
"fue",
|
|
"fuimos",
|
|
"fuisteis",
|
|
"fueron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["ido"] },
|
|
{
|
|
name: "Futur",
|
|
terms: ["iré", "irás", "irá", "iremos", "iréis", "irán"],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "ve", "vaya", "vayamos", "id", "vayan"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: [
|
|
"vaya",
|
|
"vayas",
|
|
"vaya",
|
|
"vayamos",
|
|
"vayáis",
|
|
"vayan",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
// 4. dar, ver, poder
|
|
{
|
|
rowColor: "border-purple-500 text-purple-400",
|
|
verbs: [
|
|
{
|
|
group: "Dar",
|
|
example: "Donner",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["doy", "das", "da", "damos", "dais", "dan"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"daba",
|
|
"dabas",
|
|
"daba",
|
|
"dábamos",
|
|
"dabais",
|
|
"daban",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: ["di", "diste", "dio", "dimos", "disteis", "dieron"],
|
|
},
|
|
{ name: "Participe passé", terms: ["dado"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"daré",
|
|
"darás",
|
|
"dará",
|
|
"daremos",
|
|
"daréis",
|
|
"darán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "da", "dé", "demos", "dad", "den"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: ["dé", "des", "dé", "demos", "deis", "den"],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "Ver",
|
|
example: "Voir",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["veo", "ves", "ve", "vemos", "veis", "ven"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"veía",
|
|
"veías",
|
|
"veía",
|
|
"veíamos",
|
|
"veíais",
|
|
"veían",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: ["vi", "viste", "vio", "vimos", "visteis", "vieron"],
|
|
},
|
|
{ name: "Participe passé", terms: ["visto"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"veré",
|
|
"verás",
|
|
"verá",
|
|
"veremos",
|
|
"veréis",
|
|
"verán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "ve", "vea", "veamos", "ved", "vean"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: ["vea", "veas", "vea", "veamos", "veáis", "vean"],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "Poder",
|
|
example: "Pouvoir",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: [
|
|
"puedo",
|
|
"puedes",
|
|
"puede",
|
|
"podemos",
|
|
"podéis",
|
|
"pueden",
|
|
],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"podía",
|
|
"podías",
|
|
"podía",
|
|
"podíamos",
|
|
"podíais",
|
|
"podían",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"pude",
|
|
"pudiste",
|
|
"pudo",
|
|
"pudimos",
|
|
"pudisteis",
|
|
"pudieron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["podido"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"podré",
|
|
"podrás",
|
|
"podrá",
|
|
"podremos",
|
|
"podréis",
|
|
"podrán",
|
|
],
|
|
},
|
|
{ name: "Impératif", terms: ["NOP", "—", "—", "—", "—", "—"] },
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: [
|
|
"pueda",
|
|
"puedas",
|
|
"pueda",
|
|
"podamos",
|
|
"podáis",
|
|
"puedan",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
// 5. decir, saber, querer
|
|
{
|
|
rowColor: "border-indigo-500 text-indigo-400",
|
|
verbs: [
|
|
{
|
|
group: "Decir",
|
|
example: "Dire",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["digo", "dices", "dice", "decimos", "decís", "dicen"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"decía",
|
|
"decías",
|
|
"decía",
|
|
"decíamos",
|
|
"decíais",
|
|
"decían",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"dije",
|
|
"dijiste",
|
|
"dijo",
|
|
"dijimos",
|
|
"dijisteis",
|
|
"dijeron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["dicho"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"diré",
|
|
"dirás",
|
|
"dirá",
|
|
"diremos",
|
|
"diréis",
|
|
"dirán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "di", "diga", "digamos", "decid", "digan"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: [
|
|
"diga",
|
|
"digas",
|
|
"diga",
|
|
"digamos",
|
|
"digáis",
|
|
"digan",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "Saber",
|
|
example: "Savoir",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: ["sé", "sabes", "sabe", "sabemos", "sabéis", "saben"],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"sabía",
|
|
"sabías",
|
|
"sabía",
|
|
"sabíamos",
|
|
"sabíais",
|
|
"sabían",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"supe",
|
|
"supiste",
|
|
"supo",
|
|
"supimos",
|
|
"supisteis",
|
|
"supieron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["sabido"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"sabré",
|
|
"sabrás",
|
|
"sabrá",
|
|
"sabremos",
|
|
"sabréis",
|
|
"sabrán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: ["NOP", "sabe", "sepa", "sepamos", "sabed", "sepan"],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: [
|
|
"sepa",
|
|
"sepas",
|
|
"sepa",
|
|
"sepamos",
|
|
"sepáis",
|
|
"sepan",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
group: "Querer",
|
|
example: "Vouloir / Aimer",
|
|
tenses: [
|
|
{
|
|
name: "Présent",
|
|
terms: [
|
|
"quiero",
|
|
"quieres",
|
|
"quiere",
|
|
"queremos",
|
|
"queréis",
|
|
"quieren",
|
|
],
|
|
},
|
|
{
|
|
name: "Imparfait",
|
|
terms: [
|
|
"quería",
|
|
"querías",
|
|
"quería",
|
|
"queríamos",
|
|
"queríais",
|
|
"querían",
|
|
],
|
|
},
|
|
{
|
|
name: "Passé simple",
|
|
terms: [
|
|
"quise",
|
|
"quisiste",
|
|
"quiso",
|
|
"quisimos",
|
|
"quisisteis",
|
|
"quisieron",
|
|
],
|
|
},
|
|
{ name: "Participe passé", terms: ["querido"] },
|
|
{
|
|
name: "Futur",
|
|
terms: [
|
|
"querré",
|
|
"querrás",
|
|
"querrá",
|
|
"querremos",
|
|
"querréis",
|
|
"querrán",
|
|
],
|
|
},
|
|
{
|
|
name: "Impératif",
|
|
terms: [
|
|
"NOP",
|
|
"quiere",
|
|
"quiera",
|
|
"queramos",
|
|
"quered",
|
|
"quieran",
|
|
],
|
|
},
|
|
{
|
|
name: "Subjonctif Présent",
|
|
terms: [
|
|
"quiera",
|
|
"quieras",
|
|
"quiera",
|
|
"queramos",
|
|
"queráis",
|
|
"quieran",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
const container = document.getElementById("conjugation-container");
|
|
|
|
data.forEach((row) => {
|
|
let rowHtml = `<div class="grid grid-cols-1 md:grid-cols-3 gap-6">`;
|
|
|
|
row.verbs.forEach((verbData) => {
|
|
const cardColor = verbData.color ? verbData.color : row.rowColor;
|
|
|
|
rowHtml += `
|
|
<div class="bg-slate-800 border-t-4 ${cardColor} rounded-xl p-6 shadow-xl flex flex-col justify-between">
|
|
<div>
|
|
<h2 class="text-2xl font-bold mb-1">${verbData.group}</h2>
|
|
<p class="text-sm text-slate-400 mb-6 italic">Ex: ${verbData.example}</p>
|
|
<div class="space-y-6">
|
|
`;
|
|
|
|
verbData.tenses.forEach((tense) => {
|
|
rowHtml += `
|
|
<div class="bg-slate-900/50 rounded-lg p-3">
|
|
<h3 class="text-sm font-semibold text-slate-300 uppercase tracking-wider mb-2 border-b border-slate-700 pb-1">${tense.name}</h3>
|
|
`;
|
|
|
|
if (tense.terms.length === 1) {
|
|
rowHtml += `<div class="text-sm text-amber-300 font-mono font-bold">${tense.terms[0]}</div>`;
|
|
} else {
|
|
let col1Indices = [0, 1, 2];
|
|
let col2Indices = [3, 4, 5];
|
|
|
|
rowHtml += `<div class="grid grid-cols-2 gap-x-3 gap-y-1 text-sm">`;
|
|
|
|
// Colonne de gauche
|
|
rowHtml += `<div class="space-y-1">`;
|
|
col1Indices.forEach((i) => {
|
|
rowHtml += `
|
|
<div class="flex justify-between px-2 py-0.5 rounded bg-slate-800/65">
|
|
<span class="text-slate-500 text-xs">${pronouns[i]}</span>
|
|
<span class="font-mono font-medium text-slate-200">${tense.terms[i]}</span>
|
|
</div>
|
|
`;
|
|
});
|
|
rowHtml += `</div>`;
|
|
|
|
// Colonne de droite
|
|
rowHtml += `<div class="space-y-1">`;
|
|
col2Indices.forEach((i) => {
|
|
rowHtml += `
|
|
<div class="flex justify-between px-2 py-0.5 rounded bg-slate-800/65">
|
|
<span class="text-slate-500 text-xs">${pronouns[i]}</span>
|
|
<span class="font-mono font-medium text-slate-200">${tense.terms[i]}</span>
|
|
</div>
|
|
`;
|
|
});
|
|
rowHtml += `</div>`;
|
|
|
|
rowHtml += `</div>`;
|
|
}
|
|
|
|
rowHtml += `</div>`;
|
|
});
|
|
|
|
rowHtml += `</div></div></div>`;
|
|
});
|
|
|
|
rowHtml += `</div>`;
|
|
container.innerHTML += rowHtml;
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|