From a9fb61e83a7611adb6161e16af8580aa1e06f505 Mon Sep 17 00:00:00 2001
From: Colin Davis <colin@sq7.org>
Date: Wed, 6 Jul 2011 18:14:09 +0000
Subject: [PATCH] fixes

---
 templates/root.html | 70 +++++++++++++++++++++++++++++++--------------
 webfront.py         |  2 +-
 2 files changed, 49 insertions(+), 23 deletions(-)

diff --git a/templates/root.html b/templates/root.html
index 3835890..98ff301 100644
--- a/templates/root.html
+++ b/templates/root.html
@@ -122,7 +122,7 @@ $(document).ready(function(){
 <div id="top_logo">
 	
 
-  <img src="/static/img/top_logo.png" width="375" height="151" alt="logo" id="toc"/></div><!-- end of top logo -->
+  <img src="http://static1.robohash.com/static/img/top_logo.png" width="375" height="151" alt="logo" id="toc"/></div><!-- end of top logo -->
 
 </div><!-- end of header-->
 
@@ -162,7 +162,7 @@ $(document).ready(function(){
 <!-- start of left content section -->
 <div class="left_content">
 
-  <img src="/{{ip}}.png" alt="You!" class="left" />
+  <img src="http://robohash.com/{{ip}}.png" alt="You!" class="left" />
   
 </div><!-- end of left content section -->
 
@@ -171,11 +171,11 @@ $(document).ready(function(){
 
  <div class="section_title">How cool is this?</div>
  
- <p>That guy to your left there? He was specially generated <i>Just for you</i>.<br>
+ <p>That guy to your left there? He was specially generated from your IP address<i>Just for you</i>.<br>
 	Try on your phone, and I bet you get someone different! </p>
 
 <!-- 
- <p><a href="#" title="Buy today while we have 20% off!" class="fade"><img src="/static/img/buy_button.png" width="328" height="54" alt="buy now" /></a></p>
+ <p><a href="#" title="Buy today while we have 20% off!" class="fade"><img src="static1.robohash.com/static/img/buy_button.png" width="328" height="54" alt="buy now" /></a></p>
   -->
 </div><!-- end of right content section -->
 
@@ -195,7 +195,11 @@ $(document).ready(function(){
 <!-- start of left quote -->
 <div class="left_quote">
 
-<img src="/static/img/star.png" width="33" height="31" alt="1 star" /><img src="/static/img/star.png" width="33" height="31" alt="1 star" /><img src="/static/img/star.png" width="33" height="31" alt="1 star" /><img src="/static/img/star.png" width="33" height="31" alt="1 star" /><img src="/static/img/star.png" width="33" height="31" alt="1 star" /> 
+<img src="http://static1.robohash.com/static/img/star.png" width="33" height="31" alt="1 star" /><img
+src="http://static1.robohash.com/static/img/star.png" width="33" height="31" alt="1 star" /><img
+src="http://static1.robohash.com/static/img/star.png" width="33" height="31" alt="1 star" /><img
+src="http://static1.robohash.com/static/img/star.png" width="33" height="31" alt="1 star" /><img
+src="http://static1.robohash.com/static/img/star.png" width="33" height="31" alt="1 star" /> 
 
 <br />
 
@@ -210,7 +214,11 @@ $(document).ready(function(){
 <!-- start of right quote -->
 <div class="right_quote">
 
-<img src="/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img src="/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img src="/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img src="/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img src="/static/img/indented_star.png" width="27" height="25" alt="1 star" />
+<img src="http://static1.robohash.com/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
+src="http://static1.robohash.com/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
+src="http://static1.robohash.com/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
+src="http://static1.robohash.com/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
+src="http://static1.robohash.com/static/img/indented_star.png" width="27" height="25" alt="1 star" />
 
 <br />
 
@@ -246,11 +254,17 @@ $(document).ready(function(){
 			{% set c4 = '/' + ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(5)) + "3.png" %}
 			{% set c5 = '/' + ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(5)) + "4.png" %}
 			
-			<li><a href="{{c1}}" rel="prettyPhoto[gallery1]" title="This character is awesome, and so are you." class="fade"><img src="{{c1}}" width="150" height="150" alt="Some great title" /></a></li>
-			<li><a href="{{c2}}" rel="prettyPhoto[gallery1]" title="I think he thinks you're cute." class="fade"><img src="{{c2}}" width="150" height="150" alt="Some great title" /></a></li>
-            <li><a href="{{c3}}" rel="prettyPhoto[gallery1]" title="Any robot you don't click on, we dismantle." class="fade"><img src="{{c3}}" width="150" height="150" alt="Some great title" /></a></li>
-            <li><a href="{{c4}}" rel="prettyPhoto[gallery1]" title="Robot tears taste like candy." class="fade"><img src="{{c4}}" width="150" height="150" alt="Some great title" /></a></li>
-            <li><a href="{{c5}}" rel="prettyPhoto[gallery1]" title="01010010010011110100001001001111010101000101001100100001!" class="fade"><img src="{{c5}}" width="150" height="150" alt="Some great title" /></a></li>
+			<li><a href="http://static1.robohash.com/{{c1}}" rel="prettyPhoto[gallery1]" title="This character is
+            awesome, and so are you." class="fade"><img src="http://static1.robohash.com/{{c1}}" width="150" height="150" alt="Some great title" /></a></li>
+			<li><a href="http://static1.robohash.com/{{c2}}" rel="prettyPhoto[gallery1]" title="I think he thinks you're
+            cute." class="fade"><img src="http://static1.robohash.com/{{c2}}" width="150" height="150" alt="Some great title" /></a></li>
+            <li><a href="http://static1.robohash.com/{{c3}}" rel="prettyPhoto[gallery1]" title="Any robot you don't
+            click on, we dismantle." class="fade"><img src="http://static1.robohash.com/{{c3}}" width="150" height="150" alt="Some great title" /></a></li>
+            <li><a href="http://static1.robohash.com/{{c4}}" rel="prettyPhoto[gallery1]" title="Robot tears taste like
+            candy." class="fade"><img src="http://static1.robohash.com/{{c4}}" width="150" height="150" alt="Some great title" /></a></li>
+            <li><a href="http://static1.robohash.com/{{c5}}" rel="prettyPhoto[gallery1]"
+            title="01010010010011110100001001001111010101000101001100100001!" class="fade"><img
+            src="http://static1.robohash.com/{{c5}}" width="150" height="150" alt="Some great title" /></a></li>
 	</ul>
 
 </div><!-- end of content section -->
@@ -274,11 +288,17 @@ $(document).ready(function(){
 			{% set c4 = '/' + ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(5)) + "3.png?set=set2" %}
 			{% set c5 = '/' + ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(5)) + "4.png?set=set2" %}
 			
-			<li><a href="{{c1}}" rel="prettyPhoto[gallery1]" title="This character is awesome, and so are you." class="fade"><img src="{{c1}}" width="150" height="150" alt="Some great title" /></a></li>
-			<li><a href="{{c2}}" rel="prettyPhoto[gallery1]" title="I think he thinks you're cute." class="fade"><img src="{{c2}}" width="150" height="150" alt="Some great title" /></a></li>
-            <li><a href="{{c3}}" rel="prettyPhoto[gallery1]" title="Any robot you don't click on, we dismantle." class="fade"><img src="{{c3}}" width="150" height="150" alt="Some great title" /></a></li>
-            <li><a href="{{c4}}" rel="prettyPhoto[gallery1]" title="Robot tears taste like candy." class="fade"><img src="{{c4}}" width="150" height="150" alt="Some great title" /></a></li>
-            <li><a href="{{c5}}" rel="prettyPhoto[gallery1]" title="01010010010011110100001001001111010101000101001100100001!" class="fade"><img src="{{c5}}" width="150" height="150" alt="Some great title" /></a></li>
+			<li><a href="http://static1.robohash.com/{{c1}}" rel="prettyPhoto[gallery1]" title="This character is
+            awesome, and so are you." class="fade"><img src="http://static1.robohash.com/{{c1}}" width="150" height="150" alt="Some great title" /></a></li>
+			<li><a href="http://static1.robohash.com/{{c2}}" rel="prettyPhoto[gallery1]" title="I think he thinks you're
+            cute." class="fade"><img src="http://static1.robohash.com/{{c2}}" width="150" height="150" alt="Some great title" /></a></li>
+            <li><a href="http://static1.robohash.com/{{c3}}" rel="prettyPhoto[gallery1]" title="Any robot you don't
+            click on, we dismantle." class="fade"><img src="http://static1.robohash.com/{{c3}}" width="150" height="150" alt="Some great title" /></a></li>
+            <li><a href="http://static1.robohash.com/{{c4}}" rel="prettyPhoto[gallery1]" title="Robot tears taste like
+            candy." class="fade"><img src="http://static1.robohash.com/{{c4}}" width="150" height="150" alt="Some great title" /></a></li>
+            <li><a href="http://static1.robohash.com/{{c5}}" rel="prettyPhoto[gallery1]"
+            title="01010010010011110100001001001111010101000101001100100001!" class="fade"><img
+            src="http://static1.robohash.com/{{c5}}" width="150" height="150" alt="Some great title" /></a></li>
 	</ul>
 
 </div><!-- end of content section -->
@@ -302,11 +322,17 @@ $(document).ready(function(){
 			{% set c4 = '/' + ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(5)) + "3.png?set=set3" %}
 			{% set c5 = '/' + ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(5)) + "4.png?set=set3" %}
 			
-			<li><a href="{{c1}}" rel="prettyPhoto[gallery1]" title="This character is awesome, and so are you." class="fade"><img src="{{c1}}" width="150" height="150" alt="Some great title" /></a></li>
-			<li><a href="{{c2}}" rel="prettyPhoto[gallery1]" title="I think he thinks you're cute." class="fade"><img src="{{c2}}" width="150" height="150" alt="Some great title" /></a></li>
-            <li><a href="{{c3}}" rel="prettyPhoto[gallery1]" title="Any robot you don't click on, we dismantle." class="fade"><img src="{{c3}}" width="150" height="150" alt="Some great title" /></a></li>
-            <li><a href="{{c4}}" rel="prettyPhoto[gallery1]" title="Robot tears taste like candy." class="fade"><img src="{{c4}}" width="150" height="150" alt="Some great title" /></a></li>
-            <li><a href="{{c5}}" rel="prettyPhoto[gallery1]" title="01010010010011110100001001001111010101000101001100100001!" class="fade"><img src="{{c5}}" width="150" height="150" alt="Some great title" /></a></li>
+			<li><a href="http://static1.robohash.com/{{c1}}" rel="prettyPhoto[gallery1]" title="This character is
+            awesome, and so are you." class="fade"><img src="http://static1.robohash.com/{{c1}}" width="150" height="150" alt="Some great title" /></a></li>
+			<li><a href="http://static1.robohash.com/{{c2}}" rel="prettyPhoto[gallery1]" title="I think he thinks you're
+            cute." class="fade"><img src="http://static1.robohash.com/{{c2}}" width="150" height="150" alt="Some great title" /></a></li>
+            <li><a href="http://static1.robohash.com/{{c3}}" rel="prettyPhoto[gallery1]" title="Any robot you don't
+            click on, we dismantle." class="fade"><img src="http://static1.robohash.com/{{c3}}" width="150" height="150" alt="Some great title" /></a></li>
+            <li><a href="http://static1.robohash.com/{{c4}}" rel="prettyPhoto[gallery1]" title="Robot tears taste like
+            candy." class="fade"><img src="http://static1.robohash.com/{{c4}}" width="150" height="150" alt="Some great title" /></a></li>
+            <li><a href="http://static1.robohash.com/{{c5}}" rel="prettyPhoto[gallery1]"
+            title="01010010010011110100001001001111010101000101001100100001!" class="fade"><img
+            src="http://static1.robohash.com/{{c5}}" width="150" height="150" alt="Some great title" /></a></li>
 	</ul>
 
 </div><!-- end of content section -->
@@ -400,7 +426,7 @@ $(document).ready(function(){
 	  <div class="benefit_right">
   
   			<span class="benefit_header">Multiple designs</span>
-  			<p>Want robots from a specific set? Use Robohash.org/Collection1/whatever.png. <br>Try out Collection1, Collection2, Collection3, see which best decorate your site.</p>
+  			<p>Want robots from a specific set? Use Robohash.org/whatever.png?set=set1. <br>Try out Collection1, Collection2, Collection3, see which best decorate your site.</p>
   		
         </div><!-- end of benefit right -->
   
diff --git a/webfront.py b/webfront.py
index 1ac4b12..9209560 100755
--- a/webfront.py
+++ b/webfront.py
@@ -161,7 +161,7 @@ def main():
         (r"/(.*)", ImgHandler),
     ], **settings)
 
-    http_server = tornado.httpserver.HTTPServer(application)
+    http_server = tornado.httpserver.HTTPServer(application,xheaders=True)
     http_server.listen(options.port)
     tornado.ioloop.IOLoop.instance().start()