draft.js

#nav-bar
  input#nav-toggle(type='checkbox')
  #nav-header
    a#nav-title(href='https://codepen.io' target='_blank').
      C#[i.fab.fa-codepen]DEPEN
    label(for='nav-toggle')
      span#nav-toggle-burger
    hr
  #nav-content
    .nav-button #[i.fas.fa-palette]#[span Your Work]
    .nav-button #[i.fas.fa-images]#[span Assets]
    .nav-button #[i.fas.fa-thumbtack]#[span Pinned Items]
    hr
    .nav-button #[i.fas.fa-heart]#[span Following]
    .nav-button #[i.fas.fa-chart-line]#[span Trending]
    .nav-button #[i.fas.fa-fire]#[span Challenges]
    .nav-button #[i.fas.fa-magic]#[span Spark]
    hr
    .nav-button #[i.fas.fa-gem]#[span Codepen Pro]
    #nav-content-highlight
    
  input#nav-footer-toggle(type='checkbox')
  #nav-footer
    #nav-footer-heading
      #nav-footer-avatar
        img(src='https://gravatar.com/avatar/4474ca42d303761c2901fa819c4f2547')
      #nav-footer-titlebox
        a#nav-footer-title(href='https://codepen.io/uahnbu/pens/public' target='_blank') uahnbu
        span#nav-footer-subtitle Admin
      label(for='nav-footer-toggle')
        i.fas.fa-caret-up
    #nav-footer-content
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.