~lectronice/pimeja

c889aee5ac399c577dafba49221ceb6035e6c6f4 — lectronice 9 months ago 5e369bc
Added all remaining words, switched to a 3 columns layout.
2 files changed, 192 insertions(+), 158 deletions(-)

M index.html
M style.css
M index.html => index.html +190 -156
@@ 56,9 56,9 @@
				<li><label for="n">n</label></li>
				<li><label for="o">o</label></li>
				<li><label for="p">p</label></li>
				<li><label for="q">q</label></li>
				<li><label for="s">s</label></li>
				<li><label for="t">t</label></li>
				<li><label for="u">u</label></li>
				<li><label for="w">w</label></li>
			</ul>



@@ 553,166 553,200 @@
					<div class="l fr"><em>adjectif</em>interagissant avec le livre officiel du Toki Pona</div>
				</li>
				<!-- s -->
				<!-- empty -->
				<li class="card" data-category="s adjective preposition">
					<div class="g">sama</div><div class="n">sama</div>
					<div class="l en"><em>adjective</em>same, similar; each other; sibling, peer, fellow</div>
					<div class="l fr"><em>adjectif</em>même, semblable ; l'un l'autre ; fraternel, homologue</div>
					<div class="l en"><em>preposition</em>as, like</div>
					<div class="l fr"><em>préposition</em>comme</div>
				</li>
				<li class="card" data-category="s adjective">
					<div class="g">seli</div><div class="n">seli</div>
					<div class="l en"><em>adjective</em>fire; cooking element, chemical reaction, heat source</div>
					<div class="l fr"><em>adjectif</em>feu ; élément de cuisson, réaction chimique, chaleur</div>
				</li>
				<li class="card" data-category="s noun">
					<div class="g">selo</div><div class="n">selo</div>
					<div class="l en"><em>noun</em>outer form, outer layer; bark, peel, shell, skin; boundary</div>
					<div class="l fr"><em>nom</em>forme, couche extérieure ; peau, écorce, pelure, coquille ; limite</div>
				</li>
				<li class="card" data-category="s particle">
					<div class="g">seme</div><div class="n">seme</div>
					<div class="l en"><em>particle</em>what? which?</div>
					<div class="l fr"><em>particule</em>quoi ? quel ?</div>
				</li>
				<li class="card" data-category="s noun adjective">
					<div class="g">sewi</div><div class="n">sewi</div>
					<div class="l en"><em>noun</em>area above, highest part, something elevated</div>
					<div class="l fr"><em>nom</em>dessus, le haut, chose élevée</div>
					<div class="l en"><em>adjective</em>awe-inspiring, divine, sacred, supernatural</div>
					<div class="l fr"><em>adjectif</em>divin, sacré, surnaturel, qui inspire le respect et la crainte</div>
				</li>
				<li class="card" data-category="s noun">
					<div class="g">sijelo</div><div class="n">sijelo</div>
					<div class="l en"><em>noun</em>body (of person or animal), physical state, torso</div>
					<div class="l fr"><em>nom</em>corps, état physique, torse</div>
				</li>
				<li class="card" data-category="s noun adjective">
					<div class="g">sike</div><div class="n">sike</div>
					<div class="l en"><em>noun</em>round or circular thing; ball, circle, cycle, sphere, wheel</div>
					<div class="l fr"><em>nom</em>objet rond ; ballon, cercle, cycle, sphère, roue, anneau</div>
					<div class="l en"><em>adjective</em>of one year</div>
					<div class="l fr"><em>adjectif</em>annuel</div>
				</li>
				<li class="card" data-category="s adjective">
					<div class="g">sin</div><div class="n">sin / namako</div>
					<div class="l en"><em>adjective</em>new, fresh; additional, another, extra</div>
					<div class="l fr"><em>adjectif</em>nouveau, frais ; encore un, de plus</div>
				</li>
				<li class="card" data-category="s noun">
					<div class="g">sina</div><div class="n">sina</div>
					<div class="l en"><em>noun</em>you</div>
					<div class="l fr"><em>nom</em>tu, toi, vous</div>
				</li>
				<li class="card" data-category="s noun">
					<div class="g">sinpin</div><div class="n">sinpin</div>
					<div class="l en"><em>noun</em>face, foremost, front, wall</div>
					<div class="l fr"><em>nom</em>avant, visage, front, mur</div>
				</li>
				<li class="card" data-category="s noun">
					<div class="g">sitelen</div><div class="n">sitelen</div>
					<div class="l en"><em>noun</em>image, picture, representation, symbol, mark, writing</div>
					<div class="l fr"><em>nom</em>image, représentation, symbole, marque, écriture</div>
				</li>
				<li class="card" data-category="s verb pre-verb">
					<div class="g">sona</div><div class="n">sona</div>
					<div class="l en"><em>verb</em>to know, be skilled in, be wise about, have information on</div>
					<div class="l fr"><em>verbe</em>savoir, connaître</div>
					<div class="l en"><em>pre-verb</em>to know how to</div>
					<div class="l fr"><em>auxiliaire</em>savoir</div>
				</li>
				<li class="card" data-category="s noun">
					<div class="g">soweli</div><div class="n">soweli</div>
					<div class="l en"><em>noun</em>animal, beast, land mammal</div>
					<div class="l fr"><em>nom</em>animal, mammifère terrestre</div>
				</li>
				<li class="card" data-category="s adjective">
					<div class="g">suli</div><div class="n">suli</div>
					<div class="l en"><em>adjective</em>big, heavy, large, long, tall; important; adult</div>
					<div class="l fr"><em>adjectif</em>grand, lourd, long, haut ; important ; adulte</div>
				</li>
				<li class="card" data-category="s noun">
					<div class="g">suno</div><div class="n">suno</div>
					<div class="l en"><em>noun</em>sun; light, brightness, glow, radiance, shine; light source</div>
					<div class="l fr"><em>nom</em>soleil, lumière, lueur, brillant</div>
				</li>
				<li class="card" data-category="s noun">
					<div class="g">supa</div><div class="n">supa</div>
					<div class="l en"><em>noun</em>horizontal surface, thing to put or rest something on</div>
					<div class="l fr"><em>nom</em>surface horizontale sur laquelle on pose quelque chose</div>
				</li>
				<li class="card" data-category="s adjective">
					<div class="g">suwi</div><div class="n">suwi</div>
					<div class="l en"><em>adjective</em>sweet, fragant; cute, innocent, adorable</div>
					<div class="l fr"><em>adjectif</em>doux, parfumé, mignon, innocent, adorable</div>
				</li>
				<!-- t -->
				<li class="card" data-category="t preposition">
					<div class="g">tan</div><div class="n">tan</div>
					<div class="l en"><em>preposition</em>by, from, because of</div>
					<div class="l fr"><em>préposition</em>de, provenant de, à cause de</div>
				</li>
				<li class="card" data-category="t particle adjective">
					<div class="g">taso</div><div class="n">taso</div>
					<div class="l en"><em>particle</em>but, however</div>
					<div class="l fr"><em>particule</em>mais, cependant</div>
					<div class="l en"><em>adjective</em>only</div>
					<div class="l fr"><em>adjectif</em>seulement</div>
				</li>
				<li class="card" data-category="t preposition adjective">
					<div class="g">tawa</div><div class="n">tawa</div>
					<div class="l en"><em>preposition</em>going to, toward; for; from the perspective of</div>
					<div class="l fr"><em>préposition</em>à, allant à, vers, pour, du point de vue de</div>
					<div class="l en"><em>adjective</em>moving</div>
					<div class="l fr"><em>adjectif</em>en mouvement, animé</div>
				</li>
				<li class="card" data-category="t noun">
					<div class="g">telo</div><div class="n">telo</div>
					<div class="l en"><em>noun</em>water, liquid, fluid, wet substance; beverage</div>
					<div class="l fr"><em>nom</em>eau, liquide, fluide, substance mouillée ; boisson</div>
				</li>
				<li class="card" data-category="t noun">
					<div class="g">tenpo</div><div class="n">tenpo</div>
					<div class="l en"><em>noun</em>time, duration, moment, occasion, period, situation</div>
					<div class="l fr"><em>nom</em>temps, durée, moment, occasion, période, situation</div>
				</li>
				<li class="card" data-category="t verb">
					<div class="g">toki</div><div class="n">toki</div>
					<div class="l en"><em>verb</em>to communicate, say, speak, talk, use language, think</div>
					<div class="l fr"><em>verbe</em>communiquer, dire, parler, penser</div>
				</li>
				<li class="card" data-category="t noun">
					<div class="g">tomo</div><div class="n">tomo</div>
					<div class="l en"><em>noun</em>indoor space; building, home, house, room</div>
					<div class="l fr"><em>nom</em>espace intérieur, lieu couvert ; maison, bâtiment, édifice, pièce, chambre, chez soi, demeure</div>
				</li>
				<li class="card" data-category="t number">
					<div class="g">tu</div><div class="n">tu</div>
					<div class="l en"><em>number</em>2</div>
					<div class="l fr"><em>nombre</em>2</div>
				</li>
				<!-- u -->
				<li class="card" data-category="u verb">
					<div class="g">unpa</div><div class="n">unpa</div>
					<div class="l en"><em>verb</em>have sexual or marital relations with</div>
					<div class="l fr"><em>verbe</em>avoir des rapports sexuels ou conjugaux avec</div>
				</li>
				<li class="card" data-category="u noun">
					<div class="g">uta</div><div class="n">uta</div>
					<div class="l en"><em>noun</em>mouth, lips, oral cavity, jaw</div>
					<div class="l fr"><em>nom</em>bouche, lèvres, cavité buccale, mâchoire</div>
				</li>
				<li class="card" data-category="u verb">
					<div class="g">utala</div><div class="n">utala</div>
					<div class="l en"><em>verb</em>to battle, challenge, compete against, struggle against</div>
					<div class="l fr"><em>verbe</em>se battre contre, lutter contre</div>
				</li>
				<!-- w -->
				<li class="card" data-category="w adjective">
					<div class="g">walo</div><div class="n">walo</div>
					<div class="l en"><em>adjective</em>white, whitish; light-colored, pale</div>
					<div class="l fr"><em>adjectif</em>blanc, clair, pâle</div>
				</li>
				<li class="card" data-category="w adjective number">
					<div class="g">wan</div><div class="n">wan</div>
					<div class="l en"><em>adjective</em>unique, united</div>
					<div class="l fr"><em>adjectif</em>unique, uni</div>
					<div class="l en"><em>number</em>1</div>
					<div class="l fr"><em>nombre</em>1</div>
				</li>
				<li class="card" data-category="w noun">
					<div class="g">waso</div><div class="n">waso</div>
					<div class="l en"><em>noun</em>bird, flying creature, winged animal</div>
					<div class="l fr"><em>nom</em>oiseau, créature volante, animal ailé</div>
				</li>
				<li class="card" data-category="w adjective">
					<div class="g">wawa</div><div class="n">wawa</div>
					<div class="l en"><em>adjective</em>strong, powerful; confident, sure; energetic, intense</div>
					<div class="l fr"><em>adjectif</em>fort, puissant ; sûr, confiant ; énergique, intense</div>
				</li>
				<li class="card" data-category="w adjective">
					<div class="g">weka</div><div class="n">weka</div>
					<div class="l en"><em>adjective</em>absent, away, ignored</div>
					<div class="l fr"><em>adjectif</em>absent, enlevé, éloigné</div>
				</li>
				<li class="card" data-category="w pre-verb">
					<div class="g">wile</div><div class="n">wile</div>
					<div class="l en"><em>pre-verb</em>must, need, require, should, want, wish</div>
					<div class="l fr"><em>auxiliaire</em>devoir, avoir besoin de, vouloir</div>
				</li>
				<!-- empty
				<li class="card" data-category="">
					<div class="g"></div><div class="n"></div>
					<div class="l en"><em></em></div>
					<div class="l fr"><em></em></div>
				</li>
				</li>-->
			</ul>

	    [86, "tp", adjective", "preposition, "sama",
	    same, similar; each other; sibling, peer, fellow",
	     "as, like,
	    même, semblable ; l'un l'autre ; fraternel, homologue",
	     "comme,
	    ",
	    [87, "tp", adjective, "seli",
	    fire; cooking element, chemical reaction, heat source,
	    feu ; élément de cuisson, réaction chimique, chaleur,
	    ",
	    [88, "tp", noun, "selo",
	    outer form, outer layer; bark, peel, shell, skin; boundary,
	    forme, couche extérieure ; peau, écorce, pelure, coquille ; limite,
	    ",
	    [89, "tp", particle, "seme",
	    what? which?,
	    quoi ? quel ?,
	    ",
	    [90, "tp", noun", "adjective, "sewi",
	    area above, highest part, something elevated",
	     "awe-inspiring, divine, sacred, supernatural,
	    dessus, le haut, chose élevée",
	     "divin, sacré, surnaturel, qui inspire le respect et la crainte,
	    ",
	    [91, "tp", noun, "sijelo",
	    body (of person or animal), physical state, torso,
	    corps, état physique, torse,
	    ",
	    [92, "tp", noun", "adjective, "sike",
	    round or circular thing; ball, circle, cycle, sphere, wheel",
	     "of one year,
	    objet rond ; ballon, cercle, cycle, sphère, roue, anneau",
	     "annuel,
	    ",
	    [93, "tp", adjective, "sin",
	    new, fresh; additional, another, extra,
	    nouveau, frais ; encore un, de plus,
	    "namako,
	    [94, "tp", noun, "sina",
	    you,
	    tu, toi, vous,
	    ",
	    [95, "tp", noun, "sinpin",
	    face, foremost, front, wall,
	    avant, visage, front, mur,
	    ",
	    [96, "tp", noun, "sitelen",
	    image, picture, representation, symbol, mark, writing,
	    image, représentation, symbole, marque, écriture,
	    ",
	    [97, "tp", verb", "pre-verb, "sona",
	    to know, be skilled in, be wise about, have information on",
	     "to know how to,
	    savoir, connaître",
	     "savoir,
	    ",
	    [98, "tp", noun, "soweli",
	    animal, beast, land mammal,
	    animal, mammifère terrestre,
	    ",
	    [99, "tp", adjective, "suli",
	    big, heavy, large, long, tall; important; adult,
	    grand, lourd, long, haut ; important ; adulte,
	    ",
	    [100, "tp", noun, "suno",
	    sun; light, brightness, glow, radiance, shine; light source,
	    soleil, lumière, lueur, brillant,
	    ",
	    [101, "tp", noun, "supa",
	    horizontal surface, thing to put or rest something on,
	    surface horizontale sur laquelle on pose quelque chose,
	    ",
	    [102, "tp", adjective, "suwi",
	    sweet, fragant; cute, innocent, adorable,
	    doux, parfumé, mignon, innocent, adorable,
	    ",
	    [103, "tp", preposition, "tan",
	    by, from, because of,
	    de, provenant de, à cause de,
	    ",
	    [104, "tp", particle", "adjective, "taso",
	    but, however",
	     "only,
	    mais, cependant",
	     "seulement,
	    ",
	    [105, "tp", preposition", "adjective, "tawa",
	    going to, toward; for; from the perspective of",
	     "moving,
	    à, allant à, vers, pour, du point de vue de",
	    "en mouvement, animé,
	    ",
	    [106, "tp", noun, "telo",
	    water, liquid, fluid, wet substance; beverage,
	    eau, liquide, fluide, substance mouillée ; boisson,
	    ",
	    [107, "tp", noun, "tenpo",
	    time, duration, moment, occasion, period, situation,
	    temps, durée, moment, occasion, période, situation,
	    ",
	    [108, "tp", verb, "toki",
	    to communicate, say, speak, talk, use language, think,
	    communiquer, dire, parler, penser,
	    ",
	    [109, "tp", noun, "tomo",
	    indoor space; building, home, house, room,
	    espace intérieur, lieu couvert ; maison, bâtiment, édifice, pièce, chambre, chez soi, demeure,
	    ",
	    [110, "tp", number, "tu",
	    2,
	    2,
	    ",
	    [111, "tp", verb, "unpa",
	    have sexual or marital relations with,
	    avoir des rapports sexuels ou conjugaux avec,
	    ",
	    [112, "tp", noun, "uta",
	    mouth, lips, oral cavity, jaw,
	    bouche, lèvres, cavité buccale, mâchoire,
	    ",
	    [113, "tp", verb, "utala",
	    to battle, challenge, compete against, struggle against,
	    se battre contre, lutter contre,
	    ",
	    [114, "tp", adjective, "walo",
	    white, whitish; light-colored, pale,
	    blanc, clair, pâle,
	    ",
	    [115, "tp", adjective", "number, "wan",
	    unique, united",
	     "1,
	    unique, uni",
	     "1,
	    ",
	    [116, "tp", noun, "waso",
	    bird, flying creature, winged animal,
	    oiseau, créature volante, animal ailé,
	    ",
	    [117, "tp", adjective, "wawa",
	    strong, powerful; confident, sure; energetic, intense,
	    fort, puissant ; sûr, confiant ; énergique, intense,
	    ",
	    [118, "tp", adjective, "weka",
	    absent, away, ignored,
	    absent, enlevé, éloigné,
	    ",
	    [119, "tp", pre-verb, "wile",
	    must, need, require, should, want, wish,
	    devoir, avoir besoin de, vouloir,
	    "


		</div>
	</body>
</html>

M style.css => style.css +2 -2
@@ 90,8 90,8 @@ ul, .g, .n, .l {
.cards {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(4, 1fr);
  padding: 2em;
  grid-template-columns: repeat(3, 1fr);
  padding: 4em 8em;
}

.cards .card {