<!DOCTYPE html>
<html lang="{function.localeToHTML, userLang, defaultLang}" <!-- IF languageDirection -->data-dir="{languageDirection}" style="direction: {languageDirection};" <!-- ENDIF languageDirection --> >
<head>
<title>{browserTitle}</title>
<!-- BEGIN metaTags -->{function.buildMetaTag}<!-- END metaTags -->
<link rel="stylesheet" type="text/css" href="{relative_path}/assets/client<!-- IF bootswatchSkin -->-{bootswatchSkin}<!-- END -->.css?{config.cache-buster}" />
<!-- BEGIN linkTags -->{function.buildLinkTag}<!-- END linkTags -->
<script>
var RELATIVE_PATH = "{relative_path}";
var config = JSON.parse('{{configJSON}}');
var app = {
template: "{template.name}",
user: JSON.parse('{{userJSON}}')
};
</script>
<!-- IF useCustomHTML -->
{{customHTML}}
<!-- END -->
<!-- IF useCustomCSS -->
<style>{{customCSS}}</style>
<!-- END -->
</head>
<body class="{bodyClass} skin-{config.bootswatchSkin}">
<nav id="menu" class="slideout-menu hidden">
<!-- IMPORT partials/slideout-menu.tpl -->
</nav>
<nav id="chats-menu" class="slideout-menu hidden">
<!-- IMPORT partials/chats-menu.tpl -->
</nav>
<main id="panel" class="slideout-panel">
<nav class="navbar navbar-default navbar-fixed-top header" id="header-menu" component="navbar">
<div class="container">
<!-- IMPORT partials/menu.tpl -->
</div>
</nav>
<div class="container" id="content">
<!-- IMPORT partials/noscript/warning.tpl -->