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")
        link(rel="stylesheet", href="http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic")
        block extrahead
        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
                            a(href="#{urls.stream}") Streaming simulator

                    ul.nav.navbar-nav.navbar-right.navbar-form
                        div.form-group(style={margin: '5px'})
                            a.btn.btn-default.btn-sm(type="button", href="https://github.com/tforgione/3dinterface")
                                img(src="/static/GitHub-Mark/PNG/GitHub-Mark-32px.png", width="17px")
                                span(style={'margin':'5px'}) Github Repo
                        div.form-group(style={margin: '5px'})
                            a(href="mailto:thomas.forgione@gmail.com")
                                button.btn.btn-default.btn-sm(type="button")
                                    span.glyphicon.glyphicon-envelope(aria-hidden=true)
                                    span(style={'margin-left':'5px'}) Contact


        section#main-section.container
            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