anchor.diff:               <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
               <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
             </ul>
  -          <section class="top-bar-section">
  +          <div class="top-bar-section">
               <ul class="right">
                 <li><%= link_to("ABOUT THE PROJECT", controller: "pages", action: "about") %></li>
                 <li><%= link_to("CONNECTED NETWORK", controller: "articles") %></li>
  
positive.code:                 </li>
                  <li><a href="https://github.com/W3CBrasil/OD4D" target="blank"><%= image_tag("github32.png", :alt => "contribute on github") %></a></li>
              </ul>
            </section>
          </nav>
        </div>
      </section>
    </header>
  
    <%= yield %>
  
    <footer class="inner-shadow clear" role="contentinfo">
      <section class="center-box out-shadow">
          <div class="center-align">
            <p class="footbar">
            <%= link_to("Terms and conditions", controller: "pages", action: "terms_and_conditions") %>
          </p>
          <p class="copyright">
            © 2014 Open Data for Development - All Rights Reserved.
          </p>
        </div>
      </section>
    </footer>
  </body>
  </html>
  
negative.code: <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Exo+2:900italic,100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300' rel='stylesheet' type='text/css'>
    <%= csrf_meta_tags %>
    <%= stylesheet_link_tag    'application', media: 'all' %>
    <%= javascript_include_tag 'application' %>
    <%= yield :head %>
  </head>
  <body prefix="schema: http://schema.org/">
    <header role="banner">
      <div class="center-align">
        <div class="logo">
          <a href="/"><%= image_tag("logo-od4d2.png", :alt => "Open Data for Development") %></a>
        </div>
  