<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{{ app.setting.info.name }}{{#if app.setting.info.pageName }}: {{ app.setting.info.pageName }}{{/if }}</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="{{ app.path.tamed.express }}/vendor/semantic-ui/semantic.min.css">
    <!-- <link rel="stylesheet" type="text/css" href="{{ app.path.tamed.express }}/css/style.css"> -->

    <script src="{{ app.path.tamed.express }}/vendor/jquery/jquery.min.js"></script>
    <script src="{{ app.path.tamed.express }}/vendor/semantic-ui/semantic.min.js"></script>
    <script src="{{ app.path.tamed.express }}/vendor/semantic-ui/components/visibility.js"></script>
    <script src="{{ app.path.tamed.express }}/vendor/semantic-ui/components/sidebar.js"></script>
    <script src="{{ app.path.tamed.express }}/vendor/semantic-ui/components/transition.js"></script>
    <script src="{{ app.path.tamed.express }}/js/init.js"></script>

    <link rel="stylesheet/less" type="text/css" href="{{ app.path.tamed.express }}/css/style.less" />
    <link rel="stylesheet/less" type="text/css" href="{{log app.path.tamed.public }}/css/style.less">

    <script>
    less = {
        env: "development",
        async: false,
        fileAsync: false,
        poll: 1000,
        functions: {},
        dumpLineNumbers: "comments",
        relativeUrls: false,
        rootpath: ":/a.com/"
    };
    </script>
    <script src="{{ app.path.tamed.express }}/vendor/less/less.js"></script>
</head>
<body class="{{ app.setting.info.style }} body">
    <!-- Following Menu -->

    <!-- Sidebar Menu -->
    {{> main/sidebar }}

    <!-- Page Contents -->
    <div class="pusher">
        {{> main/header }}

        <!-- <div class="ui inverted vertical center aligned segment">
        </div> -->

        <div class="page">
            {{{ body }}}
            {{> main/footer }}
        </div>
    </div>

    {{#if app.dev.active }}
        <div class="tm dev">
            <div class="ui red label"><i class="warning circle icon"></i>Dev Mode</div>
        </div>
        <script src="/reload/reload.js"></script>
    {{/if}}

    <div id="script-area">
        <div id="script-dynamic"></div>
    </div>
</body>
</html>
