<div class="uk-flex mx-2 my-2 main-content">
    <section class="uk-width-3-4 px-1">
        <div class="uk-card uk-card-default uk-card-small uk-width-1-1 mb-2">
            <div class="uk-card-header">
                <h3 class="uk-card-title uk-flex uk-flex-left uk-flex-middle">
                    <a href="javascript:history.go(-1)" uk-icon="icon: chevron-left" uk-tooltip="后退到上一个页面"></a>
                    <span class="ml-1"><%= page.title %></span>
                </h3>
                <div class="uk-flex uk-flex-left">
                    <div class="uk-text-meta mr-1">最后更新：<%= date(page.date, "YYYY-MM-DD HH:mm") %></div>
                    <% if (page.categories.length > 0) { %>
                    <div class="uk-text-meta">知识分类：
                    <%- list_categories(page.categories, {
                        class: { a: 'uk-link-muted' },
                        show_count: false,
                        style: false,
                        separator: ' / '
                    }) %>
                    </div>
                    <% } %>
                </div>
            </div>
            <article class="uk-card-body">
                <%- page.content %>
            </article>
            <% if (page.tags.length > 0) { %>
            <div class="uk-card-footer uk-flex uk-flex-left">
                <span>分类标签：</span>
                <% page.tags.each(function(tag) { %>
                <span class="uk-label ml-1"><%= tag.name %></span>
                <% }) %>
            </div>
            <% } %>
        </div>
    </section>
    <section class="uk-width-1-4">
        <%- partial('partial/side', {'noCategories': false, 'noTags': false}) %>
    </section>
</div>
