<!doctype html>
<html{{if .Header.IsoCode}} lang="{{.Header.IsoCode}}"{{end}}>
	<head>
		<title>{{.Title}} | {{.Header.Site.Name}}</title>
		{{range .Header.Stylesheets}}
		<link href="/static/{{.}}" rel="stylesheet" type="text/css">{{end}}
		{{range .Header.PreScriptsAsync}}
		<script async type="text/javascript" src="/static/{{.}}"></script>{{end}}
		<meta property="x-loggedin" content="{{.CurrentUser.Loggedin}}" />
		<script type="text/javascript" src="/static/init.js?i=8"></script>
		{{range .Header.ScriptsAsync}}
		<script async type="text/javascript" src="/static/{{.}}"></script>{{end}}
		<script type="text/javascript" src="/static/jquery-3.1.1.min.js"></script>
		{{range .Header.Scripts}}
		<script type="text/javascript" src="/static/{{.}}"></script>{{end}}
		<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}}" />
		{{if .OGDesc}}<meta property="og:description" content="{{.OGDesc}}" />
		<meta property="twitter:description" content="{{.OGDesc}}" />{{end}}
		{{if .GoogSiteVerify}}<meta name="google-site-verification" content="{{.GoogSiteVerify}}" />{{end}}
		<link rel="search" type="application/opensearchdescription+xml" title="{{.Header.Site.Name}}" href="/opensearch.xml">
	</head>
	<body>
		{{/**{{if not .CurrentUser.IsSuperMod}}<style>.supermod_only { display: none !important; }</style>{{end}}**/}}{{flush}}
		<div id="container" 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 id="main_menu" 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.MicroAvatar}}" />
	<div class="option_box">
		<a href="{{.CurrentUser.Link}}" class="username">{{.CurrentUser.Name}}</a>
		<span class="alerts">{{lang "alerts.no_alerts_short"}}</span>
	</div>
</div>
{{end}}
			</div>
		{{/**<!--</div>-->**/}}
			<div class="midRow">
				<div class="midLeft"></div>
				<div id="back" class="zone_{{.Header.Zone}}{{if hasWidgets "rightSidebar" .Header }} shrink_main{{end}}">
					<div id="main" >
						<div class="alertbox initial_alertbox">{{range .Header.NoticeList}}
				{{template "notice.html" . }}{{end}}
						</div>