views/layout.pug

   1 doctype html
   2 html
   3
   4     head
   5         meta(charset="UTF-8")
   6         title vchess - #{title}
   7         meta(name="viewport" content="width=device-width, initial-scale=1")
   8         meta(name="msapplication-config" content="/images/favicon/browserconfig.xml")
   9         meta(name="theme-color" content="#ffffff")
  10         link(rel="stylesheet"
  11             href="//cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0/mini-default.min.css")
  12         link(rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,700")
  13         link(rel="apple-touch-icon" sizes="180x180"
  14             href="/images/favicon/apple-touch-icon.png")
  15         link(rel="icon" type="image/png" sizes="32x32"
  16             href="/images/favicon/favicon-32x32.png")
  17         link(rel="icon" type="image/png" sizes="16x16"
  18             href="/images/favicon/favicon-16x16.png")
  19         link(rel="manifest" href="/images/favicon/manifest.json")
  20         link(rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5")
  21         link(rel="shortcut icon" href="/images/favicon/favicon.ico")
  22         link(rel="stylesheet" href="/stylesheets/layout.css")
  23         link(rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons")
  24         block css
  25
  26     body
  27
  28         include langNames
  29         case lang
  30             when "en"
  31                 include translations/en
  32             when "es"
  33                 include translations/es
  34             when "fr"
  35                 include translations/fr
  36         include contactForm
  37         include settings
  38         main
  39             block content
  40         footer.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2.text-center
  41             div
  42                 a(href="https://github.com/yagu0/vchess") Source code
  43                 p.clickable(onClick="document.getElementById('modalContact').checked=true")
  44                     =translations["Contact"]
  45
  46         script(src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js")
  47         script(src="/javascripts/utils/ajax.js")
  48         script(src="/javascripts/layout.js")
  49         script(src="/javascripts/settings.js")
  50         script(src="/javascripts/contactForm.js")
  51         if development
  52             script(src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js")
  53         else
  54             script(src="https://cdn.jsdelivr.net/npm/vue")
  55         script.
  56             const translations = !{JSON.stringify(translations)};
  57         block javascripts