<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="description" content="django database administrator">
		<meta name="author" content="Bankole Ojo">
		<title>{%block title %}Project Tiote{% endblock %}</title>
		<!-- Le styles -->
		<link href="{{STATIC_URL}}/tt_css/bootstrap.css" rel="stylesheet" />
		{% block styles %}
		<link rel="stylesheet" href="{{STATIC_URL}}/tt_css/spinner.css" type="text/css" charset="utf-8"/>
		<link rel="stylesheet" href="{{STATIC_URL}}/tt_css/simplemodal.css" type="text/css" charset="utf-8"/>
		{% endblock %}
		<link rel="stylesheet" href="{{STATIC_URL}}/tt_css/tiote.css" type="text/css" charset="utf-8"/>
		<!-- Le scripts -->
		{% block mooscripts %}
		<script src="{{STATIC_URL}}/tt_js/mootools-core-1.4.5.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="{{STATIC_URL}}/tt_js/mootools-more-1.4.0.1.cust.js" type='text/javascript' charset='utf-8'></script>
		{% endblock %}
		{% block scripts %}
		<script src="{{STATIC_URL}}/tt_js/simple-modal.js" type="text/javascript" charset="utf-8"></script>
		<script src="{{STATIC_URL}}/tt_js/navigation.js" type="text/javascript" charset="utf-8"></script>
		<script src='{{STATIC_URL}}/tt_js/core.js' type='text/javascript' charset='utf-8'></script>
		<script src="{{STATIC_URL}}/tt_js/helpers.js" type="text/javascript" charset="utf-8"></script>
		{% endblock %}
	</head>
	<body>
		<div class='topbar' id="topbar">
			<div class='topbar-inner'>
				<div class='container-fluid'>
					<a class="brand" href="#sctn=hm&amp;v=hm">Project Tiote!</a>
					<ul class="nav">
<!--						<li><a class="active" href="#section=home&amp;view=home">Home</a></li>
						<li><a href="#section=home&amp;view=users">Users</a></li>
						<li><a href="#section=home&amp;view=query">Query</a></li>
						<li><a href="#section=home&amp;view=import">Import</a></li>
						<li><a href="#section=home&amp;view=export">Export</a></li>-->
					</ul>
					<div id='header-load' class='pull-right'>
						<span>loading...</span>
					</div>
				</div>
			</div>
		</div>
        <div style="margin-top:40px"></div>
        <div class="container-fluid" id="tt-page">
          <div class="sidebar" id="sidebar">{% block sidebar %}{% endblock %}</div>
          <div class="tt-content" id="tt-content">
            {% block content %}{% endblock %}
          </div>

        </div>
    
    
	</body>
	<script type="text/javascript" charset="utf-8">
		var _ajaxKey = '{{ ajaxKey }}';
		var _staticUrl = '{{STATIC_URL}}';
		var _abbrev_keys = "{{abbrevs_keys|safe}}"
		var _abbrev_values = "{{abbrevs_values|safe}}"
		var _dialect = '{{dialect}}';
	</script>
</html>
