source ⟩ hypertext ⟩ public ⟩ rumpelstiltskin ⟩ eo.pug

extends en.pug

append presets
	- title = "Tremotino"

block main
	header
		h1
			strong Tremotino
			small La ludo de vortoj
		div
			button(onclick="Rs.open('#about')") #[strong ‽] Pri la ludo
			button(onclick="Rs.open('#settings')") #[strong ⚙] Elektoj
			a(href="/rumpelstiltskin")
				+flag('gb')
				| 
				span(lang="en-GB") In English
			a(href="/repelsteeltje")
				+flag('nl')
				| 
				span(lang="nl-NL") In het Nederlands
			a(href="/") #[strong ←] Ĉefpaĝo
	#game-board
		// Row
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
		// Row
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
		// Row
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
		// Row
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
		// Row
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
		.tile.empty
	#keyboard
	#toasts
		#about.toast.long
			h2 Pri Tremotino
			p #[+sc('Repelsteeltje')] estas ĉiutaga vortludo ame ŝtelita de #[i Lingo] kaj la origina #[a(href="https://www.powerlanguage.co.uk/wordle/") Wordle].
			h2 Tiel ludi
			p Tajpu ion kvinliteran Esperantan vorton kaj premu “Enigi”.
			p Post ĉiu provo, la kaheloj koloriĝos laŭ kiom proksime vi divenis la ĝustan vorton.
			.tile-row
				.tile.empty V
				.tile.empty O
				.tile.correct R
				.tile.empty T
				.tile.empty O
			p La litero #[strong R] estas en la vorto kaj en la ĝusta loko.
			.tile-row
				.tile.empty Ŝ
				.tile.empty A
				.tile.empty N
				.tile.misplaced Ĝ
				.tile.empty I
			p La litero #[strong Ĝ] estas en la vorto, sed en malĝusta loko.
			.tile-row
				.tile.empty A
				.tile.empty N
				.tile.empty K
				.tile.empty A
				.tile.wrong Ŭ
			p La litero #[strong Ŭ] ne estas en la vorto.
			button.close(onclick="Rs.close('#about')") ×
		#settings.toast.long
			h2 Elektoj
			form
				input#legibleText(onclick="Rs.toggle(`legibleText`)", type="checkbox")
				label(for="legibleText") Pli legebla teksto
				br
				select#theme(onchange="Rs.changeTheme();")
					option(value="default") Norma
					option(value="high-contrast") Altkontrasta
					option(value="aquarius") Akvista
					option(value="wordle") Wardle
				label(for="theme")  Temo
				br
				select#keyboardLayout(onchange="Rs.changeKeyboard(`${document.querySelector(`#keyboardLayout`).value}`)")
					option(value="qwerty") ŜĜERTŬ
					option(value="qwertz") ŜĜERTZ
					option(value="azerty") AZERTŬ
					option(value="dvorak") Dvoraka
					option(value="colemak") Kolmaka
					option(value="alphabetical") Alfabeta
				label(for="keyboardLayout")  Klavarfasono
			button.close(onclick="Rs.close('#settings')") ×