anchor.diff:    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
     <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css">
     <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome-ie7.css">
  +  <script src="http://use.typekit.net/gis6vng.js"></script>
     <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA1l3GrctMRBhHg7V1htQvP_3_b5jggUuY&sensor=false"></script>
     <script type="text/javascript">
  +    try { Typekit.load(); } catch (e) {}
  +
       var map;
       function initialize() {
         var mapOptions = {
  
positive.code:       bottom: 0;
        width: 360px;
        margin-left: -360px;
      }
  
      .content {
  
negative.code:     }
    </style>
  </head>
  <body>
    <div class="pure-g" id="layout">
      <div class="sidebar pure-u">
        <div class="header">
          <h1 class="brand-title">Map Note</h1>
          <h2 class="brand-tagline">Evernote with Google Map</h2>
        </div>
      </div>
      <div class="pure-u-1">
        <div class="content">
  