<!doctype html>
<html lang="en">
	<head>
		<title>{{.Title}} | {{.Header.Site.Name}}</title>
		<link href="/static/{{.Header.Theme.Name}}/main.css" rel="stylesheet" type="text/css">
		{{range .Header.Stylesheets}}
		<link href="/static/{{.}}" rel="stylesheet" type="text/css">
		{{end}}
		<meta property="x-loggedin" content="{{.CurrentUser.Loggedin}}" />
		<script type="text/javascript" src="/static/init.js"></script>
		<script type="text/javascript" src="/static/jquery-3.1.1.min.js"></script>
		{{range .Header.Scripts}}
		<script type="text/javascript" src="/static/{{.}}"></script>
		{{end}}
		<script type="text/javascript" src="/static/global.js"></script>
		<meta name="viewport" content="width=device-width,initial-scale = 1.0, maximum-scale=1.0,user-scalable=no" />
		{{if .Header.MetaDesc}}<meta name="description" content="{{.Header.MetaDesc}}" />{{end}}
		{{/** TODO: Have page / forum / topic level tags and descriptions below as-well **/}}
		<meta property="og:type" content="website" />
		<meta property="og:site_name" content="{{.Header.Site.Name}}">
		<meta property="og:title" content="{{.Title}} | {{.Header.Site.Name}}">
		<meta name="twitter:title" content="{{.Title}} | {{.Header.Site.Name}}" />
	</head>
	<body>
		{{if not .CurrentUser.IsSuperMod}}<style>.supermod_only { display: none !important; }</style>{{end}}
		<div class="container">
		<!--<div class="navrow">-->
			<div class="left_of_nav">{{dock "leftOfNav" .Header }}</div>
			<nav class="nav">
				<div class="move_left">
				<div class="move_right">
				<ul class="zone_{{.Header.Zone}}">{{/** TODO: Have the theme control whether the long or short form of the name is used **/}}
					<li id="menu_overview" class="menu_left"><a href="/" rel="home">{{if eq .Header.Theme.Name "nox"}}{{.Header.Site.Name}}{{else}}{{.Header.Site.ShortName}}{{end}}</a></li>
					{{dock "topMenu" .Header }}
					<li class="menu_left menu_hamburger" title="{{lang "menu_hamburger_tooltip"}}"><a></a></li>
				</ul>
				</div>
				</div>
				<div style="clear: both;"></div>
			</nav>
			<div class="right_of_nav"><!--{{dock "rightOfNav" .Header }}-->
{{/** TODO: Make this a separate template and load it via the theme docks, here for now so we can rapidly prototype the Nox theme **/}}
{{if eq .Header.Theme.Name "nox"}}
<div class="user_box">
	<img src="{{.CurrentUser.Avatar}}" />
	<div class="option_box">
		<a href="{{.CurrentUser.Link}}" class="username">{{.CurrentUser.Name}}</a>
		<span class="alerts">No new alerts</span>
	</div>
</div>
{{end}}
			</div>
		<!--</div>-->
			<div class="midRow">
				<div class="midLeft"></div>
				<div id="back" class="zone_{{.Header.Zone}}{{if .Header.Widgets.RightSidebar}} shrink_main{{end}}">
					<div id="main" >
						<div class="alertbox initial_alertbox">{{range .Header.NoticeList}}
				{{template "notice.html" . }}{{end}}
						</div>