base.html 1.85 KB
Newer Older
marius's avatar
marius committed
1
2
3
4
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
Marius Isken's avatar
Marius Isken committed
5
    <title>Grond | Barad-dûr</title>
Marius Isken's avatar
wip    
Marius Isken committed
6
    <link rel="icon" type="image/png" href="/res/favicon.png" sizes="32x32">
marius's avatar
marius committed
7
8
    <link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css" integrity="sha384-UQiGfs9ICog+LwheBSRCt1o5cbyKIHbwjWscjemyBMT9YCUMZffs6UqUTd0hObXD" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/grids-responsive-min.css">
Marius Isken's avatar
Marius Isken committed
9
    <link rel="stylesheet" href="/res/site.css">
Marius Isken's avatar
Marius Isken committed
10
11
    {% block extra_head %}
    {% end %}
marius's avatar
marius committed
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
</head>
<style>
.custom-restricted-width {
    /* To limit the menu width to the content of the menu: */
    display: inline-block;
    /* Or set the width explicitly: */
    /* width: 10em; */
}
</style>
<div id="layout" class="pure-g">
    <a href="#menu" id="menuLink" class="menu-link">
        <!-- Hamburger icon -->
        <span></span>
    </a>
    <div id="menu">
        <div class="sidebar pure-u-1 pure-u-md-1-5">
            <div class="pure-menu custom-restricted-width">
                <span class="pure-menu-heading">Grond</span>
                <ul class="pure-menu-list">
                    {% for page in pages.iterkeys() %}
                        <li class="pure-menu-item"><a href="/{{ page }}" class="pure-menu-link">{{ page }}</a></li>
                    {% end %}
                </ul>

Marius Isken's avatar
wip    
Marius Isken committed
36
37
38
            <div class="sidebar footer pure-u-1">
                <i>The earthquake buster</i><br> <a href="http://pyrocko.org" class="pure-button pure-button-primary" target="_blank">pyrocko.org</a>
            </div>
marius's avatar
marius committed
39
40
41
            </div>
        </div>
    </div>
Marius Isken's avatar
Marius Isken committed
42
43
44
45
46
    <div id="main" class="content pure-u-1 pure-u-md-4-5">
            {% block content %}
                <h1 class="content-subhead">Content not implemented.</h1>
            {% end %}
    </div>
marius's avatar
marius committed
47
</div>
Marius Isken's avatar
Marius Isken committed
48
<script src="/res/ui.js"></script>
Marius Isken's avatar
Marius Isken committed
49
</html>