doctype html
html

	head
		meta(charset="UTF-8")
		title vchess - #{title}
		meta(name="viewport" content="width=device-width, initial-scale=1")
		meta(name="msapplication-config" content="/images/favicon/browserconfig.xml")
		meta(name="theme-color" content="#ffffff")
		link(rel="stylesheet"
			href="//cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0/mini-default.min.css")
		link(rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,700")
		link(rel="apple-touch-icon" sizes="180x180"
			href="/images/favicon/apple-touch-icon.png")
		link(rel="icon" type="image/png" sizes="32x32"
			href="/images/favicon/favicon-32x32.png")
		link(rel="icon" type="image/png" sizes="16x16"
			href="/images/favicon/favicon-16x16.png")
		link(rel="manifest" href="/images/favicon/manifest.json")
		link(rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5")
		link(rel="shortcut icon" href="/images/favicon/favicon.ico")
		link(rel="stylesheet" href="/stylesheets/layout.css")
		link(rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons")
		block css

	body
		include langNames
		case lang
			when "en"
				include translations/en
			when "es"
				include translations/es
			when "fr"
				include translations/fr
		include modalLang
		include contactForm
		main#VueElement
			my-upsert-user()
			block content
		footer.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2.text-center
			div
				a(href="https://github.com/yagu0/vchess") Source code
				p.clickable(onClick="document.getElementById('modalContact').checked=true")
					=translations["Contact form"]

		script(src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js")
		script(src="/javascripts/utils/misc.js")
		script(src="/javascripts/utils/ajax.js")
		script(src="/javascripts/layout.js")
		script(src="/javascripts/contactForm.js")
		if development
			script(src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js")
		else
			script(src="https://cdn.jsdelivr.net/npm/vue")
		script(src="/javascripts/shared/userCheck.js")
		script(src="/javascripts/components/upsertUser.js")
		script.
			const translations = !{JSON.stringify(translations)};
			const user = !{JSON.stringify(user)};
		block javascripts