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-header
                    button.navbar-toggle(type="button", data-toggle="collapse" data-target=".navbar-collapse")
                        span.sr-only Tootle navigation
                        span.icon-bar
                        span.icon-bar
                    a.navbar-brand(href="/") 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.viewports}") Viewports
                        li
                            a(href="#{urls.stream}") Streaming simulator

        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