Save current state (unmerged, broken, not working...)

[vchess.git] / views / layout.pug

diff --git a/views/layout.pug b/views/layout.pug
index 10b1ae9..60b7adc 100644 (file)
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -1,29 +1,62 @@
 doctype html
-html(lang="fr")
+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")
+               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
+               if !user
+                       include login_register
+               else
+                       include logout_update
+               include contactForm
+               include settings
                main
                        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"]
 
                script(src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js")
-               script(src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js")
-               //script(src="https://cdn.jsdelivr.net/npm/vue") //prod
+               script(src="/javascripts/utils/ajax.js")
+               script(src="/javascripts/layout.js")
+               script(src="/javascripts/settings.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.
+                       const translations = !{JSON.stringify(translations)};
+                       const user = !{JSON.stringify(user)};
                block javascripts