Harmonize with web version, better style, fix for Firefox 45.9.0 ESR
[qomet.git] / 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