anchor.diff:  
     <div class="outer-content">
       <div class="content">
  -      <h1>Woople</h1>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  -      <p>Hello World!</p>
  +      <h1>Welcome to Woople</h1>
  +      <p>Explore the demo.</p>
  +
  +
  +      <h2>Exercise 1: Find the popular courses</h2>
  +      <p>Try to find the popular courses in Woople, if you cannot find them ask for help!</p>
  +
  +      <h2>Exercise 2: Search for 'Sales Training'</h2>
  +      <p>Perform a search for 'Sales Training' don't worry the results don't work yet!</p>
  +
  +      <h2>Exercise 3: Get Help!</h2>
  +      <p>You are having trouble figuring something out and you want to ask for help. Visit the help section.</p>
  +
  +      <h2>Exercise 4: Log out</h2>
  +      <p>You are sharing a computer with someone else, you are finished working. Please log out.</p>
       </div>
     </div>
   </div>
  
positive.code:     right:230px;
      left:0;
      -webkit-transform: translateX(230px);
    }
  
    .content {
  
negative.code:   .open .menu .menu-content {
      display:block;
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  
    .open .content {
  