<!DOCTYPE html>
<html class="h-100">
  <%- partial('_partial/head', { data: page, page: page }) %>
  <body class="d-flex flex-column h-100">
    <% if(!is_home()) { %>
      <%- partial('_partial/navbar') %>
    <% } %>
    <main id="vue-app" role="main" class="flex-shrink-0">
      <%- body %>
    </main>
    
    <%- partial('_partial/footer') %>
  </body>
  <% if(is_current('/projects/', true)) { %>
    <%- getProjectDataHTML(site.posts) %>
  <% } else { %>
    <script>var projectsList = [];</script>
  <% } %>
  <script src="/js/jquery-3.5.1.min.js"></script>
  <script src="/js/popper.min.js"></script>
  <script src="/js/bootstrap.js"></script>
  <script src="/js/vue.js"></script>
  <script src="/js/moment.min.js"></script>
  <script src="/js/vue-tags-input.js"></script>
  <script src="/js/video-resize.js"></script>
  <%- partial('_partial/vue-app') %>
  <script>
    $(function () {
      $('[data-toggle="tooltip"]').tooltip()
    })
  </script>
</html>