Identification
This commit is contained in:
40
views/base.jade
Normal file
40
views/base.jade
Normal file
@@ -0,0 +1,40 @@
|
||||
doctype html
|
||||
html(lang='fr')
|
||||
head
|
||||
meta(charset='utf-8')
|
||||
meta(name='viewport', content='width=device-width, initial-scale=1')
|
||||
link(rel="stylesheet", href="/static/bootstrap/css/bootstrap.css")
|
||||
link(rel="stylesheet", href="/static/css/style.css")
|
||||
link(rel="stylesheet", href="/static/css/syntax.css")
|
||||
block extrahead
|
||||
link(rel="stylesheet", href="http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic")
|
||||
link(rel="icon", type="image/x-icon", href="/favicon.ico")
|
||||
block title
|
||||
title Hello
|
||||
|
||||
body
|
||||
nav#nav.navbar.navbar-inverse.navbar-fixed-top(role="navigation")
|
||||
.container
|
||||
#navbar.navbar-header
|
||||
button.navbar-toggle(type="button", data-toggle="collapse" data-target=".navbar-collapse")
|
||||
span.sr-only Toggle navigation
|
||||
span.icon-bar
|
||||
span.icon-bar
|
||||
a.navbar-brand(href="#{urls.index}") 3DUI
|
||||
|
||||
block links
|
||||
|
||||
section#main-section.container
|
||||
if alertCookie
|
||||
.alert.alert-warning.alert-dismissible(role="alert", style={'margin-top':'20px'})
|
||||
button.close(type="button", data-dismiss="alert", aria-label="Close")
|
||||
span(aria-hidden="true") ×
|
||||
<strong>Warning</strong> : this website use cookies !
|
||||
|
||||
block content
|
||||
|
||||
script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js")
|
||||
script(src="/static/bootstrap/js/bootstrap.min.js")
|
||||
block js
|
||||
block extrajs
|
||||
|
||||
128
views/main.jade
128
views/main.jade
@@ -1,91 +1,55 @@
|
||||
extends ./base.jade
|
||||
|
||||
mixin button_link(href)
|
||||
form.navbar-form.navbar-left(role="search", action="#{href}", method='GET')
|
||||
button.btn.btn-default(type="submit")
|
||||
block
|
||||
|
||||
|
||||
doctype html
|
||||
html(lang='fr')
|
||||
head
|
||||
meta(charset='utf-8')
|
||||
meta(name='viewport', content='width=device-width, initial-scale=1')
|
||||
link(rel="stylesheet", href="/static/bootstrap/css/bootstrap.css")
|
||||
link(rel="stylesheet", href="/static/css/style.css")
|
||||
link(rel="stylesheet", href="/static/css/syntax.css")
|
||||
block extrahead
|
||||
link(rel="stylesheet", href="http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic")
|
||||
link(rel="icon", type="image/x-icon", href="/favicon.ico")
|
||||
block title
|
||||
title Hello
|
||||
|
||||
body
|
||||
nav#nav.navbar.navbar-inverse.navbar-fixed-top(role="navigation")
|
||||
.container
|
||||
#navbar.navbar-header
|
||||
button.navbar-toggle(type="button", data-toggle="collapse" data-target=".navbar-collapse")
|
||||
span.sr-only Toggle navigation
|
||||
span.icon-bar
|
||||
span.icon-bar
|
||||
a.navbar-brand(href="#{urls.index}") 3DUI
|
||||
|
||||
div.navbar-collapse.collapse
|
||||
ul.nav.navbar-nav
|
||||
li
|
||||
a(href="#{urls.bouncing}") Bouncing cube
|
||||
li
|
||||
a(href="#{urls.multisphere}") Multisphere
|
||||
li
|
||||
a.dropdown-toggle(href="#", data-toggle="dropdown", role="button", aria-expanded="false") Prototype
|
||||
span.caret
|
||||
ul.dropdown-menu(role="menu")
|
||||
li
|
||||
a(href="#{urls.arrows}") Arrows
|
||||
li
|
||||
a(href="#{urls.reverse}") Reverse arrows
|
||||
li
|
||||
a(href="#{urls.viewports}") Viewports
|
||||
li.divider
|
||||
li
|
||||
a(href="#{urls.replay_index}") Replays
|
||||
li.divider
|
||||
li
|
||||
a(href="#{urls.tutorial}") Tutorial
|
||||
li
|
||||
a(href="#{urls.stream}") Sphere streaming
|
||||
li.divider
|
||||
if (session && session.user_id)
|
||||
li
|
||||
+button_link(urls.logout)
|
||||
span.glyphicon.glyphicon-log-out(aria-hidden=true, style={"margin-right":"10px"})
|
||||
span Log out
|
||||
block links
|
||||
div.navbar-collapse.collapse
|
||||
ul.nav.navbar-nav
|
||||
li
|
||||
a(href="#{urls.bouncing}") Bouncing cube
|
||||
li
|
||||
a(href="#{urls.multisphere}") Multisphere
|
||||
li
|
||||
a.dropdown-toggle(href="#", data-toggle="dropdown", role="button", aria-expanded="false") Prototype
|
||||
span.caret
|
||||
ul.dropdown-menu(role="menu")
|
||||
li
|
||||
a(href="#{urls.arrows}") Arrows
|
||||
li
|
||||
a(href="#{urls.reverse}") Reverse arrows
|
||||
li
|
||||
a(href="#{urls.viewports}") Viewports
|
||||
li.divider
|
||||
li
|
||||
a(href="#{urls.replay_index}") Replays
|
||||
li.divider
|
||||
li
|
||||
a(href="#{urls.tutorial}") Tutorial
|
||||
li
|
||||
a(href="#{urls.stream}") Sphere streaming
|
||||
li.divider
|
||||
if (session && session.user_id)
|
||||
li
|
||||
+button_link(urls.logout)
|
||||
span.glyphicon.glyphicon-log-out(aria-hidden=true, style={"margin-right":"10px"})
|
||||
span Log out
|
||||
|
||||
|
||||
ul.nav.navbar-nav.navbar-right
|
||||
li
|
||||
+button_link('https://github.com/tforgione/3dinterface')
|
||||
img(src="/static/GitHub-Mark/PNG/GitHub-Mark-32px.png", width="17px", style={align:vertical})
|
||||
span(style={'margin-left':'5px', align:vertical}) Github Repo
|
||||
li
|
||||
+button_link('https://github.com/tforgione/3dinterface/wiki')
|
||||
span.glyphicon.glyphicon-book(aria-hidden=true)
|
||||
span(style={'margin-left':'5px'}) Github wiki
|
||||
ul.nav.navbar-nav.navbar-right
|
||||
li
|
||||
+button_link('https://github.com/tforgione/3dinterface')
|
||||
img(src="/static/GitHub-Mark/PNG/GitHub-Mark-32px.png", width="17px", style={align:vertical})
|
||||
span(style={'margin-left':'5px', align:vertical}) Github Repo
|
||||
li
|
||||
+button_link('https://github.com/tforgione/3dinterface/wiki')
|
||||
span.glyphicon.glyphicon-book(aria-hidden=true)
|
||||
span(style={'margin-left':'5px'}) Github wiki
|
||||
|
||||
li
|
||||
+button_link('mailto:thomas.forgione@gmail.com')
|
||||
span.glyphicon.glyphicon-envelope(aria-hidden=true)
|
||||
span(style={'margin-left':'5px'}) Contact
|
||||
|
||||
section#main-section.container
|
||||
if alertCookie
|
||||
.alert.alert-warning.alert-dismissible(role="alert", style={'margin-top':'20px'})
|
||||
button.close(type="button", data-dismiss="alert", aria-label="Close")
|
||||
span(aria-hidden="true") ×
|
||||
<strong>Warning</strong> : this website use cookies !
|
||||
|
||||
block content
|
||||
|
||||
script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js")
|
||||
script(src="/static/bootstrap/js/bootstrap.min.js")
|
||||
block js
|
||||
block extrajs
|
||||
li
|
||||
+button_link('mailto:thomas.forgione@gmail.com')
|
||||
span.glyphicon.glyphicon-envelope(aria-hidden=true)
|
||||
span(style={'margin-left':'5px'}) Contact
|
||||
|
||||
|
||||
Reference in New Issue
Block a user