Removed baked html files. Added menu highlighting.
authorEugen Sawin <sawine@me73.com>
Sat, 07 Jan 2012 01:33:27 +0100
changeset 9049897f71f067
parent 89 728dc42f2eb3
child 91 d02866e68bdd
Removed baked html files. Added menu highlighting.
about.html
books.html
chrome.html
contact.html
factory/v2012/script.js
gameoflife.html
howiwork.html
index.html
links.html
linksend.html
mandelbrot.html
personalwork.html
resume.html
script.js
     1.1 --- a/about.html	Fri Jan 06 18:28:31 2012 +0100
     1.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.3 @@ -1,82 +0,0 @@
     1.4 -<!DOCTYPE html>
     1.5 -<html lang="en">
     1.6 -  <head>
     1.7 -    <title>ME73</title>
     1.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
     1.9 -    <meta name="description" content="A Digital Playground" />
    1.10 -    <meta name="robots" content="index, follow, noarchive" />
    1.11 -    <meta name="googlebot" content="noarchive" />
    1.12 -    <script src="jquery.js"></script>
    1.13 -    <script src="script.js"></script>
    1.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
    1.15 -    <script type="application/javascript">
    1.16 -      var _gaq = _gaq || [];
    1.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
    1.18 -      _gaq.push(['_trackPageview']);
    1.19 -      (function() {
    1.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
    1.21 -      ga.async = true;
    1.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
    1.23 -      + '.google-analytics.com/ga.js';
    1.24 -      var s = document.getElementsByTagName('script')[0];
    1.25 -      s.parentNode.insertBefore(ga, s);
    1.26 -      })();
    1.27 -    </script>
    1.28 -  </head>
    1.29 -  <body>
    1.30 -    <div id="wrap">
    1.31 -      <div id="header">
    1.32 -        <canvas id="logo">
    1.33 -          FIND A BETTER BROWSER
    1.34 -        </canvas>
    1.35 -        <canvas id="sim">
    1.36 -        </canvas>
    1.37 -      </div>
    1.38 -      <div id="content-wrap">
    1.39 -        <div id="main">
    1.40 -          <h2>Who am I?</h2>
    1.41 -<p>
    1.42 -During the day I am a master student of computer science at the <a href="http://uni-freiburg.de">University of Freiburg</a> in <a href="http://xkcd.com/984">Germany</a>. At <a href="http://xkcd.com/313">night</a>, I am a <a href="http://xkcd.com/378">programmer</a> creating useless <a href="personalwork.html">machines</a> for my own enjoyment.
    1.43 -</p>
    1.44 -<p>
    1.45 -In my scientific pursuits I delve into <a href="http://xkcd.com/638">artificial intelligence</a> and all its <a href="http://xkcd.com/329">challenges</a>. Along the long hard road to general artificial intelligence I make detours for solving algorithmic problems like <a href="http://xkcd.com/461">fast routing</a> in public transportation networks.
    1.46 -</p>
    1.47 -<p>
    1.48 -Before going back to <a href="http://xkcd.com/664">academia</a>, I used to develop <a href="http://xkcd.com/912">safety-critical</a> software systems for the Air Traffic Control industry at <a href="http://comsoft.aero">Comsoft</a>. You can experience my work for the industry by reading this little <a href="http://www.amazon.de/Luftraummodellierung-Abflugplanung-Optimierung-Vereinigten-Arabischen/dp/3639346203">book</a> I've written, while waiting for your flight to take off anywhere in the United Arab Emirates.
    1.49 -</p>
    1.50 -<p>      
    1.51 -I enjoy <a href="http://xkcd.com/844">good code</a>, <a href="http://xkcd.com/353">good</a> <a href="http://xkcd.com/224">programming languages</a>, <a href="http://xkcd.com/193">good music</a>, <a href="http://xkcd.com/971">good books</a>, <a href="http://xkcd.com/566">good movies</a> and <a href="http://xkcd.com/435">tea</a>. I enjoy spending time with my family and my lovely girlfriend, who makes the best <a href="http://suesskeks.de">little cookies</a> in town. And I like <a href="http://xkcd.com/888">games</a>.
    1.52 -</p>
    1.53 -
    1.54 -        </div>
    1.55 -        <div id="sidebar">
    1.56 -          <p>           
    1.57 -	    <a href="about.html" class="float-left"></a>            
    1.58 -            I'm a programmer,<br />
    1.59 -            a student of computer science,<br />
    1.60 -            a music enthusiast.<br />
    1.61 -            This is my site.
    1.62 -          </p>
    1.63 -          <div id="random_quote"></div>
    1.64 -        </div>
    1.65 -      </div>
    1.66 -      <div id="footer">
    1.67 -        <div id="footer-left">
    1.68 -          <p>
    1.69 -            <a href="mailto:sawine@me73.com">
    1.70 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
    1.71 -          </p>
    1.72 -        </div>
    1.73 -        <div id="footer-right">
    1.74 -          <p class="align-right">
    1.75 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
    1.76 -          </p>
    1.77 -        </div>
    1.78 -      </div>
    1.79 -    </div>
    1.80 -    <script type="application/javascript">
    1.81 -      load_random_quote();
    1.82 -    </script>
    1.83 -  </body>
    1.84 -</html>
    1.85 -
     2.1 --- a/books.html	Fri Jan 06 18:28:31 2012 +0100
     2.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     2.3 @@ -1,122 +0,0 @@
     2.4 -<!DOCTYPE html>
     2.5 -<html lang="en">
     2.6 -  <head>
     2.7 -    <title>ME73</title>
     2.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
     2.9 -    <meta name="description" content="A Digital Playground" />
    2.10 -    <meta name="robots" content="index, follow, noarchive" />
    2.11 -    <meta name="googlebot" content="noarchive" />
    2.12 -    <script src="jquery.js"></script>
    2.13 -    <script src="script.js"></script>
    2.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
    2.15 -    <script type="application/javascript">
    2.16 -      var _gaq = _gaq || [];
    2.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
    2.18 -      _gaq.push(['_trackPageview']);
    2.19 -      (function() {
    2.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
    2.21 -      ga.async = true;
    2.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
    2.23 -      + '.google-analytics.com/ga.js';
    2.24 -      var s = document.getElementsByTagName('script')[0];
    2.25 -      s.parentNode.insertBefore(ga, s);
    2.26 -      })();
    2.27 -    </script>
    2.28 -  </head>
    2.29 -  <body>
    2.30 -    <div id="wrap">
    2.31 -      <div id="header">
    2.32 -        <canvas id="logo">
    2.33 -          FIND A BETTER BROWSER
    2.34 -        </canvas>
    2.35 -        <canvas id="sim">
    2.36 -        </canvas>
    2.37 -      </div>
    2.38 -      <div id="content-wrap">
    2.39 -        <div id="main">
    2.40 -          <p>Here is a list of books, that I find useful or simply enjoyed reading.</p>
    2.41 -<h2>Engineering &amp; Science</h2>
    2.42 -<ul>
    2.43 -<li><h4>G&ouml;del, Escher, Bach: An Eternal Golden Braid</h4><h5>Douglas R. Hofstadter</h5>
    2.44 -A metaphorical fugue on minds and machines in the spirit of Lewis Carroll.
    2.45 -</li>
    2.46 -<li><h4>The Pragmatic Programmer</h4><h5>Andrew Hunt and David Thomas</h5>
    2.47 -A collection of advises for effective software development.
    2.48 -</li>
    2.49 -<li><h4>Effective C++ / More Effective C++</h4><h5>Scott Meyers</h5>
    2.50 -Effective and safe C++ programming advises for practical use.
    2.51 -</li>
    2.52 -<li><h4>Thinking in C++</h4><h5>Bruce Eckel</h5>
    2.53 -A freely available introduction to C++ and its Standard Library.
    2.54 -</li>
    2.55 -<li><h4>Artificial Intelligence: A Modern Approach</h4><h5>Stuart J. Russel and Peter Norvig</h5>
    2.56 -A comprehensive compendium of most techniques for the development of artificial intelligence.
    2.57 -</li>
    2.58 -<li><h4>The Algorithmic Beauty of Plants</h4><h5>Przemyslwa Prusinkieicz and Aristid Lindenmayer</h5>
    2.59 -A wonderful introduction to L-systems and a motivational read.
    2.60 -</li>
    2.61 -<li><h4>Compilers: Principles, Techniques &amp; Tools</h4><h5>Alfred V. Aho, Monica S. Lam and Ravi Sethi</h5>
    2.62 -The standard introduction to compiler development. Also known as the Dragon Book.
    2.63 -</li>
    2.64 -<li><h4>Computer Networks</h4><h5>Andrew S. Tanenbaum</h5>
    2.65 -A good and in-depth textbook for network technology.   
    2.66 -</li>
    2.67 -<li><h4>A Brief History of Time</h4><h5>Stephen W. Hawking</h5>
    2.68 -Popular science. Follow Stephen on his quest for the Theory of Everything.
    2.69 -</li>
    2.70 -</ul>
    2.71 -<h2>Fiction</h2>
    2.72 -<ul>
    2.73 -<li><h4>Do Androids Dream of Electric Sheep?</h4><h5>Philip K. Dick</h5>
    2.74 -A dark vision of mankind's future and the ethics of artificial life.
    2.75 -</li>
    2.76 -<li><h4>Alice in Wonderland</h4><h5>Lewis Carroll</h5>
    2.77 -Follow the rabbit.
    2.78 -</li>
    2.79 -<li><h4>Through the Looking-Glass</h4><h5>Lewis Carroll</h5>
    2.80 -Sequel to Alice in Wonderland.
    2.81 -</li>
    2.82 -<li><h4>1984</h4><h5>George Orwell</h5>
    2.83 -Classic novel about a totalitarian regime and its influence on the society.
    2.84 -</li>
    2.85 -</ul>
    2.86 -<h2>My Books</h2>
    2.87 -<ul>
    2.88 -<li><h4>Luftraummodellierung und Abflugplanung</h4><h5>Eugen Sawin</h5>
    2.89 -Ein Projekt zur Optimierung der Abflugplanung in den Vereinigten Arabischen Emiraten.
    2.90 -<div class="download"><a href="http://www.amazon.de/Luftraummodellierung-Abflugplanung-Optimierung-Vereinigten-Arabischen/dp/3639346203">Buy it on Amazon (German)</a></div>
    2.91 -</li>
    2.92 -</ul>
    2.93 -
    2.94 -        </div>
    2.95 -        <div id="sidebar">
    2.96 -          <p>           
    2.97 -	    <a href="about.html" class="float-left"></a>            
    2.98 -            I'm a programmer,<br />
    2.99 -            a student of computer science,<br />
   2.100 -            a music enthusiast.<br />
   2.101 -            This is my site.
   2.102 -          </p>
   2.103 -          <div id="random_quote"></div>
   2.104 -        </div>
   2.105 -      </div>
   2.106 -      <div id="footer">
   2.107 -        <div id="footer-left">
   2.108 -          <p>
   2.109 -            <a href="mailto:sawine@me73.com">
   2.110 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
   2.111 -          </p>
   2.112 -        </div>
   2.113 -        <div id="footer-right">
   2.114 -          <p class="align-right">
   2.115 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
   2.116 -          </p>
   2.117 -        </div>
   2.118 -      </div>
   2.119 -    </div>
   2.120 -    <script type="application/javascript">
   2.121 -      load_random_quote();
   2.122 -    </script>
   2.123 -  </body>
   2.124 -</html>
   2.125 -
     3.1 --- a/chrome.html	Fri Jan 06 18:28:31 2012 +0100
     3.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     3.3 @@ -1,94 +0,0 @@
     3.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     3.5 -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     3.6 -
     3.7 -<head>
     3.8 -<title>ME73 - A Programmer's Playground</title><meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
     3.9 -<meta name="author" content="Eugen Sawin - me73.com" />
    3.10 -<meta name="description" content="A Digital Playground" />
    3.11 -<meta name="robots" content="index, follow, noarchive" />
    3.12 -<meta name="googlebot" content="noarchive" />
    3.13 -<script src="script.js" type="text/javascript"></script>
    3.14 -<link rel="stylesheet" href="dark.css" type="text/css" />
    3.15 -</head>
    3.16 -
    3.17 -<body onload="draw(0, 0, 0, 0, 0);">
    3.18 -<div id="wrap">
    3.19 -	<div id="header">			
    3.20 -    	<h1 id="logo-text"><a href="index.html" title="">ME73</a></h1>		
    3.21 -	    <p id="intro">A Programmer's Playground.</p>
    3.22 -        <div id="nav">
    3.23 -			<ul>
    3.24 -				<li><a href="index.html">Home</a></li>
    3.25 -				<li><a href="chrome.html">Chrome</a></li>
    3.26 -				<li><a href="resume.html">Resume</a></li>
    3.27 -				<li><a href="howiwork.html">How I Work</a></li>
    3.28 -				<li><a href="personalwork.html">Personal Work</a></li>
    3.29 -            	<li><a href="books.html">Books</a></li>
    3.30 -	         	<li><a href="links.html">Links</a></li>			
    3.31 -				<li><a href="contact.html">Contact</a></li>		
    3.32 -			</ul>		
    3.33 -	    </div>	
    3.34 -	</div>
    3.35 -	<div id="content-wrap">				
    3.36 -		<div id="main">
    3.37 -			<p>
    3.38 -<!--<img src="images/world.png" alt="world map" height="280" width="100%" />
    3.39 --->
    3.40 -<canvas id="mandelbrot" width="670" height="280" onclick="draw2(event);"></canvas> 
    3.41 -<button onclick="draw(0, -2, 0, 0, 0);">Left</button>
    3.42 -<button onclick="draw(0, 2, 0, 0, 0);">Right</button>
    3.43 -<button onclick="draw(0, 0, -2, 0, 0)">Up</button>
    3.44 -<button onclick="draw(0, 0, 2, 0, 0);">Down</button>
    3.45 -<button onclick="draw(0, 0, 0, 2, 0);">Zoom in</button>
    3.46 -<button onclick="draw(0, 0, 0, -2, 0);">Zoom out</button>
    3.47 -<button onclick="draw(0, 0, 0, 0, -1);">Inc Resolution</button>
    3.48 -<button onclick="draw(0, 0, 0, 0, 1);">Dec Resolution</button>
    3.49 -<button onclick="draw(100, 0, 0, 0, 0);">Inc Iterations</button>
    3.50 -<button onclick="draw(-100, 0, 0, 0, 0);">Dec Iterations</button>
    3.51 -</p>
    3.52 -           
    3.53 -      
    3.54 -		</div>
    3.55 -		<div id="sidebar">
    3.56 -	        <p>
    3.57 -				<img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />		
    3.58 -			ME73 is my digital playground.
    3.59 -            I'm a programmer, a student of computer science, a music enthusiast.
    3.60 -            This site serves as a portfolio for my private work.
    3.61 -	        </p>
    3.62 -			<div id="random_quote"></div>	        	
    3.63 -        </div>	
    3.64 -	</div>
    3.65 -  <div id="footer">
    3.66 -	<div id="footer-left">
    3.67 -		<p>
    3.68 -      	<a href="mailto:contact@esawin.com">
    3.69 -		<ul> 
    3.70 -			<li class="name">Eugen Sawin</li> 
    3.71 -			<li class="misc">Software Engineering &amp; Research</li> 
    3.72 -		</ul> 
    3.73 -		</a>
    3.74 -		</p>	
    3.75 -	</div>
    3.76 -	
    3.77 -	<div id="footer-right">
    3.78 -		<p class="align-right">
    3.79 -		<a href="index.html">Home</a> | <a href="#top">Top</a>
    3.80 -		</p>
    3.81 -	</div>	
    3.82 -</div> 
    3.83 -</div>
    3.84 -<script type="text/javascript">
    3.85 -    javascript:load_random_quote();        
    3.86 -</script>
    3.87 -<script type="text/javascript">
    3.88 -var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    3.89 -document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    3.90 -</script>
    3.91 -<script type="text/javascript">
    3.92 -var pageTracker = _gat._getTracker("UA-2137333-1");
    3.93 -pageTracker._trackPageview();
    3.94 -</script>
    3.95 -</body>
    3.96 -</html>
    3.97 -
     4.1 --- a/contact.html	Fri Jan 06 18:28:31 2012 +0100
     4.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     4.3 @@ -1,85 +0,0 @@
     4.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     4.5 -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     4.6 -
     4.7 -<head>
     4.8 -<title>ME73 - A Programmer's Playground</title><meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
     4.9 -<meta name="author" content="Eugen Sawin - me73.com" />
    4.10 -<meta name="description" content="A Digital Playground" />
    4.11 -<meta name="robots" content="index, follow, noarchive" />
    4.12 -<meta name="googlebot" content="noarchive" />
    4.13 -<script src="script.js" type="text/javascript"></script>
    4.14 -<link rel="stylesheet" href="dark.css" type="text/css" />
    4.15 -</head>
    4.16 -
    4.17 -<body onload="draw(0, 0, 0, 0, 0);">
    4.18 -<div id="wrap">
    4.19 -	<div id="header">			
    4.20 -    	<h1 id="logo-text"><a href="index.html" title="">ME73</a></h1>		
    4.21 -	    <p id="intro">A Programmer's Playground.</p>
    4.22 -        <div id="nav">
    4.23 -			<ul>
    4.24 -				<li><a href="index.html">Home</a></li>
    4.25 -				<li><a href="experiments.html">Experiments</a></li>
    4.26 -				<li><a href="resume.html">Resume</a></li>
    4.27 -				<li><a href="howiwork.html">How I Work</a></li>
    4.28 -				<li><a href="personalwork.html">Personal Work</a></li>
    4.29 -            	<li><a href="books.html">Books</a></li>
    4.30 -	         	<li><a href="links.html">Links</a></li>			
    4.31 -				<li><a href="contact.html">Contact</a></li>		
    4.32 -			</ul>		
    4.33 -	    </div>	
    4.34 -	</div>
    4.35 -	<div id="content-wrap">				
    4.36 -		<div id="main">
    4.37 -						
    4.38 -			<h2>Contact</h2>			
    4.39 -			<p><img src="images/contact.png" alt="water" class="float-left" height="100" width="100" />
    4.40 -			<br />Eugen Sawin<br />
    4.41 -         	<a href="mailto:sawine@me73.com">sawine@me73.com</a>.</p>
    4.42 -			<p>Interested in hiring me for your project? Please visit my business homepage <a href="http://www.esawin.com">www.esawin.com</a>.</p>		
    4.43 -		
    4.44 -      
    4.45 -		</div>
    4.46 -		<div id="sidebar">
    4.47 -	        <p>
    4.48 -				<img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />		
    4.49 -			ME73 is my digital playground.
    4.50 -            I'm a programmer, a student of computer science, a music enthusiast.
    4.51 -            This site serves as a portfolio for my private work.
    4.52 -	        </p>
    4.53 -			<div id="random_quote"></div>	        	
    4.54 -        </div>	
    4.55 -	</div>
    4.56 -  <div id="footer">
    4.57 -	<div id="footer-left">
    4.58 -		<p>
    4.59 -      	<a href="mailto:contact@esawin.com">
    4.60 -		<ul> 
    4.61 -			<li class="name">Eugen Sawin</li> 
    4.62 -			<li class="misc">Software Engineering &amp; Research</li> 
    4.63 -		</ul> 
    4.64 -		</a>
    4.65 -		</p>	
    4.66 -	</div>
    4.67 -	
    4.68 -	<div id="footer-right">
    4.69 -		<p class="align-right">
    4.70 -		<a href="index.html">Home</a> | <a href="#top">Top</a>
    4.71 -		</p>
    4.72 -	</div>	
    4.73 -</div> 
    4.74 -</div>
    4.75 -<script type="text/javascript">
    4.76 -    javascript:load_random_quote();        
    4.77 -</script>
    4.78 -<script type="text/javascript">
    4.79 -var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    4.80 -document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    4.81 -</script>
    4.82 -<script type="text/javascript">
    4.83 -var pageTracker = _gat._getTracker("UA-2137333-1");
    4.84 -pageTracker._trackPageview();
    4.85 -</script>
    4.86 -</body>
    4.87 -</html>
    4.88 -
     5.1 --- a/factory/v2012/script.js	Fri Jan 06 18:28:31 2012 +0100
     5.2 +++ b/factory/v2012/script.js	Sat Jan 07 01:33:27 2012 +0100
     5.3 @@ -142,26 +142,29 @@
     5.4      var canvas = document.getElementById("logo");
     5.5      var context = canvas.getContext("2d");    
     5.6      var image = context.getImageData(0, 0, menu_width, menu_height);
     5.7 -    if (p) {
     5.8 -        var page = p["args"][0]; 
     5.9 -        var min_x = p["min_x"];
    5.10 -        var max_x = p["max_x"];
    5.11 -        var min_y = p["min_y"];
    5.12 -        var max_y = p["max_y"];
    5.13 -        console.log(page);
    5.14 -        last_colours[0] = colour_area(image, min_x + 10, max_x - 10, 0, 60, orange);
    5.15 -        last_colours[1] = colour_area(image, min_x + 10, max_x - 10, 60, max_y - 10, white);
    5.16 -        console.log(last_colours);
    5.17 -    }
    5.18      if (last_highlight && last_colours && last_colours[0] && last_colours[1]) {        
    5.19          page = last_highlight["args"][0]; 
    5.20          min_x = last_highlight["min_x"];
    5.21          max_x = last_highlight["max_x"];
    5.22          min_y = last_highlight["min_y"];
    5.23 -        max_y = last_highlight["max_y"]; 
    5.24 -        colour_area(image, min_x + 10, max_x - 10, 0, 60, last_colours[0]);
    5.25 -        colour_area(image, min_x + 10, max_x - 10, 60, max_y - 10, last_colours[1]);
    5.26 +        max_y = last_highlight["max_y"];
    5.27 +        colour_area(image, min_x + 10, max_x - 10, 0, 60, 
    5.28 +                    last_colours[0]);
    5.29 +        colour_area(image, min_x + 10, max_x - 10, 60, max_y - 10, 
    5.30 +                    last_colours[1]);
    5.31      }
    5.32 +    if (p) {    
    5.33 +        var page = p["args"][0]; 
    5.34 +        var min_x = p["min_x"];
    5.35 +        var max_x = p["max_x"];
    5.36 +        var min_y = p["min_y"];
    5.37 +        var max_y = p["max_y"];       
    5.38 +        last_colours[0] = colour_area(image, min_x + 10, max_x - 10, 0, 60, 
    5.39 +                                      orange);
    5.40 +        last_colours[1] = colour_area(image, min_x + 10, max_x - 10, 60, max_y - 10, 
    5.41 +                                      white);        
    5.42 +    }
    5.43 +    
    5.44      context.putImageData(image, 0, 0);
    5.45      last_highlight = p;
    5.46  }
     6.1 --- a/gameoflife.html	Fri Jan 06 18:28:31 2012 +0100
     6.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     6.3 @@ -1,74 +0,0 @@
     6.4 -<!DOCTYPE html>
     6.5 -<html lang="en">
     6.6 -  <head>
     6.7 -    <title>ME73</title>
     6.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
     6.9 -    <meta name="description" content="A Digital Playground" />
    6.10 -    <meta name="robots" content="index, follow, noarchive" />
    6.11 -    <meta name="googlebot" content="noarchive" />
    6.12 -    <script src="jquery.js"></script>
    6.13 -    <script src="script.js"></script>
    6.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
    6.15 -    <script type="application/javascript">
    6.16 -      var _gaq = _gaq || [];
    6.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
    6.18 -      _gaq.push(['_trackPageview']);
    6.19 -      (function() {
    6.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
    6.21 -      ga.async = true;
    6.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
    6.23 -      + '.google-analytics.com/ga.js';
    6.24 -      var s = document.getElementsByTagName('script')[0];
    6.25 -      s.parentNode.insertBefore(ga, s);
    6.26 -      })();
    6.27 -    </script>
    6.28 -  </head>
    6.29 -  <body>
    6.30 -    <div id="wrap">
    6.31 -      <div id="header">
    6.32 -        <canvas id="logo">
    6.33 -          FIND A BETTER BROWSER
    6.34 -        </canvas>
    6.35 -        <canvas id="sim">
    6.36 -        </canvas>
    6.37 -      </div>
    6.38 -      <div id="content-wrap">
    6.39 -        <div id="main">
    6.40 -          <p>
    6.41 -  <canvas id="gameoflife" width="670" height="670">
    6.42 -    FIND A BETTER BROWSER.
    6.43 -  </canvas>
    6.44 -</p>
    6.45 -
    6.46 -        </div>
    6.47 -        <div id="sidebar">
    6.48 -          <p>           
    6.49 -	    <a href="about.html" class="float-left"></a>            
    6.50 -            I'm a programmer,<br />
    6.51 -            a student of computer science,<br />
    6.52 -            a music enthusiast.<br />
    6.53 -            This is my site.
    6.54 -          </p>
    6.55 -          <div id="random_quote"></div>
    6.56 -        </div>
    6.57 -      </div>
    6.58 -      <div id="footer">
    6.59 -        <div id="footer-left">
    6.60 -          <p>
    6.61 -            <a href="mailto:sawine@me73.com">
    6.62 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
    6.63 -          </p>
    6.64 -        </div>
    6.65 -        <div id="footer-right">
    6.66 -          <p class="align-right">
    6.67 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
    6.68 -          </p>
    6.69 -        </div>
    6.70 -      </div>
    6.71 -    </div>
    6.72 -    <script type="application/javascript">
    6.73 -      load_random_quote();
    6.74 -    </script>
    6.75 -  </body>
    6.76 -</html>
    6.77 -
     7.1 --- a/howiwork.html	Fri Jan 06 18:28:31 2012 +0100
     7.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     7.3 @@ -1,145 +0,0 @@
     7.4 -<!DOCTYPE html>
     7.5 -<html lang="en">
     7.6 -  <head>
     7.7 -    <title>ME73</title>
     7.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
     7.9 -    <meta name="description" content="A Digital Playground" />
    7.10 -    <meta name="robots" content="index, follow, noarchive" />
    7.11 -    <meta name="googlebot" content="noarchive" />
    7.12 -    <script src="jquery.js"></script>
    7.13 -    <script src="script.js"></script>
    7.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
    7.15 -    <script type="application/javascript">
    7.16 -      var _gaq = _gaq || [];
    7.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
    7.18 -      _gaq.push(['_trackPageview']);
    7.19 -      (function() {
    7.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
    7.21 -      ga.async = true;
    7.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
    7.23 -      + '.google-analytics.com/ga.js';
    7.24 -      var s = document.getElementsByTagName('script')[0];
    7.25 -      s.parentNode.insertBefore(ga, s);
    7.26 -      })();
    7.27 -    </script>
    7.28 -  </head>
    7.29 -  <body>
    7.30 -    <div id="wrap">
    7.31 -      <div id="header">
    7.32 -        <canvas id="logo">
    7.33 -          FIND A BETTER BROWSER
    7.34 -        </canvas>
    7.35 -        <canvas id="sim">
    7.36 -        </canvas>
    7.37 -      </div>
    7.38 -      <div id="content-wrap">
    7.39 -        <div id="main">
    7.40 -          <h2>Programming Languages</h2>
    7.41 -<p><!--<img src="images/binary.png" alt="binary" class="float-right" height="100" width="100" />-->
    7.42 -Some programming languages I've used, where the number of * show my level of expertise in the given language:</p>
    7.43 -<ul>
    7.44 -<li>
    7.45 -<h4>QBasic  *</h4>
    7.46 -My first.</li>
    7.47 -<li>
    7.48 -<h4>C++  *****</h4>
    7.49 -The dragon of system programming. My workhorse for efficient solutions.</li>
    7.50 -<li>
    7.51 -<h4>Java  ***</h4>
    7.52 -It's ok. I prefer tea.</li>
    7.53 -<li>
    7.54 -<h4>Haskell  *</h4>
    7.55 -Functional love-hate relationship.</li>
    7.56 -<li>
    7.57 -<h4>Prolog  **</h4>
    7.58 -Blew my mind. Awakened my interest in logics, not so much in using the language.</li>
    7.59 -<li>
    7.60 -<h4>C  *****</h4>
    7.61 -Clean, flat, structured. Runs the world under the hood.</li>
    7.62 -<li>
    7.63 -<h4>Assembly  **</h4>
    7.64 -The isomorphism from human mnemonics to machine code. Feel the cold touch of the machine mind.</li>
    7.65 -<li>
    7.66 -<h4>C#  ***</h4>
    7.67 -It's better than ok. I prefer seeing clear.</li>
    7.68 -<li>
    7.69 -<h4>Python  *****</h4>
    7.70 -Pragmatic, well-tempered, aesthetic. Fits perfectly into my method of working.</li>
    7.71 -<li>
    7.72 -<h4>Javascript  ***</h4>
    7.73 -The saviour of web frontends. Makes web development endurable.</li>
    7.74 -<li>
    7.75 -<h4>Go  *</h4>
    7.76 -Good idea, weird syntax. Doesn't go well with me. Might give it another go.</li>
    7.77 -<li>
    7.78 -<h4>Common Lisp  **</h4>
    7.79 -The purity of programming love. Haven't seen the light yet.</li>
    7.80 -</ul>
    7.81 -<h2>Operating Systems</h2>
    7.82 -<ul>
    7.83 -<li><h4>GNU/Linux</h4>
    7.84 -Ubuntu, openSUSE, Red Hat and CentOS.</li>
    7.85 -<li><h4>Microsoft Windows</h4>
    7.86 -Windows 95/98/2000/XP/Vista/7.</li>
    7.87 -<li><h4>AmigaOS</h4>
    7.88 -Been a while...</li>
    7.89 -</ul>
    7.90 -<h2>Environments</h2>
    7.91 -<ul>
    7.92 -<li>
    7.93 -<h4>Emacs</h4>
    7.94 -My prefered editor. And I prefer my prefered editor.</li>
    7.95 -<li>
    7.96 -<h4>Visual Studio</h4>
    7.97 -Good IDE on Windows. Great debugger integration.</li>
    7.98 -<li>
    7.99 -<h4>Eclipse</h4>
   7.100 -Extendable. It's ok.</li>
   7.101 -</ul>
   7.102 -<h2>Tools</h2>
   7.103 -<ul>
   7.104 -<li>
   7.105 -<h4>Internet</h4>
   7.106 -Chrome for browsing and IRSSI for IRC.</li>
   7.107 -<li>
   7.108 -<h4>Documentation</h4>
   7.109 -LaTeX.</li>
   7.110 -<li>
   7.111 -<h4>Version Control</h4>
   7.112 -Mercurial for private work. 
   7.113 -Subversion/CVS when forced.</li>
   7.114 -</ul>
   7.115 -
   7.116 -
   7.117 -        </div>
   7.118 -        <div id="sidebar">
   7.119 -          <p>           
   7.120 -	    <a href="about.html" class="float-left"></a>            
   7.121 -            I'm a programmer,<br />
   7.122 -            a student of computer science,<br />
   7.123 -            a music enthusiast.<br />
   7.124 -            This is my site.
   7.125 -          </p>
   7.126 -          <div id="random_quote"></div>
   7.127 -        </div>
   7.128 -      </div>
   7.129 -      <div id="footer">
   7.130 -        <div id="footer-left">
   7.131 -          <p>
   7.132 -            <a href="mailto:sawine@me73.com">
   7.133 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
   7.134 -          </p>
   7.135 -        </div>
   7.136 -        <div id="footer-right">
   7.137 -          <p class="align-right">
   7.138 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
   7.139 -          </p>
   7.140 -        </div>
   7.141 -      </div>
   7.142 -    </div>
   7.143 -    <script type="application/javascript">
   7.144 -      load_random_quote();
   7.145 -    </script>
   7.146 -  </body>
   7.147 -</html>
   7.148 -
     8.1 --- a/index.html	Fri Jan 06 18:28:31 2012 +0100
     8.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     8.3 @@ -1,74 +0,0 @@
     8.4 -<!DOCTYPE html>
     8.5 -<html lang="en">
     8.6 -  <head>
     8.7 -    <title>ME73</title>
     8.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
     8.9 -    <meta name="description" content="A Digital Playground" />
    8.10 -    <meta name="robots" content="index, follow, noarchive" />
    8.11 -    <meta name="googlebot" content="noarchive" />
    8.12 -    <script src="jquery.js"></script>
    8.13 -    <script src="script.js"></script>
    8.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
    8.15 -    <script type="application/javascript">
    8.16 -      var _gaq = _gaq || [];
    8.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
    8.18 -      _gaq.push(['_trackPageview']);
    8.19 -      (function() {
    8.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
    8.21 -      ga.async = true;
    8.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
    8.23 -      + '.google-analytics.com/ga.js';
    8.24 -      var s = document.getElementsByTagName('script')[0];
    8.25 -      s.parentNode.insertBefore(ga, s);
    8.26 -      })();
    8.27 -    </script>
    8.28 -  </head>
    8.29 -  <body>
    8.30 -    <div id="wrap">
    8.31 -      <div id="header">
    8.32 -        <canvas id="logo">
    8.33 -          FIND A BETTER BROWSER
    8.34 -        </canvas>
    8.35 -        <canvas id="sim">
    8.36 -        </canvas>
    8.37 -      </div>
    8.38 -      <div id="content-wrap">
    8.39 -        <div id="main">
    8.40 -          <p>
    8.41 -  <canvas id="gameoflife" width="670" height="670">
    8.42 -    FIND A BETTER BROWSER.
    8.43 -  </canvas>
    8.44 -</p>
    8.45 -
    8.46 -        </div>
    8.47 -        <div id="sidebar">
    8.48 -          <p>           
    8.49 -	    <a href="about.html" class="float-left"></a>            
    8.50 -            I'm a programmer,<br />
    8.51 -            a student of computer science,<br />
    8.52 -            a music enthusiast.<br />
    8.53 -            This is my site.
    8.54 -          </p>
    8.55 -          <div id="random_quote"></div>
    8.56 -        </div>
    8.57 -      </div>
    8.58 -      <div id="footer">
    8.59 -        <div id="footer-left">
    8.60 -          <p>
    8.61 -            <a href="mailto:sawine@me73.com">
    8.62 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
    8.63 -          </p>
    8.64 -        </div>
    8.65 -        <div id="footer-right">
    8.66 -          <p class="align-right">
    8.67 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
    8.68 -          </p>
    8.69 -        </div>
    8.70 -      </div>
    8.71 -    </div>
    8.72 -    <script type="application/javascript">
    8.73 -      load_random_quote();
    8.74 -    </script>
    8.75 -  </body>
    8.76 -</html>
    8.77 -
     9.1 --- a/links.html	Fri Jan 06 18:28:31 2012 +0100
     9.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     9.3 @@ -1,118 +0,0 @@
     9.4 -<!DOCTYPE html>
     9.5 -<html lang="en">
     9.6 -  <head>
     9.7 -    <title>ME73</title>
     9.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
     9.9 -    <meta name="description" content="A Digital Playground" />
    9.10 -    <meta name="robots" content="index, follow, noarchive" />
    9.11 -    <meta name="googlebot" content="noarchive" />
    9.12 -    <script src="jquery.js"></script>
    9.13 -    <script src="script.js"></script>
    9.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
    9.15 -    <script type="application/javascript">
    9.16 -      var _gaq = _gaq || [];
    9.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
    9.18 -      _gaq.push(['_trackPageview']);
    9.19 -      (function() {
    9.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
    9.21 -      ga.async = true;
    9.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
    9.23 -      + '.google-analytics.com/ga.js';
    9.24 -      var s = document.getElementsByTagName('script')[0];
    9.25 -      s.parentNode.insertBefore(ga, s);
    9.26 -      })();
    9.27 -    </script>
    9.28 -  </head>
    9.29 -  <body>
    9.30 -    <div id="wrap">
    9.31 -      <div id="header">
    9.32 -        <canvas id="logo">
    9.33 -          FIND A BETTER BROWSER
    9.34 -        </canvas>
    9.35 -        <canvas id="sim">
    9.36 -        </canvas>
    9.37 -      </div>
    9.38 -      <div id="content-wrap">
    9.39 -        <div id="main">
    9.40 -          <h2>The Good</h2>
    9.41 -<ul>
    9.42 -<li><h4><a href="http://www.wikipedia.org">Wikipedia</a></h4>
    9.43 -The fascination of community, the wealth of knowledge.
    9.44 -</li>
    9.45 -<li><h4><a href="http://www.ted.com">TED</a></h4>
    9.46 -Inspiring.
    9.47 -</li>
    9.48 -<li><h4><a href="http://www.xkcd.com">xkcd</a></h4>
    9.49 -Kernel dumping thrice a week.
    9.50 -</li>
    9.51 -</ul>
    9.52 -
    9.53 -<h2>The Bad</h2>
    9.54 -<ul>
    9.55 -<li><h4><a href="https://twitter.com/notchnik">@eamsen</a></h4>
    9.56 -The emptyness in 140 characters.
    9.57 -</li>
    9.58 -<li><h4><a href="https://plus.google.com/101733701635400621767/">Google+ profile</a></h4>
    9.59 -Staying in touch with people by keeping them at a distance.
    9.60 -</li>
    9.61 -</ul>
    9.62 -
    9.63 -<h2>People and their Sites</h2>
    9.64 -<ul>
    9.65 -<li><h4><a href="http://www.chris-koenig.de">Christian K&ouml;nig</a></h4>
    9.66 -An ex-fellow student and companion in the quest for world domination.
    9.67 -</li>
    9.68 -<li><h4><a href="http://www.unidentify.com">Michael Chlebek</a></h4>
    9.69 -An ex-fellow student and friendly programmer.
    9.70 -</li>
    9.71 -<li><h4><a href="http://www4.informatik.tu-muenchen.de/~schulz/">Dr. Stephan Schulz</a></h4>
    9.72 -My advisor during my bachelor thesis and creator of the brainiac theorem prover called 
    9.73 -<a href="http://eprover.org">E</a>.
    9.74 -</li>
    9.75 -</ul>
    9.76 -
    9.77 -<h2>Recursive</h2>
    9.78 -<ul>
    9.79 -<li><h4><a href="links.html">ME73</a></h4>
    9.80 -A recursion.
    9.81 -</li>
    9.82 -<li><h4><a href="linksend.html">ME73</a></h4>
    9.83 -A well-founded recursion.
    9.84 -</li>
    9.85 -</ul>
    9.86 -
    9.87 -
    9.88 -
    9.89 -
    9.90 -        </div>
    9.91 -        <div id="sidebar">
    9.92 -          <p>           
    9.93 -	    <a href="about.html" class="float-left"></a>            
    9.94 -            I'm a programmer,<br />
    9.95 -            a student of computer science,<br />
    9.96 -            a music enthusiast.<br />
    9.97 -            This is my site.
    9.98 -          </p>
    9.99 -          <div id="random_quote"></div>
   9.100 -        </div>
   9.101 -      </div>
   9.102 -      <div id="footer">
   9.103 -        <div id="footer-left">
   9.104 -          <p>
   9.105 -            <a href="mailto:sawine@me73.com">
   9.106 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
   9.107 -          </p>
   9.108 -        </div>
   9.109 -        <div id="footer-right">
   9.110 -          <p class="align-right">
   9.111 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
   9.112 -          </p>
   9.113 -        </div>
   9.114 -      </div>
   9.115 -    </div>
   9.116 -    <script type="application/javascript">
   9.117 -      load_random_quote();
   9.118 -    </script>
   9.119 -  </body>
   9.120 -</html>
   9.121 -
    10.1 --- a/linksend.html	Fri Jan 06 18:28:31 2012 +0100
    10.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
    10.3 @@ -1,113 +0,0 @@
    10.4 -<!DOCTYPE html>
    10.5 -<html lang="en">
    10.6 -  <head>
    10.7 -    <title>ME73</title>
    10.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
    10.9 -    <meta name="description" content="A Digital Playground" />
   10.10 -    <meta name="robots" content="index, follow, noarchive" />
   10.11 -    <meta name="googlebot" content="noarchive" />
   10.12 -    <script src="jquery.js"></script>
   10.13 -    <script src="script.js"></script>
   10.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
   10.15 -    <script type="application/javascript">
   10.16 -      var _gaq = _gaq || [];
   10.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
   10.18 -      _gaq.push(['_trackPageview']);
   10.19 -      (function() {
   10.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
   10.21 -      ga.async = true;
   10.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
   10.23 -      + '.google-analytics.com/ga.js';
   10.24 -      var s = document.getElementsByTagName('script')[0];
   10.25 -      s.parentNode.insertBefore(ga, s);
   10.26 -      })();
   10.27 -    </script>
   10.28 -  </head>
   10.29 -  <body>
   10.30 -    <div id="wrap">
   10.31 -      <div id="header">
   10.32 -        <canvas id="logo">
   10.33 -          FIND A BETTER BROWSER
   10.34 -        </canvas>
   10.35 -        <canvas id="sim">
   10.36 -        </canvas>
   10.37 -      </div>
   10.38 -      <div id="content-wrap">
   10.39 -        <div id="main">
   10.40 -          <h2>The Good</h2>
   10.41 -<ul>
   10.42 -<li><h4><a href="http://www.wikipedia.org">Wikipedia</a></h4>
   10.43 -The fascination of community, the wealth of knowledge.
   10.44 -</li>
   10.45 -<li><h4><a href="http://www.ted.com">TED</a></h4>
   10.46 -Inspiring.
   10.47 -</li>
   10.48 -<li><h4><a href="http://www.xkcd.com">xkcd</a></h4>
   10.49 -Kernel dumping thrice a week.
   10.50 -</li>
   10.51 -</ul>
   10.52 -
   10.53 -<h2>The Bad</h2>
   10.54 -<ul>
   10.55 -<li><h4><a href="https://twitter.com/notchnik">@eamsen</a></h4>
   10.56 -The emptyness in 140 characters.
   10.57 -</li>
   10.58 -<li><h4><a href="https://plus.google.com/101733701635400621767/">Google+ profile</a></h4>
   10.59 -Staying in touch with people by keeping them at a distance.
   10.60 -</li>
   10.61 -</ul>
   10.62 -
   10.63 -<h2>People and their Sites</h2>
   10.64 -<ul>
   10.65 -<li><h4><a href="http://www.chris-koenig.de">Christian K&ouml;nig</a></h4>
   10.66 -An ex-fellow student and companion in the quest for world domination.
   10.67 -</li>
   10.68 -<li><h4><a href="http://www.unidentify.com">Michael Chlebek</a></h4>
   10.69 -An ex-fellow student and friendly programmer.
   10.70 -</li>
   10.71 -<li><h4><a href="http://www4.informatik.tu-muenchen.de/~schulz/">Dr. Stephan Schulz</a></h4>
   10.72 -My advisor during my bachelor thesis and creator of the brainiac theorem prover called 
   10.73 -<a href="http://eprover.org">E</a>.
   10.74 -</li>
   10.75 -</ul>
   10.76 -
   10.77 -<h2>Recursive</h2>
   10.78 -<ul>
   10.79 -<li>
   10.80 -The End.<br />
   10.81 -Recursive humour recycled from <a href="http://www4.informatik.tu-muenchen.de/~schulz/">Stephan Schulz</a>, to preserve the environment.
   10.82 -</li>
   10.83 -</ul>
   10.84 -
   10.85 -        </div>
   10.86 -        <div id="sidebar">
   10.87 -          <p>           
   10.88 -	    <a href="about.html" class="float-left"></a>            
   10.89 -            I'm a programmer,<br />
   10.90 -            a student of computer science,<br />
   10.91 -            a music enthusiast.<br />
   10.92 -            This is my site.
   10.93 -          </p>
   10.94 -          <div id="random_quote"></div>
   10.95 -        </div>
   10.96 -      </div>
   10.97 -      <div id="footer">
   10.98 -        <div id="footer-left">
   10.99 -          <p>
  10.100 -            <a href="mailto:sawine@me73.com">
  10.101 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
  10.102 -          </p>
  10.103 -        </div>
  10.104 -        <div id="footer-right">
  10.105 -          <p class="align-right">
  10.106 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
  10.107 -          </p>
  10.108 -        </div>
  10.109 -      </div>
  10.110 -    </div>
  10.111 -    <script type="application/javascript">
  10.112 -      load_random_quote();
  10.113 -    </script>
  10.114 -  </body>
  10.115 -</html>
  10.116 -
    11.1 --- a/mandelbrot.html	Fri Jan 06 18:28:31 2012 +0100
    11.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
    11.3 @@ -1,85 +0,0 @@
    11.4 -<!DOCTYPE html>
    11.5 -<html lang="en">
    11.6 -  <head>
    11.7 -    <title>ME73</title>
    11.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
    11.9 -    <meta name="description" content="A Digital Playground" />
   11.10 -    <meta name="robots" content="index, follow, noarchive" />
   11.11 -    <meta name="googlebot" content="noarchive" />
   11.12 -    <script src="jquery.js"></script>
   11.13 -    <script src="script.js"></script>
   11.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
   11.15 -    <script type="application/javascript">
   11.16 -      var _gaq = _gaq || [];
   11.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
   11.18 -      _gaq.push(['_trackPageview']);
   11.19 -      (function() {
   11.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
   11.21 -      ga.async = true;
   11.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
   11.23 -      + '.google-analytics.com/ga.js';
   11.24 -      var s = document.getElementsByTagName('script')[0];
   11.25 -      s.parentNode.insertBefore(ga, s);
   11.26 -      })();
   11.27 -    </script>
   11.28 -  </head>
   11.29 -  <body>
   11.30 -    <div id="wrap">
   11.31 -      <div id="header">
   11.32 -        <canvas id="logo">
   11.33 -          FIND A BETTER BROWSER
   11.34 -        </canvas>
   11.35 -        <canvas id="sim">
   11.36 -        </canvas>
   11.37 -      </div>
   11.38 -      <div id="content-wrap">
   11.39 -        <div id="main">
   11.40 -          <p>
   11.41 -<!--<img src="images/world.png" alt="world map" height="280" width="100%" />
   11.42 --->
   11.43 -<canvas id="mandelbrot" width="670" height="670" onclick="draw2(event);">
   11.44 -</canvas> 
   11.45 -<button onclick="draw(0, -2, 0, 0, 0);">Left</button>
   11.46 -<button onclick="draw(0, 2, 0, 0, 0);">Right</button>
   11.47 -<button onclick="draw(0, 0, -2, 0, 0)">Up</button>
   11.48 -<button onclick="draw(0, 0, 2, 0, 0);">Down</button>
   11.49 -<button onclick="draw(0, 0, 0, 2, 0);">Zoom in</button>
   11.50 -<button onclick="draw(0, 0, 0, -2, 0);">Zoom out</button>
   11.51 -<button onclick="draw(0, 0, 0, 0, -1);">Inc Resolution</button>
   11.52 -<button onclick="draw(0, 0, 0, 0, 1);">Dec Resolution</button>
   11.53 -<button onclick="draw(100, 0, 0, 0, 0);">Inc Iterations</button>
   11.54 -<button onclick="draw(-100, 0, 0, 0, 0);">Dec Iterations</button>
   11.55 -</p>
   11.56 -
   11.57 -        </div>
   11.58 -        <div id="sidebar">
   11.59 -          <p>           
   11.60 -	    <a href="about.html" class="float-left"></a>            
   11.61 -            I'm a programmer,<br />
   11.62 -            a student of computer science,<br />
   11.63 -            a music enthusiast.<br />
   11.64 -            This is my site.
   11.65 -          </p>
   11.66 -          <div id="random_quote"></div>
   11.67 -        </div>
   11.68 -      </div>
   11.69 -      <div id="footer">
   11.70 -        <div id="footer-left">
   11.71 -          <p>
   11.72 -            <a href="mailto:sawine@me73.com">
   11.73 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
   11.74 -          </p>
   11.75 -        </div>
   11.76 -        <div id="footer-right">
   11.77 -          <p class="align-right">
   11.78 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
   11.79 -          </p>
   11.80 -        </div>
   11.81 -      </div>
   11.82 -    </div>
   11.83 -    <script type="application/javascript">
   11.84 -      load_random_quote();
   11.85 -    </script>
   11.86 -  </body>
   11.87 -</html>
   11.88 -
    12.1 --- a/personalwork.html	Fri Jan 06 18:28:31 2012 +0100
    12.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
    12.3 @@ -1,241 +0,0 @@
    12.4 -<!DOCTYPE html>
    12.5 -<html lang="en">
    12.6 -  <head>
    12.7 -    <title>ME73</title>
    12.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
    12.9 -    <meta name="description" content="A Digital Playground" />
   12.10 -    <meta name="robots" content="index, follow, noarchive" />
   12.11 -    <meta name="googlebot" content="noarchive" />
   12.12 -    <script src="jquery.js"></script>
   12.13 -    <script src="script.js"></script>
   12.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
   12.15 -    <script type="application/javascript">
   12.16 -      var _gaq = _gaq || [];
   12.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
   12.18 -      _gaq.push(['_trackPageview']);
   12.19 -      (function() {
   12.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
   12.21 -      ga.async = true;
   12.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
   12.23 -      + '.google-analytics.com/ga.js';
   12.24 -      var s = document.getElementsByTagName('script')[0];
   12.25 -      s.parentNode.insertBefore(ga, s);
   12.26 -      })();
   12.27 -    </script>
   12.28 -  </head>
   12.29 -  <body>
   12.30 -    <div id="wrap">
   12.31 -      <div id="header">
   12.32 -        <canvas id="logo">
   12.33 -          FIND A BETTER BROWSER
   12.34 -        </canvas>
   12.35 -        <canvas id="sim">
   12.36 -        </canvas>
   12.37 -      </div>
   12.38 -      <div id="content-wrap">
   12.39 -        <div id="main">
   12.40 -          <p>Here is an unfiltered, undocumented, user-unfriendly random stack of little hacks, that I've produced for recreational reasons. I put them online in the spirit of the liberation of useless machines.</p>
   12.41 -
   12.42 -<h2><a name="gameoflife">Game of Life</a></h2>
   12.43 -<img src="images/gameoflifes1.png" alt="game of life screenshot" class="float-right" height="150" width="200" />
   12.44 -<ul>
   12.45 -<li>
   12.46 -<h4>Description</h4>
   12.47 -A Javascript-based implementation of Conway's Game of Life.</li>
   12.48 -<li>
   12.49 -<h4>Version</h4>
   12.50 -Stable and fun.
   12.51 -<div class="download"><a href="gameoflife.html">View in your browser</a></div>
   12.52 -</li>
   12.53 -</ul>
   12.54 -<br />
   12.55 -<h2><a name="mandelbrot">Mandelbrot</a></h2>
   12.56 -<img src="images/mandelbrots1.png" alt="mandelbrot screenshot" class="float-right" height="150" width="200" />
   12.57 -<ul>
   12.58 -<li>
   12.59 -<h4>Description</h4>
   12.60 -A Javascript-based Mandelbrot implementation.</li>
   12.61 -<li>
   12.62 -<h4>Version</h4>
   12.63 -Stable and slow with weird controls and ugly zooming.
   12.64 -<div class="download"><a href="mandelbrot.html">View in your browser</a></div>
   12.65 -</li>
   12.66 -</ul>
   12.67 -
   12.68 -<h2><a name="tim">Tim</a></h2>
   12.69 -<ul>
   12.70 -<li>
   12.71 -<h4>Description</h4>
   12.72 -A console-based head-on time recording tool, because time is money.</li>
   12.73 -<li>
   12.74 -<h4>Version</h4>
   12.75 -A stable prototype, no output generation yet.
   12.76 -<div class="download"><a href="downloads/tim.zip">
   12.77 -                    Download Tim (Python and SQLite3 required)</a></div></li>
   12.78 -</ul>
   12.79 -
   12.80 -<h2><a name="cau">Cau</a></h2>
   12.81 -<img src="images/cau.png" alt="cau screenshot" class="float-right" height="150" width="200" />
   12.82 -<ul>
   12.83 -<li>
   12.84 -<h4>Description</h4>
   12.85 -Is bad PI-approximation good enough? A cellular automaton-based PI-approximation machine with Tkinter-based visualisation.</li>
   12.86 -<li>
   12.87 -<h4>Version</h4>
   12.88 -Working, approximating, slowly visualising.
   12.89 -<div class="download"><a href="downloads/cau.zip">
   12.90 -                    Download Cau (Python and Tkinter required)</a></div></li>
   12.91 -</ul>
   12.92 -
   12.93 -<h2><a name="sml">SML</a></h2>
   12.94 -<ul>
   12.95 -<li>
   12.96 -<h4>Description</h4>
   12.97 -A simple Simple Modal Logic library doing all kinds of reductions including Modal Conjunctive Normal Form. It also features DIMACS output and a satisfiability test via MiniSat2.</li>
   12.98 -<li>
   12.99 -<h4>Version</h4>
  12.100 -Reliable version except for features noted as alpha. Parser has too much personality.
  12.101 -<div class="download"><a href="downloads/sml.zip">
  12.102 -                    Download SML (Python and MiniSat2 required)</a></div></li>
  12.103 -</ul>
  12.104 -
  12.105 -<h2><a name="netchannel">NetChannel</a></h2>
  12.106 -<ul>
  12.107 -<li>
  12.108 -<h4>Description</h4>
  12.109 -NetChannel is a simple Python object for message-based network communication
  12.110 -                    on the TCP/IP stack. NetChannel is based on stateful sessions for improved performance.</li>
  12.111 -<li>
  12.112 -<h4>Version</h4>
  12.113 -A stable prototype.
  12.114 -<div class="download"><a href="downloads/netchannel.zip">
  12.115 -                    Download NetChannel (Python required)</a></div></li>
  12.116 -</ul>
  12.117 -
  12.118 -<h2><a name="eden">Eden Plotter</a></h2>
  12.119 -<img src="images/edenplotters1.png" alt="eden plotter" class="float-right" height="150" width="200" />
  12.120 -<ul>
  12.121 -<li>
  12.122 -<h4>Description</h4>
  12.123 -Eden Plotter or Eden One is a quick prototype for my genetic programming routines.
  12.124 -It approximates a given function by the methods of GP.</li>
  12.125 -<li>
  12.126 -<h4>Version</h4>
  12.127 -An unendurable slow prototype.
  12.128 -<div class="download"><a href="downloads/eden.zip">
  12.129 -                    Download Eden Plotter (Python required)</a></div></li>
  12.130 -</ul>
  12.131 -
  12.132 -<h2><a name="anq">ANQ</a></h2>
  12.133 -<ul>
  12.134 -<li>
  12.135 -<h4>Description</h4>                    
  12.136 -ANQ is a testing environment for distributed algorithms. It provides a
  12.137 -centralised and convenient way of organising runtime dynamic
  12.138 -topologies, gives full control over the initialisation and flow of the
  12.139 -algorithm and helps in tracking the current node states by visualising
  12.140 -the node reports on the OpenGL graph.</br>
  12.141 -ANQ builds on the ANQ Protocol which can be optionally extended on
  12.142 -special needs for the algorithm to be tested. The ANQ Master is written
  12.143 -in C# using Windows Forms and OpenGL. Observer, Hotbed and the example
  12.144 -Node were developed in Python.
  12.145 -</li>
  12.146 -</ul>
  12.147 -<img src="images/anqs3.png" alt="anq" class="float-right" height="130" width="200" />
  12.148 -<img src="images/anqs2.png" alt="anq" class="float-right" height="130" width="200" />
  12.149 -<ul>
  12.150 -<li>
  12.151 -<h4>Version Antquarium Prototype</h4>
  12.152 -Antquarium is the predecessor of ANQ. It was an extended course assignment and serves as a prototype for ANQ.
  12.153 -<div class="download"><a href="downloads/antquarium.zip">
  12.154 -                    Download Antquarium for Windows (Python and .Net 2.0 required)</a></div>
  12.155 -</li>
  12.156 -<li>
  12.157 -<h4>Version</h4>
  12.158 -Stable version missing features like flow and runtime topology control.
  12.159 -</li>
  12.160 -</ul>
  12.161 -
  12.162 -<h2><a name="theme_blocks">Theme Blocks</a></h2>
  12.163 -<img src="images/themeblockss1.png" alt="theme blocks" class="float-right" height="150" width="200" />
  12.164 -<ul>
  12.165 -<li>
  12.166 -<h4>Gameplay</h4>
  12.167 -A traditional gameplay most people will be familiar with.
  12.168 -You have blocks falling down, you have a highscore.
  12.169 -</li>
  12.170 -<li>
  12.171 -<h4>Features</h4>
  12.172 -<ul><li>Online highscore list</li><li>Hardware accelerated graphics</li><li>Fullscreen and windowed mode</li><li>Two colour themes: black and white</li><li>Anti-aliasing support</li></ul>
  12.173 -</li>
  12.174 -<li>
  12.175 -<h4>Requirements</h4>		        
  12.176 -<ul><li>Microsoft Windows XP or Vista</li><li>Graphics card supporting OpenGL 1.3 or higher</li><li>One keyboard with at least the arrow keys working</li></ul>	                		    
  12.177 -<div class="download"><a href="downloads/ThemeBlocksSetup.exe">Download Theme Blocks (1.4MB)</a></div>           
  12.178 -</li>
  12.179 -</ul>
  12.180 -
  12.181 -<h2><a name="pyng_pong">Pyng Pong</a></h2>
  12.182 -<img src="images/pyngpongs1.png" alt="pyng pong screenshot" class="float-right" height="149" width="200" />
  12.183 -<ul>
  12.184 -<li>
  12.185 -<h4>Gameplay</h4>
  12.186 -Two bats, one ball...
  12.187 -</li>
  12.188 -<li>
  12.189 -<h4>Features</h4>
  12.190 -<ul><li>Three AI difficulty levels</li><li>Endless gameplay, play till you're bored!</li></ul>
  12.191 -<div class="download"><a href="downloads/PyngPongSetup.exe">
  12.192 -                    Download Pyng Pong for Windows (2.4MB)</a></div>
  12.193 -<div class="download"><a href="downloads/pyngpong.zip">
  12.194 -                    Download Pyng Pong Source (Python + PyGame needed) (0.4MB)</a></div>	
  12.195 -</li>
  12.196 -</ul>
  12.197 -
  12.198 -<h2><a name="klangbild">Klangbild</a></h2>
  12.199 -<img src="images/klangbilds1.png" alt="klangbild" class="float-right" height="150" width="200" />
  12.200 -<ul>
  12.201 -<li>
  12.202 -<h4>Gameplay</h4>
  12.203 -There is no gameplay yet, it's a prototype for an audio-visual puzzle game.
  12.204 -</li>
  12.205 -<li>
  12.206 -<h4>Features</h4>
  12.207 -<ul><li>Drag, create and remove sound sources</li><li>Height of placement sets the sound pitch</li></ul>
  12.208 -<div class="download"><a href="downloads/klangbild.zip">
  12.209 -                    Download Klangbild (Python and PyGlet required)</a></div>		            
  12.210 -</li></ul>            
  12.211 -            		
  12.212 -
  12.213 -        </div>
  12.214 -        <div id="sidebar">
  12.215 -          <p>           
  12.216 -	    <a href="about.html" class="float-left"></a>            
  12.217 -            I'm a programmer,<br />
  12.218 -            a student of computer science,<br />
  12.219 -            a music enthusiast.<br />
  12.220 -            This is my site.
  12.221 -          </p>
  12.222 -          <div id="random_quote"></div>
  12.223 -        </div>
  12.224 -      </div>
  12.225 -      <div id="footer">
  12.226 -        <div id="footer-left">
  12.227 -          <p>
  12.228 -            <a href="mailto:sawine@me73.com">
  12.229 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
  12.230 -          </p>
  12.231 -        </div>
  12.232 -        <div id="footer-right">
  12.233 -          <p class="align-right">
  12.234 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
  12.235 -          </p>
  12.236 -        </div>
  12.237 -      </div>
  12.238 -    </div>
  12.239 -    <script type="application/javascript">
  12.240 -      load_random_quote();
  12.241 -    </script>
  12.242 -  </body>
  12.243 -</html>
  12.244 -
    13.1 --- a/resume.html	Fri Jan 06 18:28:31 2012 +0100
    13.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
    13.3 @@ -1,119 +0,0 @@
    13.4 -<!DOCTYPE html>
    13.5 -<html lang="en">
    13.6 -  <head>
    13.7 -    <title>ME73</title>
    13.8 -    <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
    13.9 -    <meta name="description" content="A Digital Playground" />
   13.10 -    <meta name="robots" content="index, follow, noarchive" />
   13.11 -    <meta name="googlebot" content="noarchive" />
   13.12 -    <script src="jquery.js"></script>
   13.13 -    <script src="script.js"></script>
   13.14 -    <link rel="stylesheet" href="dark.css" type="text/css" />
   13.15 -    <script type="application/javascript">
   13.16 -      var _gaq = _gaq || [];
   13.17 -      _gaq.push(['_setAccount', 'UA-2137333-1']);
   13.18 -      _gaq.push(['_trackPageview']);
   13.19 -      (function() {
   13.20 -      var ga = document.createElement('script'); ga.type = 'text/javascript';
   13.21 -      ga.async = true;
   13.22 -      ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') 
   13.23 -      + '.google-analytics.com/ga.js';
   13.24 -      var s = document.getElementsByTagName('script')[0];
   13.25 -      s.parentNode.insertBefore(ga, s);
   13.26 -      })();
   13.27 -    </script>
   13.28 -  </head>
   13.29 -  <body>
   13.30 -    <div id="wrap">
   13.31 -      <div id="header">
   13.32 -        <canvas id="logo">
   13.33 -          FIND A BETTER BROWSER
   13.34 -        </canvas>
   13.35 -        <canvas id="sim">
   13.36 -        </canvas>
   13.37 -      </div>
   13.38 -      <div id="content-wrap">
   13.39 -        <div id="main">
   13.40 -          <p>All locations below are located in Germany, unless otherwise noted.</p>
   13.41 -<h2>Employment</h2>
   13.42 -<ul>
   13.43 -<li>
   13.44 -<h4>Software Engineer, <a href="http://comsoft.aero">Comsoft GmbH</a>, 03/2010-09/2010</h4>
   13.45 -<ul>
   13.46 -<li>
   13.47 -Development of safety-critical back end systems for the ATC domain.
   13.48 -</li>
   13.49 -<li>
   13.50 -On-site system integration and training.
   13.51 -</li>
   13.52 -</ul>
   13.53 -</li>
   13.54 -<li><h4>Working Student &amp; Internship, <a href="http://comsoft.aero">Comsoft GmbH</a>, 10/2008-02/2010</h4>
   13.55 -Development for safety-critical embedded systems.
   13.56 -</li>
   13.57 -<li>
   13.58 -<h4>Student Assistant, <a href="http://fh-offenburg.de">University of Applied Sciences Offenburg</a>, 10/2008-03/2009</h4>
   13.59 -Assistance at a university course for object-oriented software development.
   13.60 -</li>
   13.61 -</ul>
   13.62 -<h2>Education</h2>
   13.63 -<ul>
   13.64 -<li>
   13.65 -<h4><a href="http://uni-freiburg.de">University of Freiburg</a>, since 10/2010</h4>
   13.66 -M.Sc. in Applied Computer Science.<br />
   13.67 -Emphasis in Artificial Intelligence and Algorithm Theory.
   13.68 -</li>
   13.69 -<li>
   13.70 -<h4><a href="http://fh-offenburg.de">University of Applied Sciences Offenburg</a>, 03/2007-02/2010</h4>
   13.71 -B.Sc. in Applied Computer Science.<br />
   13.72 -Emphasis in Distributed Systems.
   13.73 -</li>
   13.74 -</ul>
   13.75 -<h2>Accompanying the Studies</h2>
   13.76 -<ul>
   13.77 -<li><h4>Bachelor Thesis, <a href="http://comsoft.aero">Comsoft GmbH</a>, 10/2009-04/2010</h4>
   13.78 -"Flexible Modeling of Dynamic Air Space Constraints and its Application in Departure Flow Optimisation"  
   13.79 -<div class="download"><a href="http://me73.com/downloads/campus_magazin_29.pdf">
   13.80 -Campus Mag (P. 36 / German)</a></div>
   13.81 -<div class="download"><a href="http://me73.com/downloads/discover_me_24.pdf">
   13.82 -Discover ME (P. 22 / German)</a></div>
   13.83 -</li>
   13.84 -<li><h4>University Project, <a href="http://fh-offenburg.de">University of Applied Sciences Offenburg</a> &amp; <a href="http://kit.edu">Karlsruhe Institute of Technology</a>, 2008</h4>
   13.85 -Development of a client for 3D data streaming and visualisation. 
   13.86 -</li>
   13.87 -</ul>
   13.88 -
   13.89 -
   13.90 -
   13.91 -        </div>
   13.92 -        <div id="sidebar">
   13.93 -          <p>           
   13.94 -	    <a href="about.html" class="float-left"></a>            
   13.95 -            I'm a programmer,<br />
   13.96 -            a student of computer science,<br />
   13.97 -            a music enthusiast.<br />
   13.98 -            This is my site.
   13.99 -          </p>
  13.100 -          <div id="random_quote"></div>
  13.101 -        </div>
  13.102 -      </div>
  13.103 -      <div id="footer">
  13.104 -        <div id="footer-left">
  13.105 -          <p>
  13.106 -            <a href="mailto:sawine@me73.com">
  13.107 -	      Eugen Sawin<br/>Software Enginnering &amp; Research</a>
  13.108 -          </p>
  13.109 -        </div>
  13.110 -        <div id="footer-right">
  13.111 -          <p class="align-right">
  13.112 -            <a href="index.html">Home</a> | <a href="#top">Top</a>
  13.113 -          </p>
  13.114 -        </div>
  13.115 -      </div>
  13.116 -    </div>
  13.117 -    <script type="application/javascript">
  13.118 -      load_random_quote();
  13.119 -    </script>
  13.120 -  </body>
  13.121 -</html>
  13.122 -
    14.1 --- a/script.js	Fri Jan 06 18:28:31 2012 +0100
    14.2 +++ b/script.js	Sat Jan 07 01:33:27 2012 +0100
    14.3 @@ -142,26 +142,29 @@
    14.4      var canvas = document.getElementById("logo");
    14.5      var context = canvas.getContext("2d");    
    14.6      var image = context.getImageData(0, 0, menu_width, menu_height);
    14.7 -    if (p) {
    14.8 -        var page = p["args"][0]; 
    14.9 -        var min_x = p["min_x"];
   14.10 -        var max_x = p["max_x"];
   14.11 -        var min_y = p["min_y"];
   14.12 -        var max_y = p["max_y"];
   14.13 -        console.log(page);
   14.14 -        last_colours[0] = colour_area(image, min_x + 10, max_x - 10, 0, 60, orange);
   14.15 -        last_colours[1] = colour_area(image, min_x + 10, max_x - 10, 60, max_y - 10, white);
   14.16 -        console.log(last_colours);
   14.17 -    }
   14.18      if (last_highlight && last_colours && last_colours[0] && last_colours[1]) {        
   14.19          page = last_highlight["args"][0]; 
   14.20          min_x = last_highlight["min_x"];
   14.21          max_x = last_highlight["max_x"];
   14.22          min_y = last_highlight["min_y"];
   14.23 -        max_y = last_highlight["max_y"]; 
   14.24 -        colour_area(image, min_x + 10, max_x - 10, 0, 60, last_colours[0]);
   14.25 -        colour_area(image, min_x + 10, max_x - 10, 60, max_y - 10, last_colours[1]);
   14.26 +        max_y = last_highlight["max_y"];
   14.27 +        colour_area(image, min_x + 10, max_x - 10, 0, 60, 
   14.28 +                    last_colours[0]);
   14.29 +        colour_area(image, min_x + 10, max_x - 10, 60, max_y - 10, 
   14.30 +                    last_colours[1]);
   14.31      }
   14.32 +    if (p) {    
   14.33 +        var page = p["args"][0]; 
   14.34 +        var min_x = p["min_x"];
   14.35 +        var max_x = p["max_x"];
   14.36 +        var min_y = p["min_y"];
   14.37 +        var max_y = p["max_y"];       
   14.38 +        last_colours[0] = colour_area(image, min_x + 10, max_x - 10, 0, 60, 
   14.39 +                                      orange);
   14.40 +        last_colours[1] = colour_area(image, min_x + 10, max_x - 10, 60, max_y - 10, 
   14.41 +                                      white);        
   14.42 +    }
   14.43 +    
   14.44      context.putImageData(image, 0, 0);
   14.45      last_highlight = p;
   14.46  }