<%
page.banner_img = page.banner_img || theme.post.banner_img
page.banner_img_height = page.banner_img_height || theme.post.banner_img_height
page.banner_mask_alpha = page.banner_mask_alpha || theme.post.banner_mask_alpha
%>

<div class="container-fluid nopadding-x">
  <div class="row nomargin-x">
    <div class="side-col d-none d-lg-block col-lg-2">
      <%- inject_point('postLeft') %>
    </div>

    <div class="col-lg-8 nopadding-x-md">
      <div class="container nopadding-x-md" id="board-ctn">
        <div id="board">
          <article class="post-content mx-auto">
            <!-- SEO header -->
            <h1 style="display: none"><%= page.subtitle || page.title %></h1>
            <% if(theme.post.updated && theme.post.updated.enable) { %>
              <p class="note note-<%= theme.post.updated.note_class || 'info' %>">
                <% if (theme.post.updated.relative) { %>
                  <% if (theme.post.updated.content) { %>
                    <!-- compatible with older versions-->
                    <%- theme.post.updated.content %><%- relative_date(page.updated, theme.post.updated.date_format) %>
                  <% } else { %>
                    <%- __('post.updated', relative_date(page.updated, theme.post.updated.date_format)) %>
                  <% } %>
                <% } else { %>
                  <% if (theme.post.updated.content) { %>
                    <!-- compatible with older versions-->
                    <%- theme.post.updated.content %><%- date(page.updated, theme.post.updated.date_format) %>
                  <% } else { %>
                    <%- __('post.updated', date(page.updated, theme.post.updated.date_format)) %>
                  <% } %>
                <% } %>
              </p>
            <% } %>
            <div class="markdown-body">
              <%- inject_point('postMarkdownBegin') %>
              <%- page.content %>
              <%- inject_point('postMarkdownEnd') %>
            </div>
            <hr/>
            <div>
              <%- inject_point('postMetaBottom') %>

              <%- inject_point('postCopyright') %>

              <% if(theme.post.prev_next.enable && !page.hide) { %>
                <div class="post-prevnext my-3">
                  <article class="post-prev col-6">
                    <% const prev = prev_post(page) %>
                    <% if (prev) { %>
                      <a href="<%= url_for(prev.path) %>" title="<%= prev.title %>">
                        <i class="iconfont icon-arrowleft"></i>
                        <span class="hidden-mobile"><%= prev.title %></span>
                        <span class="visible-mobile"><%- __('post.prev_post') %></span>
                      </a>
                    <% } %>
                  </article>
                  <article class="post-next col-6">
                    <% const next = next_post(page) %>
                    <% if (next) { %>
                      <a href="<%= url_for(next.path) %>" title="<%= next.title %>">
                        <span class="hidden-mobile"><%= next.title %></span>
                        <span class="visible-mobile"><%- __('post.next_post') %></span>
                        <i class="iconfont icon-arrowright"></i>
                      </a>
                    <% } %>
                  </article>
                </div>
              <% } %>
            </div>

            <div class="article-comments">
              <%- partial('comment/artalk') %>
            </div>
          </article>
        </div>
      </div>
    </div>

    <div class="side-col d-none d-lg-block col-lg-2">
      <%- inject_point('postRight') %>
    </div>
  </div>
</div>

<% import_css(theme.static_prefix.github_markdown, 'github-markdown.min.css') %>
<% import_css(theme.static_prefix.hint, 'hint.min.css') %>

<% if (theme.code.highlight.enable) { %>
  <%- partial('_partials/plugins/highlight.ejs') %>
<% } %>
<% if ((theme.code.language.enable && theme.code.language.default) || theme.code.copy_btn) { %>
  <%- partial('_partials/plugins/code-widget.ejs') %>
<% } %>
<% if (theme.fun_features.anchorjs.enable && page.anchorjs !== false) { %>
  <%- partial('_partials/plugins/anchorjs.ejs') %>
<% } %>
<% if (theme.post.image_zoom.enable && page.image_zoom !== false) { %>
  <%- partial('_partials/plugins/fancybox.ejs') %>
<% } %>
<% if (theme.post.image_caption.enable) { %>
  <% import_script('<script>Fluid.plugins.imageCaption();</script>') %>
<% } %>
<% if (theme.post.math.enable && (!theme.post.math.specific || (theme.post.math.specific && page.math))) { %>
  <%- partial('_partials/plugins/math.ejs') %>
<% } %>
<% if (theme.post.mermaid.enable && (!theme.post.mermaid.specific || (theme.post.mermaid.specific && page.mermaid))) { %>
  <%- partial('_partials/plugins/mermaid.ejs') %>
<% } %>

<% if(theme.post.custom && theme.post.custom.enable && theme.post.custom.content && page.custom !== false) { %>
  <!-- Custom -->
  <div class="col-lg-7 mx-auto nopadding-x-md">
    <div class="container custom post-custom mx-auto">
      <%- page.custom || theme.post.custom.content %>
    </div>
  </div>
<% } %>
<script src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js"></script>