<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='utf-8'>
    <title>SCRY</title>
    <link href='{{ url_for("static", filename="css/styles.css") }}' rel='stylesheet' type='text/css'/>
    {% if styles %}
    {% for s in styles %}
    <link href='{{ url_for("static", filename="css/%s.css" % s) }}' rel='stylesheet' type='text/css'/>
    {% endfor %}
    {% endif %}
</head>

<body>

{% set navlinks=['about','services','query','update','contact'] %}

<div id='container'>
    <div id='head'>
        <div id='title' class='clear'><h1><a href='about'>SCRY</a></h1></div>
        <div id='topnav' class='clear'>
            <ul>
                {% for link in navlinks %}
                <li id='nav-{{link}}'><a href='{{link}}'>{{link}}</a></li>
                {% endfor %}
            </ul>
        </div>
    </div>        
    <div id='content' class='clear'>
        {% block content %}
        <h3>An error occured!</h3>
        <p>You shouldn't be seeing this!</p>
        {% endblock %}
    </div>
    <div id='foot'>
        <div id='botnav' class='clear'>
            <div class='ul'>
                <ul>
                    {% for link in navlinks %}
                    <li> <a href='{{link}}'>{{link}}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
        <div id='copyright'><p>Copyright &copy; 2016 Bas Stringer</p></div>
    </div>
</div>

<script type='text/javascript'>
// Get the page from python and set the corresponding nav buttons to "selected"
document.getElementById('nav-{{page}}').setAttribute('class','selected')
</script>
{% block scripts %}
{% endblock %}

</body>

</html>