views/layout.pug

   1 doctype html
   2 html(lang="en")
   3
   4     head
   5         meta(charset="UTF-8")
   6         title qomet - #{title}
   7         meta(name="viewport", content="width=device-width, initial-scale=1")
   8         link(rel="stylesheet", href="//fonts.googleapis.com/icon?family=Material+Icons")
   9         link(rel="stylesheet", href="//cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css")
  10         link(rel="stylesheet" href="/stylesheets/layout.css")
  11         // favicon:
  12         link(rel="apple-touch-icon", sizes="180x180", href="/favicon/apple-touch-icon.png")
  13         link(rel="icon", type="image/png", sizes="32x32", href="/favicon/favicon-32x32.png")
  14         link(rel="icon", type="image/png", sizes="16x16", href="/favicon/favicon-16x16.png")
  15         link(rel="manifest", href="/favicon/manifest.json")
  16         link(rel="mask-icon", href="/favicon/safari-pinned-tab.svg", color="#5bbad5")
  17         link(rel="shortcut icon", href="/favicon/favicon.ico")
  18         meta(name="msapplication-config", content="/favicon/browserconfig.xml")
  19         meta(name="theme-color", content="#ffffff")
  20         // -- end favicon
  21         block stylesheets
  22
  23     body
  24
  25         header
  26             // Top-left menu
  27             button#leftButton.dropdown-button.btn.btn-floating.btn-large.waves-effect.waves-light.grey(data-activates="leftMenu" data-constrainwidth="false")
  28                 i.material-icons menu
  29             ul#leftMenu.userMenu.dropdown-content
  30                 li
  31                     a(href="/")
  32                         i.material-icons home
  33                         span Home
  34                 if loggedIn
  35                     li
  36                         a(href="/" + myInitials)
  37                             i.material-icons question_answer
  38                             span Courses
  39                 li.divider
  40                 if loggedIn
  41                     li
  42                         a(href="/logout")
  43                             i.material-icons power_settings_new
  44                             span Logout
  45                 else
  46                     li
  47                         a(href="/login")
  48                             i.material-icons account_box
  49                             span Login
  50             block rightMenu
  51
  52         main
  53             block content
  54
  55         script(src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js")
  56         script(src="//code.jquery.com/jquery-3.2.1.min.js")
  57         script(src="//cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js")
  58         script(src="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.js")
  59         script(src="/javascripts/utils/socketMessages.js")
  60         block javascripts