<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <link rel="stylesheet" href="/dist/css/freezer.css">
    <link rel="stylesheet" href="/dist/css/pages-num-old.css">
    <link rel="stylesheet" href="/assets/css/site.css">
    <link rel="stylesheet" href="/assets/css/tomorrow.css">

    <script type="text/javascript" id="neuron-js" 
data-path="http://localhost:9074/mod" src="http://localhost:9074/mod/neuron/3.2.1/neuron.js"></script>
</head>
<body class="page-{{ this.basename }}">
    <div class="hd">
        <div class="container">
            <div class="logo">Freezer</div>

            <ul class="nav">
                <li class="item">
                    <a href="/">首页</a>
                </li>

                <li class="item">
                    <a href="/widget.html">通用样式</a>
                </li>
            
                <li class="item">
                    <a href="/javascript.html">JavaScript</a>
                </li>

                <li class="item">
                    <a href="/biz.html">业务精选</a>
                </li>

                <li class="item"><a href="http://code.dianpingoa.com/f2e/freezer-static/issues/new" target="_blank">意见反馈</a></li>
            </ul>
        </div>
    </div>

    <div class="container">
    {{#is title "Javascript"}}
        {{> nav-javascript}}
    {{/is}}
    {{#is title "Widget"}}
        {{> nav-widget}}
    {{/is}}
    {{#is title "Biz"}}
        {{> nav-biz}}
    {{/is}}
    <div class="main">
        {{> body }}
    </div>
</div>
<script>
    DP.provide("main::scrollnav",function(D,scrollnav){
        $(".side .item").addClass('cur');
        scrollnav($.all(".side .item"),$.all(".main .sample-item"),{
            animate:true,
            activeClass:"cur"
        });
    });

    DP.provide("main::sticky",function(D,sticky){
        sticky($(".side"),25);
    });
</script>
</body>
</html>