{% extends base %}

{% block head %}
<style type="text/css">
    /** 移动端样式放在最后 **/
    @media screen and (max-width: 1000px) {
        /** mobile **/
        .content-left {
            width: 100%;
        }

        .content-right {
            padding-left: 0px;
            width: 100%;
        }
    }
</style>

{% end %}

{% block body_left %}
    <div class="card">
        <div class="card-title btn-line-height">
            <span>笔记工作台</span>

            <div class="float-right">
                <!-- 右侧控制区 -->
                <a class="btn" href="{{_server_home}}/note/create">新建笔记</a>
                <a class="btn btn-default" href="{{_server_home}}/note/tools">笔记工具</a>
            </div>
        </div>
    </div>
    
    {% include note/card/sticky_notes.html %}
    {% include note/card/recent_update_notes.html %}

{% end %}

{% block body_right %}
    {% include note/card/task_memo.html %}
    {% include note/card/note_groups.html %}
    {% include note/card/hot_notes.html %}
    {% include note/card/note_types.html %}
{% end %}
