index.html

﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Twheat</title>
  <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
  <meta name="description" content="Search Twitter based on location and draw the results as a heat map">
  <meta name="author" content="Ryan Westphal">
  <link rel="stylesheet" href="css/style.css" />
  <link rel="me" href="https://twitter.com/geomappin">
</head>
<body>
  <div>
    <div id="map">
      <div id="popup">
      </div>
    </div>
    <div id="content">
      <form id="loc">
        <label>
          <span>center on</span>
          <input type="text" name="l" autofocus />
        </label>
        <button type="submit">center</button>
      </form>
      <form id="twit">
        <label>
          <span>search twitter for</span>
          <input type="text" name="q" />
        </label>
        <button type="submit">search</button>
      </form>
      <div class="tweet-search-info">
        <img id="ajaxIndicator" src="img/ajax-loader.gif" style="visibility: hidden;">
        <span id="appendedCount">no tweets mapped yet :(</span>
      </div>
      <div id="tweetButton"></div>
    </div>
    <div class="info not-mobile">
      <div class="links">
        <a href="http://jquerygeo.com/" class="docLink">jQuery Geo &gt;</a>
      </div>
      <h1>Twheat! <span class="version">3</span></h1>
      <h2>A Twitter Heat Map</h2>
    </div>
  </div>
  <script src="jspm_packages/system.js"></script>
  <script src="config.js"></script>
  <script>
    System.import( 'lib/main' );
  </script>

  <script src="//platform.twitter.com/widgets.js"></script>
  <script>
    var _gaq = [['_setAccount', 'UA-26084853-1'], ['_trackPageview']];
    (function (d, t) {
      var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1;
      g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
      s.parentNode.insertBefore(g, s);
    } (document, 'script'));
  </script>
</body>
</html>