source ⟩ hypertext ⟩ public ⟩ rumpelstiltskin ⟩ nl.pug

extends en.pug

append presets
	- title = "Repelsteeltje"

block main
	header
		h1
			strong Repelsteeltje
			small Een woordenspel
		div
			button(onclick="Rs.open('#about')") #[strong ‽] Over het spel
			button(onclick="Rs.open('#settings')") #[strong ⚙] Instellingen
			a(href="/rumpelstiltskin")
				+flag('gb')
				| 
				span(lang="en-GB") In English
			a(href="/tremotino")
				+flag('eo')
				| 
				span(lang="eo") Esperante
			a(href="/") #[strong ←] Startpagina
	#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 Over Repelsteeltje
			p #[+sc('Repelsteeltje')] is een dagelijks woordenspel met liefde afgekeken van #[i Lingo] en het originele #[a(href="https://www.powerlanguage.co.uk/wordle/") Wordle].
			h2 Hoe te spelen
			p Typ een willekeurig Nederlands woord van vijf letters en druk dan op Enter.
			p Na elke gok zal de kleur van de tegels veranderen om aan te geven hoe dicht je gok bij het woord lag.
			.tile-row
				.tile.empty W
				.tile.correct IJ
				.tile.empty Z
				.tile.empty E
				.tile.empty N
			p De letter #[strong IJ] zit in het woord en op de juiste plaats.
			.tile-row
				.tile.empty S
				.tile.misplaced A
				.tile.empty T
				.tile.empty Y
				.tile.empty R
			p De letter #[strong A] zit in het woord, maar op de verkeerde plaats.
			.tile-row
				.tile.empty G
				.tile.empty R
				.tile.empty O
				.tile.wrong E
				.tile.empty N
			p De letter #[strong E] zit niet in het woord.
			.tile-row
				.tile.empty B
				.tile.empty I
				.tile.empty J
				.tile.wrong O
				.tile.empty U
			p Als je een woord zoals #[strong BIJOU], waar I and J twee klanken maken, wilt gokken, dan moet je de toetsenbord onderaan het scherm gebruiken. Sorry.
			button.close(onclick="Rs.close('#about')") ×
		#settings.toast.long
			h2 Instellingen
			form
				input#legibleText(onclick="Rs.toggle(`legibleText`)", type="checkbox")
				label(for="legibleText") Leesbaardere tekst
				br
				select#theme(onchange="Rs.changeTheme();")
					option(value="default") Standaard
					option(value="high-contrast") Hoog contrast
					option(value="aquarius") Aquarius
					option(value="wordle") Wardle
				label(for="theme")  Thema
				br
				select#keyboardLayout(onchange="Rs.changeKeyboard(`${document.querySelector(`#keyboardLayout`).value}`)")
					option(value="qwerty") Qwerty
					option(value="qwertz") Qwertz
					option(value="azerty") Azerty
					option(value="dvorak") Dvorak
					option(value="colemak") Colemak
					option(value="alphabetical") Alfabetisch
				label(for="keyboardLayout")  Toetsenbordindeling
			button.close(onclick="Rs.close('#settings')") ×