<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>{% block title %}Rockload - Home{% end %}</title>
    <link rel="stylesheet" href="/static/rockload/apps/base/css/bootstrap-1.1.0.min.css" />
    <link rel="stylesheet" href="/static/rockload/apps/base/css/main.css" />
    {% block css %}{% end %}
</head>

<body>
    <div class="topbar-wrapper" style="z-index: 5;">
        <div class="topbar">
            <div class="fill">
                <div class="container">
                    <h1 id="logo-small">
                        <a href="/">Rockload - because you can't do better than rock</a>
                    </h1>
                    <ul class="nav secondary-nav">
                        {% for item in projects %}
                        <li class="menu{% if project and item.name == project.name %} active{% end %}">
                                <a href="#" class="menu">{{ item.name }}</a>
                                <ul class="menu-dropdown">
                                    <li><a href="/projects/{{ item.name }}">Project details</a></li>
                                    <li class="divider"></li>
                                    {% if item.tests %}
                                        {% for test in item.tests %}
                                        <li><a href="/projects/{{ item.name }}/tests/{{ test.name }}">{{ test.name }}</a></li>
                                        {% end %}
                                        <li class="divider"></li>
                                    {% end %}
                                    <li><a href="/projects/{{ item.name }}/tests/new">Create new test</a></li>
                                </ul>
                            </li>
                        {% end %}

                        <li class="menu create-project">
                            <a href="/projects/new">Create project</a>
                        </li>
                    </ul>
                </div>
            </div> <!-- /fill -->
        </div> <!-- /topbar -->
    </div>

    <div class="white">
        <div class="container auth-container">
            <div class="main-container row">
                <div class="span16 columns">
                    {% block content %}{% end %}
                </div>
            </div>
        </div>
    </div>
    {% block offgrid %}{% end %}

    <div class="separator"></div>

    {% block footer %}
    <div id="big-footer" class="container">
        <div class="logo">
            <a href="/">Rockload - because you can't do better than rock</a>
        </div>

        <div class="disclaimer">
            <p>
                rockload is an open source project by <a href="http://github.com/heynemann">bernardo heynemann</a> - 2011
            </p>
            <p>
                find the docs at <a href="http://cobrateam.github.com/rock-load">http://cobrateam.github.com/rock-load</a>
            </p>
            <p>
                get the source at <a href="https://github.com/cobrateam/rock-load">https://github.com/cobrateam/rock-load</a>
            </p>
        </div>
    </div>
    {% end %}

    <script type="text/javascript" charset="utf-8" src="/static/rockload/apps/base/js/mootools-core-1.3.2.js"></script>
    <script type="text/javascript" charset="utf-8" src="/static/rockload/apps/base/js/menu.js"></script>
    {% block js %}{% end %}
</body>
</html>
