link(href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"
     rel="stylesheet")

section
  input(type="radio" id="top" name="action")

  h1 pure CSS scroll
  p Do you also hate the hash in your url when you do an anchor scroll?

  p This page shows  buttons which will let you jump to different parts of the page without nasty hashes
  label(for="middle" class="bottom") section 1

section
  input(type="radio" id="middle" name="action")
  h3 This is the first section
  p See how we jumped to the correct position?
  label(for="top" class="top") top
  label(for="middle2" class="bottom") section 2

section
  input(type="radio" id="middle2" name="action")
  h3 This is the second section
  p See how we jumped to the correct position again?
  label(for="top" class="top") top
  label(for="middle" class="top") section 1
  label(for="middle3" class="bottom") section 3
  
section
  input(type="radio" id="middle3" name="action")
  h3 This is the third section
  p Like Whaaaaaa?
  label(for="top" class="top") top
  label(for="middle2" class="top") section 2
  label(for="middle4" class="bottom") section 4
  
section
  input(type="radio" id="middle4" name="action")
  h3 This is the fourth section
  p We could do this forever
  label(for="top" class="top") top
  label(for="middle3" class="top") section 3
  label(for="bottom" class="bottom") End

section
  input(type="radio" id="bottom" name="action")
  h3 The end
  label(for="top" class="top") top
  label(for="middle4" class="top") section 4