Main Nav

Code for creating the main menu present on this page. This menu is also managed in the mobile version.

Resize your browser window to test.

Detail of html code (extract)

nav.main-nav(role='navigation')
  .wrap
    .brand-image.onaline
      a(href='/')
        span Scriptura
    input(type='checkbox', id='cmd-main-nav')
    label(for='cmd-main-nav')
      span
    ul
      li
        if homepage
          span.active
            span.icon-home.only-icon
            span Home
        else
          a(href='/')
            span.icon-home.only-icon
            span Home
      li
        if styleguidepage
          span.active
            span.icon-list2
            | Style Guide
        else
          a(href='/Pages/StyleGuide.html')
            span.icon-list2
            | Style Guide