<!DOCTYPE html>
<html class="full" lang="en">
<head>
    <meta charset=UTF-8>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Imco van Gent, Lukas Müller, Maaike de Wit">
    {% if temp_id %}
    <title>{{ temp_id }} - MDO System Interface</title>
    {% else %}
    <title>MDO System Interface</title>
    {% endif %}
    <link rel="stylesheet" href="static/lib/bootstrap/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="static/lib/bootstrap/bootstrap.min.css"/>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
    <link rel=stylesheet href="{{ url_for('static', filename='style.css') }}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
    {% block head %}{% endblock %}

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<nav style="position:fixed" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
      <div class="collapse navbar-collapse" id="navbarsExampleDefault">
        <ul class="navbar-nav mr-auto">
			<li style="margin-left:10pt" {% if page == 'start' %}class="active"{% endif %}>
				<a id="mainPage" class="nav-link" href="/" style="cursor: pointer"><span style="font-size: 18pt" title="Start" class="glyphicon glyphicon-home"></span></a>
			</li>
			<li style="margin-left:10pt" {% if page == 'info' %}class="active"{% endif %}>
				<a id="info" class="nav-link" href="/info"><span style="font-size: 18pt" title="Info" class="glyphicon glyphicon-info-sign"></span></a>
			</li>
			<li style="margin-left:10pt" {% if page == 'acknowledgements' %}class="active"{% endif %}>
				<a id="email" class="nav-link" href="/acknowledgements"><span style="font-size: 18pt" title="Acknowledgements" class="glyphicon glyphicon-thumbs-up"></span></a>
			</li>
        </ul>
        <div style="float: none;text-align: center;" class="navbar-header">
            <img style="margin-bottom:10pt" src="static/pictures/AGILE_Icon.png" width="40" height="40"></img>
            <a style="color: white;font-size:24pt; float:none" class="navbar-brand">MDO System Interface</a>
       </div>
       
      </div>
    </nav>y
    {% block content %}{% endblock %}
    <script src="static/lib/bootstrap/jquery-3.js" integrity="" crossorigin="anonymous"></script>
	<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
	<script src="static/lib/bootstrap/popper.js"></script>
	<script src="static/lib/bootstrap/bootstrap.js"></script>
</body>
</html>
