index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Code For Freedom 2014 Attendance Map</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="main.css" type="text/css" media="all" />
    <meta name="viewport" content="initial-scale=1,width=device-width">
    <link rel="stylesheet" href="./bower_components/leaflet/dist/leaflet.css" />
    <link href="./bower_components/fontawesome/css/font-awesome.min.css" rel="stylesheet">
    <script data-main="js/main" src="./bower_components/requirejs/require.js"></script>
    <script id="popup-template" type="text/x-handlebars-template">
      <h1 class="person">{{ name }} </h1>
      {{# if location }}
      <p class="social"> from {{ location }} </p>
      {{/if}}
      {{# if twitter }}
      <p class="social"><i class="fa fa-twitter"></i> Twitter: <a target="_blank" href="http://twitter.com/{{ twitter }}">{{ twitter }} </a> </p>
      {{/if}}
      {{# if github }}
      <p class="social"><i class="fa fa-github"></i> Github: <a target="_blank" href="https://github.com/{{ github }}">{{ github }}</a></p>
      {{/if}}
      {{# if facebook }}
      <p class="social"><i class="fa fa-facebook"></i> Facebook: <a target="_blank" href="https://facebook.com/{{ facebook }}">{{ facebook }}</a></p>
      {{/if}}
      {{# if email }}
      <p class="social"><i class="fa fa-envelope"></i> E-Mail: <a target="_blank" href="mailto:{{ email }}">{{ email }}</a></p>
      {{/if}}

      {{# each urls }}
      <p class="social"><i class="fa fa-cloud"></i> Website: <a target="_blank" href="{{ url }}">{{ name }}</a></p>
      {{/each}}
    </script>
    <style>
      .leaflet-popup-content p {
      margin: 0;
      }
      #logo{
      z-index: 200;
      position: absolute;
      top: 25px;
      right: 25px;
      background-color:lightgray;
      border-radius: 5px;
      padding: 5px;
      }
      @media (max-width: 600px) {
      #logo {
        width: 30%;
      }
      }
    </style>
  </head>
  <body>
    <img src="http://www.codeforfreedom.org/wp-content/themes/codeforfreedom/images/logo.png" id="logo"/>
    <div id='map'>
    </div>
  </body>
</html>