<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <link rel="stylesheet" href="/dist/css/freezer-0.1.0.css">
    <!-- site style -->
    <link rel="stylesheet" href="/assets/css/site.css">
    <!-- code style -->
    <link rel="stylesheet" href="/assets/css/tomorrow.css">
    <!--[if lt IE 8]>
    <script src="/dist/js/freezer/ie7.js"></script>
    <![endif]-->
    <script type="text/javascript" >var __loaderConfig={appBase:'dist/js/',libBase:'assets/lib/',server:location.host};</script>
    <script type="text/javascript" src="/assets/lib/neuron-active.js"></script>
    <script type="text/javascript" >DP.__loader.init();</script>
</head>
<body class="page-{{ this.basename }}">
    <div id="hd">
        <div class="container">
            <div class="logo">Freezer</div>

            <ul class="nav">
                <li class="item">
                    <a href="/">首页</a>
                </li>
                    
                <li class="item">
                    <a href="/basic.html">基础框架</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="/cases.html">案例学习(施工中)</a>
                </li>

                <li class="item">
                    <a href="/cases.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}}    
    {{#is title "Basic"}}
        {{> nav-basic}}
    {{/is}}
    <div class="main">
        {{> body }}
    </div>
</div>
<script>
    $.prototype.show = function(){this.css("display","block")}
    $.prototype.hide = function(){this.css("display","none")}

    DP.provide("freezer::scrollnav",function(D,scrollnav){
        $(".side .item").addClass('cur');
        scrollnav(".side .item",".main .sample-item",{
            activeClass:"cur",
            offsetTop:90
        });
    });

    // DP.provide("freezer::sticky",function(D,sticky){
    //     sticky($(".side"),80);
    // });

    // DP.provide("freezer::sticky",function(D,sticky){
    //     sticky($(".hd"),0);
    // });

    $.all(".sample-block").forEach(function(elem){
        elem = $(elem);
        var expand = false;
        var code_block = elem.next(".sample-code");
        var show_code = elem.one(".show-code");
        show_code.on("click",function(){
            expand = !expand;
            code_block[expand?"show":"hide"]();
            if(expand){
                show_code.html("收起代码");
            }else{
                show_code.html("展开代码")
            }
        });
    });
    
</script>
</body>
</html>