geochat/geochat.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml">
   4   <head>
   5     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
   6     <title>Geochat</title>
   7     <link rel="stylesheet" href="/static/css/geochat.css" type="text/css" media="screen" title="no title" charset="utf-8">
   8     <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA5aiSIr40CaCgAL1qdBx_URT7PEZbmam_2zAsIoWwfh3Jj6aT1RRYLlAgQv4nC1zqXhjttDcaEzPmFA"
   9       type="text/javascript"></script>
  10     <script src="/static/js/jquery.js" type="text/javascript" charset="utf-8"></script>
  11     <script src="/static/js/geochat.js" type="text/javascript" charset="utf-8"></script>
  12     <script type="text/javascript">
  13       GEOCHAT_VARS = {
  14         'auth_url': '{{ auth_url }}',
  15         'user_email': '{{ user_email }}',
  16         'user_nickname': '{{ user_nickname }}',
  17         'default_location': '{{ default_location }}',
  18         'initial_latitude': '{{ initial_latitude }}',
  19         'initial_longitude': '{{ initial_longitude }}',
  20         'update_interval': 5000,
  21         'error_interval': 30000
  22       };
  23       GEOCHAT_IMAGES = {
  24         'marker': '/static/images/marker.png',
  25         'marker-user': '/static/images/marker-lime.png'
  26       };
  27     </script>
  28   </head>
  29   <body>
  30     <div id="container">
  31       <div id="head">
  32         <h1><a href="/">Geochat</a></h1>
  33         <div id="topnav">
  34           {% if user_email %}
  35           <strong>{{ user_email }}</strong> |
  36           {% endif %}
  37           <a href="/help" target="_blank">Help</a> |
  38           {% if user_email %}
  39           <a href="/settings">Settings</a> |
  40           {% endif %}
  41           <a href="{{ auth_url }}">{{ auth_text }}</a>
  42         </div>
  43       </div>
  44       <div id="body">
  45         <div id="map"></div>
  46         {% if user_email %}
  47         <div id="chat">
  48           <form id="chatform" action="#" onsubmit="say(this.chat); return false;">
  49             <input type="text" name="chat" size="60" maxlength="255" />
  50             <input type="submit" value="Chat" />
  51           </form>
  52           <form id="moveform" action="#" onsubmit="move(this.address.value); return false;">
  53             <input type="text" name="address" id="address" size="20" />
  54             <input type="submit" value="Move" />
  55           </form>
  56         </div>
  57         {% endif %}
  58         <div id="log">
  59           <h2>Chat Log</h2>
  60           <div id="log-entries"></div>
  61         </div>
  62         <div id="status">
  63
  64         </div>
  65       </div>
  66       <div id="foot">
  67         &copy;2008 Google
  68       </div>
  69     </div>
  70   </body>
  71 </html>