extends /layouts/base.pug

block head
  +css('styles.css')
  block pageHead

block content
  // 页面整体flex布局，footer吸底
  .page-layout
    .page
      - const navs = [];
      - navs.push({ href: '/', label: '首页' });
      - navs.push({ href: '/articles', label: '文章' });
      - navs.push({ href: '/article', label: '收藏' });
      - navs.push({ href: '/about', label: '关于' });
      nav.nav
        ul.flota-nav
          each nav in navs
            li
              a.item(
                href=nav.href,
                class=currentPath === nav.href ? 'active' : ''
              ) #{nav.label}
      .content 
        block pageContent
    footer
      +include()
        - var edit = false
        include /htmx/footer.pug

block scripts
  block pageScripts