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         main
  29             include langNames
  30             case lang
  31                 when "en"
  32                     include translations/en
  33                 when "es"
  34                     include translations/es
  35                 when "fr"
  36                     include translations/fr
  37             include settings
  38             block content
  39
  40         script(src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js")
  41         script(src="/javascripts/layout.js")
  42         if development
  43             script(src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js")
  44         else
  45             script(src="https://cdn.jsdelivr.net/npm/vue")
  46         script.
  47             const translations = !{JSON.stringify(translations)};
  48         block javascripts