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.divider
                                li
                                    a(href="#{urls.replay_index}") Replays
                                li.divider
                                li
                                    a(href="#{urls.tutorial}") Tutorial
                        li
                            a(href="#{urls.stream}") Streaming simulator

                    ul.navbar-nav.navbar-right
                        a.btn.btn-default.navbar-btn(type="button", href="https://github.com/tforgione/3dinterface", style={margin: "0px 5px"})
                            img(src="/static/GitHub-Mark/PNG/GitHub-Mark-32px.png", width="17px")
                            span(style={'margin-left':'5px'}) Github Repo
                        a.btn.btn-default.navbar-btn(type="button", href="https://github.com/tforgione/3dinterface/wiki", style={margin: "0px 5px"})
                            span.glyphicon.glyphicon-book(aria-hidden=true, style={"margin-right":"10px"})
                            span Github wiki

                        a.btn.btn-default.navbar-btn(type="button", href="mailto:thomas.forgione@gmail.com", style={'margin-right': "10px", 'margin-left': '5px'})
                            span.glyphicon.glyphicon-envelope(aria-hidden=true)
                            span(style={'margin-left':'5px'}) Contact

                        div

        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