github.com/ngocphuongnb/tetua@v0.0.7-alpha/app/themes/default/views/partials/layout.jade

include ./common.jade
doctype html
html(lang="en")
  - var title = meta.GetTitle()
  - var appName = config.Setting("app_name")
  - var appLogo = config.Setting("app_logo")
  head
    meta(charset='utf-8')
    meta(name='viewport' content='width=device-width, initial-scale=1.0, viewport-fit=cover')
    title=title

    meta(name='keywords' content='software development, devloper community')
    link(rel='canonical' href=meta.Canonical)

    meta(property='og:type' content=meta.Type)
    meta(property='og:url' content=meta.Canonical)
    meta(property='og:title' content=title)
    meta(property='og:site_name' content=appName)

    meta(name='twitter:site' content=config.Setting("twitter_site"))
    meta(name='twitter:title' content=title)
    meta(name='twitter:card' content='summary_large_image')

    meta(name='apple-mobile-web-app-title' content=appName)
    meta(name='application-name' content=appName)
    link(rel='alternate' type='application/rss+xml' title=appName + ' Feed' href=utils.Url("/feed"))

    if appLogo != ""
      link(rel='icon' type='image/png' href=appLogo)
      link(rel='apple-touch-icon' href=appLogo)

    if meta.Description != ""
      meta(name='description' content=meta.Description)
      meta(property='og:description' content=meta.Description)
      meta(name='twitter:description' content=meta.Description)

    if meta.Image != ""
      meta(property='og:image' content=meta.Image)
      meta(name='twitter:image:src' content=meta.Image)

    !=asset.CssFile('css/light.min.css')
    block header
    !=asset.CssFile('css/style.css')
    !=config.Setting("inject_header")

  body
    header
      nav.main.container
        a.logo(href=utils.Url("") title='Home')
          - var logoUrl = config.Setting("app_logo")
          if logoUrl != ""
            img(src=logoUrl alt=config.Setting("app_name"))
          else
            svg(viewBox='0 0 24 24')
              path(fill='#164e63' d='M11,6.5V9.33L8.33,12L11,14.67V17.5L5.5,12M13,6.43L18.57,12L13,17.57V14.74L15.74,12L13,9.26M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z')

        form.search-form(method='get' action='/search' accept-charset='UTF-8')
          input.search-input(type='text' name='q' placeholder='Search...' autocomplete='off' value=meta.Query)
          button.search-btn(type='submit' aria-label='Search')
            svg(viewBox='0 0 24 24')
              path(fill='currentColor' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z')

        ul
          li.search-mobile
            a(href=utils.Url("/search"))
              svg(viewBox='0 0 24 24')
                path(fill='currentColor' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z')
          if meta.User == nil || meta.User.ID == 0
            li
              a(href=utils.Url("/login")) Login
            li
              a(href=utils.Url("/register")) Register
          else
            li
              a(href=utils.Url("/posts/new")) New
            li
              .user-menu
                a(href=meta.User.Url() title=meta.User.Username)
                  if meta.User.AvatarImageUrl != ""
                    img.avatar(src=meta.User.AvatarImageUrl alt=meta.User.Username)
                  else
                    span.avatar.none

                svg(viewBox='0 0 24 24')
                  path(fill='currentColor' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z')

                ul.sub
                  if meta.User != nil && meta.User.IsRoot()
                    li
                      a(href=utils.Url("/manage")) Manage
                  li
                    a(href=meta.User.Url()) Profile
                  li
                    a(href=utils.Url("/posts")) Posts
                  li
                    a(href=utils.Url("/settings")) Setting
                  li
                    a(href=utils.Url("/logout")) Logout

        label.menu-trigger
          svg(viewBox='0 0 24 24')
            path(fill='currentColor' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z')
    .wrapper
      block content
      .mobile-menu
        .menu-head
          =config.Setting("app_name")
          label.menu-trigger.menu-close
            svg(viewBox='0 0 24 24')
              path(fill='currentColor' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z')
        if meta.User == nil || meta.User.ID == 0
          a(href=utils.Url("/login")) Login
          a(href=utils.Url("/register")) Register
        else
          +userMenu()
          if meta.User.IsRoot()
            +manageMenu()
        strong Topics
        .menu-topics
          each topic in cache.Topics
            a(href=topic.Url() title=topic.Name)="#" + topic.Name
    .overlay.menu-trigger
    footer
      .container
        div
          !=config.Setting("footer_content")
        p
          | Proudly powered by 
          a(href='https://tetua.net' title='Tetua - CMS Platform for Blogging') Tetua
    !=config.Setting("inject_footer")
    !=asset.JsFile('js/layout.js')
    block footer