From 7cd765811b2469586df0e73879935242504d801b Mon Sep 17 00:00:00 2001
From: Robohash <401330+e1ven@users.noreply.github.com>
Date: Mon, 2 Apr 2012 20:15:41 +0000
Subject: [PATCH] Agnostic URL

---
 restart.sh          |   5 ++
 templates/root.html | 116 ++++++++++++++++++++++----------------------
 2 files changed, 63 insertions(+), 58 deletions(-)
 create mode 100755 restart.sh

diff --git a/restart.sh b/restart.sh
new file mode 100755
index 0000000..ac7645f
--- /dev/null
+++ b/restart.sh
@@ -0,0 +1,5 @@
+killall python
+nohup ./webfront.py --port=8080 > /dev/null  & 
+nohup ./webfront.py --port=8081 > /dev/null & 
+nohup ./webfront.py --port=8082  > /dev/null & 
+nohup ./webfront.py --port=8083 > /dev/null &
diff --git a/templates/root.html b/templates/root.html
index 7b0d201..54c089f 100644
--- a/templates/root.html
+++ b/templates/root.html
@@ -19,16 +19,16 @@ colin@robohash.org
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>RoboHash</title>
 <link href="/static/css/main.css" rel="stylesheet" type="text/css" />
-<link href="/static/css/prettyPhoto.css" rel="stylesheet" type="text/css" />
+<link href="//static1.robohash.org/static/css/prettyPhoto.css" rel="stylesheet" type="text/css" />
 
 
 
 <!-- JavaScript Files -->
 
-<script src="/static/js/jquery-1.3.2.min.js" type="text/javascript"></script>
-<script src="/static/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
-<script src="/static/js/twitter.js" type="text/javascript" charset="utf-8"></script>
-<script src="/static/js/tipsy.js" type="text/javascript" charset="utf-8"></script>
+<script src="//static1.robohash.org/static/js/jquery-1.3.2.min.js" type="text/javascript"></script>
+<script src="//static1.robohash.org/static/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
+<script src="//static1.robohash.org/static/js/twitter.js" type="text/javascript" charset="utf-8"></script>
+<script src="//static1.robohash.org/static/js/tipsy.js" type="text/javascript" charset="utf-8"></script>
 
 
 <!-- *************************************************************************
@@ -136,7 +136,7 @@ $(document).ready(function(){
 <div id="top_logo">
 	
 
-  <img src="http://robohash.org/static/img/top_logo.png" width="375" height="151" alt="logo" id="toc"/></div><!-- end of top logo -->
+  <img src="//static1.robohash.org/static/img/top_logo.png" width="375" height="151" alt="logo" id="toc"/></div><!-- end of top logo -->
 
 </div><!-- end of header-->
 
@@ -177,8 +177,8 @@ $(document).ready(function(){
 <!-- start of left content section -->
 <div class="left_content" style="position:relative; top:40px">
 
-  <img src="http://robohash.org/{{ip}}.png" alt="You!" class="left" id="idimg" /><br>
-  <p id='YourIP'>http://robohash.org/{{ip}}.png</p>
+  <img src="//static1.robohash.org/{{ip}}.png" alt="You!" class="left" id="idimg" /><br>
+  <p id='YourIP'><br>http://static1.robohash.org/{{ip}}.png</p>
 </div><!-- end of left content section -->
 
 <!-- start of right content section -->
@@ -214,9 +214,9 @@ document.onkeypress = stopRKey;
 function submitform()
 {
    var x = document.getElementById("idimg");
-   x.setAttribute("src", "http://robohash.org/" +  document.getElementById("textform").query.value );
+   x.setAttribute("src", "https://static1.robohash.org/" +  document.getElementById("textform").query.value );
    var y = document.getElementById("YourIP");   
-   y.innerHTML = "http://robohash.org/" + document.getElementById("textform").query.value;
+   y.innerHTML = "https://static1.robohash.org/" + document.getElementById("textform").query.value;
    
 }
 </script>
@@ -225,7 +225,7 @@ function submitform()
 
 	</div>
 	<div class="contain-left" >	
-  		<img src="static/img/down-arrow.png" alt="Scroll down!" height=200 class="left" />
+  		<img src="//static1.robohash.org/static/img/down-arrow.png" alt="Scroll down!" height=200 class="left" />
 	</div>
 </div>
 
@@ -252,11 +252,11 @@ function submitform()
 
 
 
-<img src="http://robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /><img
-src="http://robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /><img
-src="http://robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /><img
-src="http://robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /><img
-src="http://robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /> 
+<img src="//static1.robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /><img
+src="//static1.robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /><img
+src="//static1.robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /><img
+src="//static1.robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /><img
+src="//static1.robohash.org/static/img/star.png" width="33" height="31" alt="1 star" /> 
 <br />
 {{    drquotes[random.randrange(0,   len(drquotes)/2) ] }}
 
@@ -265,11 +265,11 @@ src="http://robohash.org/static/img/star.png" width="33" height="31" alt="1 star
 <!-- start of right quote -->
 <div class="right_quote">
 
-<img src="http://robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
-src="http://robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
-src="http://robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
-src="http://robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
-src="http://robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" />
+<img src="//static1.robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
+src="//static1.robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
+src="//static1.robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
+src="//static1.robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" /><img
+src="//static1.robohash.org/static/img/indented_star.png" width="27" height="25" alt="1 star" />
 
 <br />
 {{drquotes[  random.randrange(  len(drquotes)/2,len(drquotes)  )] }}
@@ -299,16 +299,16 @@ src="http://robohash.org/static/img/indented_star.png" width="27" height="25" al
 			{% set c4 = ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(3)) + ".png?set=set1" %}
 			{% set c5 =  ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(3)) + ".png?set=set1" %}
 			
-			<li><a href="http://robohash.org/{{c1}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c1}}&size=150x150" width="150" height="150"/></a></li>
-			<li><a href="http://robohash.org/{{c2}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c2}}&size=150x150" width="150" height="150" /></a></li>
-            <li><a href="http://robohash.org/{{c3}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c3}}&size=150x150" width="150" height="150" /></a></li>
-            <li><a href="http://robohash.org/{{c4}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c4}}&size=150x150" width="150" height="150" /></a></li>
-            <li><a href="http://robohash.org/{{c5}}" rel="prettyPhoto[gallery1]" title="{{random.choice(quotes)}}" class="fade"><img
-            src="http://robohash.org/{{c5}}&size=150x150" width="150" height="150" /></a></li>
+			<li><a href="//static1.robohash.org/{{c1}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c1}}&size=150x150" width="150" height="150"/></a></li>
+			<li><a href="//static1.robohash.org/{{c2}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c2}}&size=150x150" width="150" height="150" /></a></li>
+            <li><a href="//static1.robohash.org/{{c3}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c3}}&size=150x150" width="150" height="150" /></a></li>
+            <li><a href="//static1.robohash.org/{{c4}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c4}}&size=150x150" width="150" height="150" /></a></li>
+            <li><a href="//static1.robohash.org/{{c5}}" rel="prettyPhoto[gallery1]" title="{{random.choice(quotes)}}" class="fade"><img
+            src="//static1.robohash.org/{{c5}}&size=150x150" width="150" height="150" /></a></li>
 	</ul>
 
 </div><!-- end of content section -->
@@ -332,16 +332,16 @@ src="http://robohash.org/static/img/indented_star.png" width="27" height="25" al
 			{% set c4 = ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(3)) + ".png?set=set2" %}
 			{% set c5 = ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(3)) + ".png?set=set2" %}
 			
-			<li><a href="http://robohash.org/{{c1}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c1}}&size=150x150" width="150" height="150" /></a></li>
-			<li><a href="http://robohash.org/{{c2}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c2}}&size=150x150" width="150" height="150" /></a></li>
-            <li><a href="http://robohash.org/{{c3}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c3}}&size=150x150" width="150" height="150" /></a></li>
-            <li><a href="http://robohash.org/{{c4}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c4}}&size=150x150" width="150" height="150" /></a></li>
-            <li><a href="http://robohash.org/{{c5}}" rel="prettyPhoto[gallery1]" title="{{random.choice(quotes)}}" class="fade"><img
-            src="http://robohash.org/{{c5}}&size=150x150" width="150" height="150" /></a></li>
+			<li><a href="//static1.robohash.org/{{c1}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c1}}&size=150x150" width="150" height="150" /></a></li>
+			<li><a href="//static1.robohash.org/{{c2}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c2}}&size=150x150" width="150" height="150" /></a></li>
+            <li><a href="//static1.robohash.org/{{c3}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c3}}&size=150x150" width="150" height="150" /></a></li>
+            <li><a href="//static1.robohash.org/{{c4}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c4}}&size=150x150" width="150" height="150" /></a></li>
+            <li><a href="//static1.robohash.org/{{c5}}" rel="prettyPhoto[gallery1]" title="{{random.choice(quotes)}}" class="fade"><img
+            src="//static1.robohash.org/{{c5}}&size=150x150" width="150" height="150" /></a></li>
 	</ul>
 
 </div><!-- end of content section -->
@@ -365,16 +365,16 @@ src="http://robohash.org/static/img/indented_star.png" width="27" height="25" al
 			{% set c4 = ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(3)) + ".png?set=set3" %}
 			{% set c5 = ''.join(random.choice(string.ascii_uppercase + string.digits) for x in range(3)) + ".png?set=set3" %}
 			
-			<li><a href="http://robohash.org/{{c1}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c1}}&size=150x150" width="150" height="150" /></a></li>
-			<li><a href="http://robohash.org/{{c2}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c2}}&size=150x150" width="150" height="150" /></a></li>
-            <li><a href="http://robohash.org/{{c3}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c3}}&size=150x150" width="150" height="150" /></a></li>
-            <li><a href="http://robohash.org/{{c4}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c4}}&size=150x150" width="150" height="150" /></a></li>
-            <li><a href="http://robohash.org/{{c5}}" rel="prettyPhoto[gallery1]"
-            title="{{random.choice(quotes)}}" class="fade"><img src="http://robohash.org/{{c5}}&size=150x150" width="150" height="150" /></a></li>
+			<li><a href="//static1.robohash.org/{{c1}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c1}}&size=150x150" width="150" height="150" /></a></li>
+			<li><a href="//static1.robohash.org/{{c2}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c2}}&size=150x150" width="150" height="150" /></a></li>
+            <li><a href="//static1.robohash.org/{{c3}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c3}}&size=150x150" width="150" height="150" /></a></li>
+            <li><a href="//static1.robohash.org/{{c4}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c4}}&size=150x150" width="150" height="150" /></a></li>
+            <li><a href="//static1.robohash.org/{{c5}}" rel="prettyPhoto[gallery1]"
+            title="{{random.choice(quotes)}}" class="fade"><img src="//static1.robohash.org/{{c5}}&size=150x150" width="150" height="150" /></a></li>
 	</ul>
 
 </div><!-- end of content section -->
@@ -401,7 +401,7 @@ src="http://robohash.org/static/img/indented_star.png" width="27" height="25" al
     <!-- start of benefit item -->
 	<div class="benefit">
 
-  		<img src="/static/img/star_icon.jpg" width="73" height="72" alt="Super Easy to use" class="left"/>
+  		<img src="//static1.robohash.org/static/img/star_icon.jpg" width="73" height="72" alt="Super Easy to use" class="left"/>
   
   		<!-- start of benefit right -->
   		<div class="benefit_right">
@@ -420,7 +420,7 @@ src="http://robohash.org/static/img/indented_star.png" width="27" height="25" al
     <!-- start of benefit item -->
 	<div class="benefit">
 
-	  <img src="/static/img/report_icon.jpg" width="73" height="72" alt="Supported Formats" class="left"/>
+	  <img src="//static1.robohash.org/static/img/report_icon.jpg" width="73" height="72" alt="Supported Formats" class="left"/>
   
   		<!-- start of benefit right -->
   		<div class="benefit_right">
@@ -440,7 +440,7 @@ src="http://robohash.org/static/img/indented_star.png" width="27" height="25" al
     <!-- start of benefit item -->
 	<div class="benefit">
 
-  		<img src="/static/img/tut_icon.jpg" width="73" height="72" alt="Very infrequent murderous rampages." class="left"/>
+  		<img src="//static1.robohash.org/static/img/tut_icon.jpg" width="73" height="72" alt="Very infrequent murderous rampages." class="left"/>
   
   		<!-- start of benefit right -->
   		<div class="benefit_right">
@@ -465,7 +465,7 @@ src="http://robohash.org/static/img/indented_star.png" width="27" height="25" al
     <!-- start of benefit item -->
 	<div class="benefit">
 
-  		<img src="/static/img/share_icon.jpg" width="73" height="72" alt="3 classes to choose from" class="left"/>
+  		<img src="//static1.robohash.org/static/img/share_icon.jpg" width="73" height="72" alt="3 classes to choose from" class="left"/>
   
   		<!-- start of benefit right -->
 	  <div class="benefit_right">
@@ -481,7 +481,7 @@ src="http://robohash.org/static/img/indented_star.png" width="27" height="25" al
     <!-- start of benefit item -->
 	<div class="benefit">
 
-	  <img src="/static/img/usability_icon.jpg" width="73" height="72" alt="Robots on Vacation" class="left"/>
+	  <img src="//static1.robohash.org/static/img/usability_icon.jpg" width="73" height="72" alt="Robots on Vacation" class="left"/>
   
   		<!-- start of benefit right -->
 	  <div class="benefit_right">
@@ -498,7 +498,7 @@ src="http://robohash.org/static/img/indented_star.png" width="27" height="25" al
     <!-- start of benefit item -->
 	<div class="benefit">
 
-	  <img src="/static/img/usability_icon.jpg" width="73" height="72" alt="Robotic Values" class="left"/>
+	  <img src="//static1.robohash.org/static/img/usability_icon.jpg" width="73" height="72" alt="Robotic Values" class="left"/>
   
   		<!-- start of benefit right -->
 	  <div class="benefit_right">
@@ -565,7 +565,7 @@ All artwork used under license.
 
 <!-- start of footer right -->
 <div id="footer_right">
-	<iframe src="http://www.facebook.com/plugins/like.php?app_id=129748100442677&amp;href=Robohash.org&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=dark&amp;font=trebuchet+ms&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
+	<iframe src="https://www.facebook.com/plugins/like.php?app_id=129748100442677&amp;href=Robohash.org&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=dark&amp;font=trebuchet+ms&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
 
 <span class="follow"><a href="http://www.twitter.com/robohash" class="fade" title="Clicking on this will replace your cat with a robot.">Follow Us</a></span>
 <g:plusone size="small" href="RoboHash.org"></g:plusone>