X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=views%2Findex.pug;h=5d27eb8a56adfba26db32f834ef626de4aa66085;hp=5059f5150bcf22122b0a7a52bc007a055d920d2f;hb=b6487fb9c41705187cf97215fc9e8f86a59057c7;hpb=9a3c9f790aa28fd4708faefe41b4624173922c8e

diff --git a/views/index.pug b/views/index.pug
index 5059f515..5d27eb8a 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -5,83 +5,34 @@ block css
 
 block content
 	.container#indexPage
+		case lang
+			when "en"
+				include welcome/en
+			when "es"
+				include welcome/es
+			when "fr"
+				include welcome/fr
 		.row
 			#header.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
-				#mainTitle
+				#mainTitle.clickable(
+						onClick="document.getElementById('modalWelcome').checked=true")
 					img(src="/images/index/unicorn.svg")
 					.info-container
 						p vchess.club
 					img(src="/images/index/wildebeest.svg")
-				// TODO: flags, translations
-				#flagMenu(onClick="document.getElementById('modalLang').checked=true")
-					img(src="/images/flags/" + lang + ".svg")
-				#helpMenu(onClick="document.getElementById('modalHelp').checked=true")
-					.info-container
-						p Help
+				#settings.clickable(
+						onClick="document.getElementById('modalSettings').checked=true")
+					i.material-icons settings
 		.row
 			my-variant-summary(v-for="(v,idx) in sortedCounts"
 				v-bind:vobj="v" v-bind:index="idx" v-bind:key="v.name")
-		// Modals:
-		input#modalHelp.modal(type="checkbox")
-		div(role="dialog")
-			#help.card
-				label.modal-close(for="modalHelp")
-				.section
-					p.emphasis.bigfont First: watch #[a(href="/demo.webm") demo video] !
-					p Then click on a variant... Reminder:
-					ul
-						li All games start with a random assymetric position.
-						li Games are untimed, and played anonymously.
-						li No chat while playing, to focus on the moves.
-				.section
-					h3.red Bug report
-					p
-						| Please send an email to 
-						a(href="mailto:contact@vchess.club?subject=[vchess.club] bug report")
-							| contact@vchess.club 
-						| .
-		input#modalLang.modal(type="checkbox")
-		div(role="dialog")
-			#language.card
-				label.modal-close(for="modalLang")
-				.section
-					fieldset
-						-
-							var langName = {
-								"fr": "French",
-								"en": "English",
-							}
-						label(for="langSelect") Preferred language?
-						select#langSelect(@change="setLanguage")
-							each langCode in languages
-								option(value=langCode selected=(lang==langCode))
-									=langName[langCode]
-				.section
-					h3.blue Contribute
-					p
-						| Browse the 
-						a(href="https://github.com/yagu0/vchess/tree/master/views")
-							| github repository
-						| : welcome/en.pug and all files rules/*/en.pug
-						| should be translated. When it's done, send me the files: 
-						a(href="mailto:contact@vchess.club?subject=[vchess.club] translation")
-							| contact@vchess.club
-						| . Thanks!
-		input#modalB4welcome.modal(type="checkbox")
-		div(role="dialog")
-			#b4welcome.card.text-center
-				h3.blue First visit?
-				p#readThis(@click="showWelcomeMsg") >>> Please read this <<<
-		case lang
-			when "en"
-				include welcome/en.pug
-			when "fr"
-				include welcome/fr.pug
+
+					redesign index page :: lien github, lien contact mail, settings
 
 block javascripts
 	script.
 		const variantArray = !{JSON.stringify(variantArray)};
 	script(src="/javascripts/utils/misc.js")
-	script(src="/javascripts/utils/socket_url.js")
+	script(src="/javascripts/socket_url.js")
 	script(src="/javascripts/components/variantSummary.js")
 	script(src="/javascripts/index.js")