<!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-<!-- IF bootswatchSkin --> { bootswatchSkin } <!-- ELSE -->noskin<!-- END -->">
<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 -->
