naiveboom/views/layout.pug

doctype html
html(lang= lang)
  head
    title= strings.layout.title
    link(rel='stylesheet', href='https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css')
    script(src='https://cdn.jsdelivr.net/npm/jquery@3.5/dist/jquery.min.js')
    script(src='https://cdn.jsdelivr.net/npm/bootstrap@4/dist/js/bootstrap.bundle.min.js')
    script(src='https://cdn.jsdelivr.net/npm/vue@2')
    script(src='https://cdn.jsdelivr.net/npm/axios@0')
    script(src=base_path+'javascripts/jquery.loading.min.js')

    link(rel='stylesheet', href=base_path+'stylesheets/style.css')
    link(rel='stylesheet', href=base_path+'stylesheets/jquery.loading.min.css')
    meta(content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0' name='viewport')
  body
    <div class='navbar navbar-expand-lg fixed-top navbar-light bg-light'>
          <div class='container'>
            div.nav-item.dropdown.d-flex
              a.navbar-brand.mr-0(href=base_path+lang) naiveBoom
              a.nav-link.dropdown-toggle#brandDropdown(href data-toggle='dropdown' aria-haspopup='true' aria-expanded='false') &#x1F310;
              div.dropdown-menu(aria-labelledby='brandDropdown')
                each v, k in langs
                  if (v == lang)
                    span.dropdown-item= v
                  else
                    a.dropdown-item(href=base_path+k)= v
            <button class='navbar-toggler' type='button' data-toggle='collapse' data-target='#navbarResponsive' aria-controls='navbarResponsive' aria-expanded='false' aria-label='Toggle navigation' style=''>
              <span class='navbar-toggler-icon'></span>
            </button>
            <div class='collapse navbar-collapse' id='navbarResponsive'>
              <ul class='navbar-nav'>
                <li class='nav-item'>
                  <a class='nav-link' target='_blank' href='https://github.com/kchown/naiveboom'>GitHub</a>
                </li>
                <li class='nav-item'>
                  <a class='nav-link' target='_blank' href='https://kch.host'>Blog</a>
                </li>
              </ul>
            </div>
          </div>
    </div>
    <div class='container maincontent'>
      <noscript>
        div.alert.alert-dismissible.alert-danger
          | <button type='button' class='close' data-dismiss='alert'>&times;</button>
          | !{strings.layout.guide}
          | !{strings.layout.info}
      </noscript>
      block content
    </div>
    hr
    footer
      .container
         a(href=base_path+lang) !{strings.layout.homepage}
         a(href='https://github.com/kchown/naiveboom' target='_blank') GitHub