# HG changeset patch
# User Eugen Sawin <sawine@me73.com>
# Date 1324220235 -3600
# Node ID c0e6fb6cf6ef849008159b600242c7910fd60758
# Parent  44d14b5e7bab26a14c261740d28f82427b2d0412
Some more tweaking.

diff -r 44d14b5e7bab -r c0e6fb6cf6ef books.html
--- a/books.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/books.html	Sun Dec 18 15:57:15 2011 +0100
@@ -89,8 +89,10 @@
 
         </div>
         <div id="sidebar">
-          <p>
-	    <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+          <p>           
+	    <a href="resume.html">
+              <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+            </a>            
             <br />I'm a programmer,<br />
             a student of computer science,<br />
             a music enthusiast.<br />
diff -r 44d14b5e7bab -r c0e6fb6cf6ef dark.css
--- a/dark.css	Sun Dec 18 03:44:26 2011 +0100
+++ b/dark.css	Sun Dec 18 15:57:15 2011 +0100
@@ -1,1 +1,561 @@
-*{margin:0;padding:0;outline:0}html{background:#222}body{font:12px/1.4 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;color:#8d8d8d;margin:0;padding:0;background:#222;text-align:center}a,a:visited{text-decoration:none;color:#dedede}a:hover{color:#fff;border-bottom:1px dotted #438800}h1,h2,h3,h4{color:#FFF}h1{font-size:3.1em;letter-spacing:-2px;padding:15px 10px 5px 10px}h2{font-size:1.7em;color:#FFF;padding:20px 10px 5px 10px}h3{font-size:1.6em;font-weight:normal;padding:10px 10px 10px 5px}h4{color:#ababab;font-size:1.1em;padding:10px 5px 0 0}h5{font-size:1.0em;padding:0}p,dl{padding:5px 20px;margin:0}ul,ol{margin:5px 20px;padding:0 20px}ul{list-style:none}dt{color:#fafafa}dd{padding-left:25px}img{background:#1b1b1b;border:4px solid #262626;padding:0}img.float-right{margin:5px 0 5px 10px}img.float-left{margin:5px 10px 5px 0}canvas{border:4px solid #262626}#logo{border-style:none;position:relative;margin:0;padding:0;color:#f8f8f8;top:40px;left:25px;height:120px;width:670px}code{margin:5px 0;padding:15px;text-align:left;display:block;overflow:auto;font:500 1em/1.5em 'Lucida Console','Courier New',Monospace;background:#070707}acronym{cursor:help;border-bottom:1px dotted #5b5b5b}blockquote{margin:15px 10px;padding:10px 10px 10px 35px;background:#070707 url(quote.gif) no-repeat 10px 10px;border:1px solid #111;font-weight:normal;font-size:17px;line-height:1.6em;font-style:italic;font-family:Georgia,'Times New Roman',Times,serif;color:#808080}table{margin:15px 0;border-collapse:collapse}th{color:#fafafa;height:38px;padding-left:0;padding-right:12px;text-align:left}tr{color:#5b5b5b;height:15px}td{padding-left:0;padding-right:12px}form{margin:20px 10px;padding:15px 25px 25px 20px;background:#070707}form p{padding:12px 0 5px 0;margin:0}label{font-weight:bold;color:#fafafa}input,select,textarea{margin:5px 0;padding:5px;font:normal 1em Verdana,Tahoma,sans-serif;color:#6a6969;background:#0c0c0c}option{padding-right:.5em}#name,#email,#message{width:480px}input.button{font:bold 12px Arial,Verdana,Sans-serif;height:30px;padding:2px 3px;margin-top:8px;color:#48780e;background:#000;border-width:1px;border-style:solid;border-color:#1b1b1b}#wrap{position:relative;width:1020px;margin:0 auto;text-align:left}#content-wrap{clear:both;width:1020px;float:left;padding-top:15px;padding-bottom:50px}#header{position:relative;width:1020px;height:170px;margin:0;padding:0}#header h1#logo-text a{position:absolute;margin:0;padding:0;font:bold 65px 'Trebuchet MS',Tahoma,Helvetica,Arial,Sans-serif;letter-spacing:-1.5px;color:#f8f8f8;text-decoration:none;text-transform:none;top:70px;left:30px}#header h1#logo-text a:hover{background:0;margin-top:100px;padding-top:100px}#header img{position:relative;top:90px;left:22px;border:0}#header p#intro{position:absolute;margin:0;padding:0;font-family:'Trebuchet MS',Tahoma,Helvetica,Arial,Sans-serif;font-weight:bold;font-size:16px;line-height:1.5em;font-style:normal;text-transform:none;color:#5ad715;width:400px;top:145px;left:22px}#nav{position:absolute;margin:0;padding:0;height:50px;left:0;top:30px}#nav ul{float:left;list-style:none;height:50px;margin:0 0 0 10px;padding:0;display:inline}#nav ul li{display:inline;margin:0;padding:0}#nav ul li a{float:left;margin:0;padding:0 12px;font-weight:bold;font-size:1.25em;text-decoration:none;color:#c95723;color:#999;text-transform:uppercase}#nav ul li a:hover,#nav ul li a:active{color:#eee;background:0;border:0}#nav ul li#current a{color:#d33972}#subnav{position:absolute;margin:17px 280px;padding:0;height:50px;left:10px;top:30px}#subnav ul{float:left;list-style:none;height:50px;margin:0 0 0 10px;padding:0;display:inline}#subnav ul li{display:inline;margin:0;padding:0}#subnav ul li a{float:left;margin:0;padding:0 12px;font:bold 15px/50px 'Trebuchet MS',Helvetica,Arial,Geneva,sans-serif;text-decoration:none;color:#5ad715;text-transform:uppercase}#subnav ul li a:hover,#subnav ul li a:active{color:#eee;background:0;border:0}#subnav ul li#current a{color:#d33972}#main{float:left;width:670px;padding:0;margin:0 0 0 2px;display:inline}#main h2{padding:5px 22px;margin:15px 5px 0 0;color:#FFF}#main h2 a{color:#FFF;text-decoration:none;border:0}#main ul li{list-style:disc}#sidebar{float:right;width:300px;padding:0;margin:0 18px 0 0;display:inline;color:#5d5d5d}#random_quote{color:#c95723;font-style:italic}#sidebar ul.sidemenu{text-align:left;margin:20px 5px 20px 0;padding:0}#sidebar ul.sidemenu li{list-style:none;padding:8px 10px;margin:0}* html body #sidebar ul.sidemenu li{height:1%}#sidebar ul.sidemenu li a{text-decoration:none;border:0;color:#666;font-weight:bold;font-size:9pt}#sidebar ul.sidemenu li a span{color:#444;font-style:italic;font-weight:normal;font-size:8pt}#sidebar ul.sidemenu li a:hover,#sidebar ul.sidemenu li a:hover span{color:#fff}#sidebar ul.sidemenu ul{margin:0;padding:0}#sidebar ul.sidemenu ul li{border:0}#sidebar form#quick-search{padding:0;margin:20px 0 35px 0;border:0;width:290px;height:33px}#sidebar form#quick-search p{margin:0;padding:0}#sidebar form#quick-search input{float:left;border:0;background:transparent;color:#4e4e4e;margin:0}#sidebar form#quick-search .tbox{margin:5px 0 0 0;width:240px;display:inline}#search form#quick-search .btn{width:24px;height:24px}#sidebar form#quick-search label{display:none}#footer{clear:both;background:#222;color:#4e4e4e;width:100%;float:left}#footer a{color:#4e4e4e;border:0}#footer a:hover{color:#fafafa}#footer .rssfeed{background:url(images/rss.gif) no-repeat left 1px;padding-left:17px}#footer-left{float:left;width:70%}#footer-right{float:right;width:25%}.download a{color:#5ad715}.postmeta{padding:7px 5px;margin:5px 5px 5px 5px;font-size:1em;color:#545454;background:#222}.postmeta .date{margin:0 10px 0 5px}.postmeta a.comments{margin:0 10px 0 5px}.postmeta a.readmore{margin:0 10px 0 5px}.post-info{font-size:.95em;padding-top:3px;margin-left:5px;color:#444}.post-info a,.post-info a:visited{color:#ae275a}.float-left{float:left}.float-right{float:right}.align-left{text-align:left}.align-right{text-align:right}.no-border{border:0}.clearer{clear:both}.clear{display:inline-block}.clear:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
\ No newline at end of file
+/*
+ME73.com stylesheet
+Author: Eugen Sawin <sawine@me73.com>
+*/ 
+
+* { margin: 0; padding: 0; outline: 0 }
+
+html { background: #222222; }
+
+body {
+    /*font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;*/
+    font: 12px/1.4 Helvetica Neue, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;   
+    color: #8D8D8D;	
+    margin: 0; 	
+    padding: 0; 
+    background: #222222;	
+    text-align: center;
+}
+
+/* Links */
+a, a:visited {
+    text-decoration: none;
+    color: #DEDEDE;	
+}
+a:hover {
+    color: #fff;
+    border-bottom: 1px dotted #438800;
+}
+
+/* headers */
+h1, h2, h3, h4 {
+    /*font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif;*/
+    /*color: #0AEAEA;*/
+    color: #FFF;
+}
+h1 {    
+    font-size: 3.1em;	
+    letter-spacing: -2px;
+    padding: 15px 10px 5px 10px;	
+}
+h2 {
+    font-size: 1.7em;
+    /*color: #895F30;*/
+    color: #FFF;
+    padding: 20px 10px 5px 10px;	
+}
+h3 {    
+    font-size: 1.6em;	
+    font-weight: normal;
+    padding: 10px 10px 10px 5px;		
+}
+
+h4 {
+    color: #AbAbAb;	
+    font-size: 1.1em;
+    /*font-weight: bold;*/
+    padding: 10px 5px 0px 0px;
+}
+
+h5 {
+    font-size: 1.0em;
+    padding: 0px 0px 0px 0px;
+}
+
+p, dl {
+    padding: 5px 20px;
+    margin: 0;
+}
+
+ul, ol {
+    margin: 5px 20px;
+    padding: 0px 20px;
+}
+ul { 
+    list-style-type: square;
+}
+
+dt {
+    /*font-weight: bold;*/
+    color: #FAFAFA;
+}
+dd {
+    padding-left: 25px; 
+}
+
+/* images */
+img {
+    background: #1B1B1B;
+    border: 4px solid #262626;
+    padding: 0px;
+}
+
+img.float-right {
+    margin: 5px 0px 5px 10px;  
+}
+
+img.float-left {
+    margin: 5px 10px 5px 0px;
+}
+
+canvas {
+    border: 4px solid #262626;  
+} 
+
+#logo {
+    border-style: none; 
+    position: relative;
+    margin: 0; 
+    padding: 0;
+    color: #F8F8F8;    
+    /* change the values of top and left to adjust the position of the logo*/
+    top: 40px; left: 25px;
+    height: 120px;
+    width: 670px;
+}
+
+code {
+    margin: 5px 0;
+    padding: 15px;
+    text-align: left;
+    display: block;
+    overflow: auto;  
+    font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
+    /* white-space: pre; */
+    background: #070707;
+/*border: 1px solid #111;   */
+}
+acronym {
+    cursor: help;
+    border-bottom: 1px dotted #5B5B5B;
+}
+blockquote {
+    margin: 15px 10px;
+    padding: 10px 10px 10px 35px;  
+    background: #070707 url(quote.gif) no-repeat 10px 10px;
+    border: 1px solid #111; 
+    font-weight: normal;
+    font-size: 17px;
+    line-height: 1.6em;
+    font-style: italic;
+    font-family: Georgia, 'Times New Roman', Times, serif;	
+    color: #808080;	
+}
+
+/* start - table */
+table {
+    margin: 15px 0px; 	
+    border-collapse: collapse;			
+}
+th {
+    color: #FAFAFA;
+    height: 38px;
+    padding-left: 0px;
+    padding-right: 12px;	
+    text-align: left;	
+}
+tr {
+    color: #5b5b5b;
+    height: 15px;		
+}
+td {
+    padding-left: 0px;
+    padding-right: 12px;	
+}
+/* end - table */
+
+
+/* form elements */
+form {
+    margin: 20px 10px; 
+    padding: 15px 25px 25px 20px; 
+    background: #070707; 	
+/*border: 1px solid #111;	*/
+}
+form p {
+    /*border-bottom: 1px solid #101010;*/
+    padding: 12px 0 5px 0;	margin: 0;	
+}
+label {
+    font-weight: bold;	
+    color: #FAFAFA;
+}
+input, select, textarea {
+    margin: 5px 0;
+    padding: 5px;
+    font: normal 1em Verdana, Tahoma, sans-serif;
+    color: #6A6969;
+    background: #0C0C0C;  
+/*border: 1px solid #1C1C1C;*/
+}
+option { padding-right: 0.5em; } 
+
+#name, #email, #message{
+    width: 480px;
+}
+input.button { 
+    font: bold 12px Arial, Verdana, Sans-serif; 
+    height: 30px;
+    padding: 2px 3px; 
+    margin-top: 8px;
+    color: #48780E;
+    background: #000;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #1B1B1B;
+}
+
+
+/* ------------------------------------------
+   LAYOUT
+   ------------------------------------------- */ 
+#wrap { 
+    position: relative;
+    width: 1020px;
+    margin: 0 auto;
+    text-align: left;		
+}
+#content-wrap {
+    clear: both;
+    width: 1020px;	
+    float: left;	
+    padding-top: 15px;
+    padding-bottom: 50px;	
+}
+#header {
+    position: relative;
+    width: 1020px;	
+    height: 170px;	
+    margin: 0; 
+    padding: 0;			
+}
+#header h1#logo-text a {
+    position: absolute;
+    margin: 0; padding: 0;
+    font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;	
+    letter-spacing: -1.5px;
+    color: #F8F8F8;
+    text-decoration: none;
+    text-transform: none;
+    
+    /* change the values of top and left to adjust the position of the logo*/
+    top: 70px; left: 30px;	
+}
+#header h1#logo-text a:hover {
+    background: none;
+    margin-top: 100px;	
+    padding-top: 100px;
+}
+#header img {
+    position: relative;
+    top: 90px;
+    left: 22px;
+    border: 0px;
+}
+
+#header p#intro {
+    position: absolute;
+    margin: 0; 
+    padding: 0;
+    font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
+    font-weight: bold;
+    font-size: 16px;	
+    line-height: 1.5em;
+    font-style: normal;
+    text-transform: none;
+    /*color: #6D7D2D;*/
+    color: #5ad715;
+    width: 400px;
+    
+    /* change the values of top and left to adjust the position */
+    top: 145px; 
+    left: 22px;		
+}
+
+/*  Navigation  */
+#nav {
+    position: absolute;
+    margin: 0; 
+    padding: 0;		
+    height: 50px;
+    left: 0px;	
+    top: 30px;			
+}
+#nav ul {
+    float: left;
+    
+    height: 50px;
+    margin: 0 0 0 10px; 
+    padding: 0;	
+    display: inline;
+}
+#nav ul li {
+    display: inline;
+    margin: 0; 
+    padding: 0;
+}
+#nav ul li a {
+    float: left;
+    margin: 0;	
+    padding: 0 12px;
+    font-weight: bold;
+    font-size: 1.25em;
+    text-decoration: none;	
+    color: #c95723;
+    color: #999;	
+    text-transform: uppercase;
+}
+#nav ul li a:hover, 
+#nav ul li a:active {
+    color: #eee;
+    background: none;
+    border: none;
+}
+#nav ul li#current a {	
+    color: #D33972;	
+}
+
+#subnav{
+    position: absolute;
+    margin: 17px 280px; 
+    padding: 0;		
+    height: 50px;
+    left: 10px;	
+    top: 30px;		
+}
+
+#subnav ul {
+    float: left;
+  
+    height: 50px;
+    margin: 0 0 0 10px; 
+    padding: 0;	
+    display: inline;
+}
+#subnav ul li {
+    display: inline;
+    margin: 0; 
+    padding: 0;
+}
+#subnav ul li a {
+    float: left;
+    margin: 0;	
+    padding: 0 12px;
+    font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;	
+    text-decoration: none;	
+    color: #5ad715;	
+    text-transform: uppercase;
+}
+#subnav ul li a:hover, 
+#subnav ul li a:active {
+    color: #eee;
+    background: none;
+    border: none;
+}
+#subnav ul li#current a {	
+    color: #D33972;	
+}
+
+/* Main Column */
+#main {
+    float: left;
+    width: 670px;
+    padding: 0; 
+    margin: 0 0 0 2px;
+    display: inline;	
+}
+#main h2 {
+    padding: 5px 22px;	
+    margin: 15px 5px 0px 0px;
+    /*font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				*/
+    /*color: #45D5E6;
+      color: #00cccc;*/
+    color: #FFF;	
+}
+#main h2 a {
+    /*color: #45D5E6;*/
+    color: #FFF;
+    text-decoration: none;		
+    border: none;		
+}
+#main ul li {
+    /*list-style-image: url(images/bullet.png);*/
+    list-style-type: square;
+}
+
+/* Sidebar */	
+#sidebar {
+    float: right;
+    width: 300px;
+    padding: 0; 
+    margin: 0px 18px 0 0;		
+    display: inline;
+    color: #5D5D5D;   
+/*border: 4px solid #262626;*/
+}
+
+#random_quote {  
+    color: #c95723;
+    font-style: italic;
+}
+
+#sidebar h2 {
+    font-size: 2.3em;
+    color: black;
+}
+
+#sidebar h3 {
+/*padding: 5px 12px;
+  margin: 15px 5px 10px 0;
+  font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
+  color: #45D5E6;*/
+/*border-bottom: 1px solid #121212; */
+/*background-image: url(pattern.gif);		*/	
+}
+#sidebar ul.sidemenu {
+    text-align: left;
+    margin: 20px 5px 20px 0px; 
+    padding: 0;		
+/*border-top: 1px solid #111;		*/
+}
+#sidebar ul.sidemenu li {
+    list-style: none;
+    padding: 8px 10px;
+    margin: 0;    
+/*border-bottom: 1px solid #111;*/
+}
+* html body #sidebar ul.sidemenu li {
+    height: 1%;
+}
+#sidebar ul.sidemenu li a {
+    text-decoration: none;	
+    border: none;
+    color: #666666;
+    font-weight: bold;		
+    /*font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;*/
+    font-size: 9pt;		
+}
+#sidebar ul.sidemenu li a span {
+    color: #444;	
+    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
+    font-style: italic;
+    font-weight: normal;	
+    font-size: 8pt;
+}
+#sidebar ul.sidemenu li a:hover,
+#sidebar ul.sidemenu li a:hover span {	
+    color: #fff;	
+}
+#sidebar ul.sidemenu ul { margin: 0 0 0 0px; padding: 0; }
+#sidebar ul.sidemenu ul li { border: none; }
+
+/* header quick search */
+#sidebar form#quick-search {
+    padding: 0; 
+    margin: 20px 0 35px 0;
+    border: none;
+    width: 290px; height: 33px;
+/*background: url(header-search.gif) no-repeat;		*/
+}
+#sidebar form#quick-search p {
+    margin: 0; 
+    padding: 0;		
+}
+#sidebar form#quick-search input {
+    float: left;
+    border: none;
+    background: transparent;
+    color: #4E4E4E;	
+    margin: 0;
+}
+#sidebar form#quick-search .tbox {
+    margin: 5px 0 0 0px; 
+    width: 240px;	
+    display: inline;	
+}
+#search form#quick-search .btn{
+    width: 24px; height: 24px;			
+}
+#sidebar form#quick-search label {
+    display: none;
+}
+
+/* footer */
+#footer {
+    clear: both;
+    /*padding: 1em 0 2.5em 0;*/
+    background: #222222;
+    color: #4E4E4E;
+    width: 100%;
+    float: left;			
+}
+#footer a {	
+    color: #4E4E4E;
+    /*color: #0E909C;*/
+    border: none;
+}
+#footer a:hover {
+    color: #fafafa;
+}
+#footer .rssfeed {
+    background: url(images/rss.gif) no-repeat left 1px;
+    padding-left: 17px;
+}
+#footer-left {
+    float: left;
+    width: 70%;
+}
+#footer-right {
+    float: right;
+    width: 25%;
+}
+
+.download a
+{	
+    color: #5ad715;
+}
+
+/* postmeta */
+.postmeta {	
+    padding: 7px 5px; 
+    margin: 5px 5px 5px 5px;	
+    font-size: 1em;	
+    color: #545454;
+    /*border: 1px solid #111; */
+    background: #222222; 
+}
+.postmeta .date{ margin: 0 10px 0 5px;	}
+.postmeta a.comments { margin: 0 10px 0 5px;	}
+.postmeta a.readmore { margin: 0 10px 0 5px;	}
+
+.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
+.post-info a, .post-info a:visited { color: #AE275A; }
+
+/* alignment classes */
+.float-left  { float: left; }
+.float-right { float: right; }
+.align-left  { text-align: left; }
+.align-right { text-align: right; }
+
+/* display and additional classes */
+.no-border { 
+    border: none; 
+}
+
+.clearer { 
+    clear: both; 
+}
+
+.clear {
+    display:inline-block; 
+}
+
+.clear:after {
+    display:block; 
+    visibility:hidden; 
+    clear:both; 
+    height:0; 
+    content: "."; 
+}
+
+
diff -r 44d14b5e7bab -r c0e6fb6cf6ef experiments.html
--- a/experiments.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/experiments.html	Sun Dec 18 15:57:15 2011 +0100
@@ -51,8 +51,10 @@
 
         </div>
         <div id="sidebar">
-          <p>
-	    <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+          <p>           
+	    <a href="resume.html">
+              <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+            </a>            
             <br />I'm a programmer,<br />
             a student of computer science,<br />
             a music enthusiast.<br />
diff -r 44d14b5e7bab -r c0e6fb6cf6ef factory/makefile
--- a/factory/makefile	Sun Dec 18 03:44:26 2011 +0100
+++ b/factory/makefile	Sun Dec 18 15:57:15 2011 +0100
@@ -6,6 +6,8 @@
 
 compile:
 	./create_page -a $(FRAME)
-	java -jar yuicompressor.jar $(VERSION)/script.js -o ../script.js --charset utf-8
-	java -jar yuicompressor.jar $(VERSION)/dark.css -o ../dark.css --charset utf-8
+	cp $(VERSION)/script.js ../
+	cp $(VERSION)/dark.css ../
+	#java -jar yuicompressor.jar $(VERSION)/script.js -o ../script.js --charset utf-8
+	#java -jar yuicompressor.jar $(VERSION)/dark.css -o ../dark.css --charset utf-8
 
diff -r 44d14b5e7bab -r c0e6fb6cf6ef factory/v2012/dark.css
--- a/factory/v2012/dark.css	Sun Dec 18 03:44:26 2011 +0100
+++ b/factory/v2012/dark.css	Sun Dec 18 15:57:15 2011 +0100
@@ -71,7 +71,9 @@
     margin: 5px 20px;
     padding: 0px 20px;
 }
-ul { list-style: none; }
+ul { 
+    list-style-type: square;
+}
 
 dt {
     /*font-weight: bold;*/
@@ -281,7 +283,7 @@
 }
 #nav ul {
     float: left;
-    list-style: none;
+    
     height: 50px;
     margin: 0 0 0 10px; 
     padding: 0;	
@@ -324,7 +326,7 @@
 
 #subnav ul {
     float: left;
-    list-style: none;
+  
     height: 50px;
     margin: 0 0 0 10px; 
     padding: 0;	
@@ -378,7 +380,7 @@
 }
 #main ul li {
     /*list-style-image: url(images/bullet.png);*/
-    list-style: disc;
+    list-style-type: square;
 }
 
 /* Sidebar */	
@@ -392,11 +394,16 @@
 /*border: 4px solid #262626;*/
 }
 
-#random_quote {   
+#random_quote {  
     color: #c95723;
     font-style: italic;
 }
 
+#sidebar h2 {
+    font-size: 2.3em;
+    color: black;
+}
+
 #sidebar h3 {
 /*padding: 5px 12px;
   margin: 15px 5px 10px 0;
diff -r 44d14b5e7bab -r c0e6fb6cf6ef factory/v2012/frame.html
--- a/factory/v2012/frame.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/factory/v2012/frame.html	Sun Dec 18 15:57:15 2011 +0100
@@ -36,8 +36,10 @@
           /insert{content}
         </div>
         <div id="sidebar">
-          <p>
-	    <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+          <p>           
+	    <a href="resume.html">
+              <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+            </a>            
             <br />I'm a programmer,<br />
             a student of computer science,<br />
             a music enthusiast.<br />
diff -r 44d14b5e7bab -r c0e6fb6cf6ef factory/v2012/howiwork.html
--- a/factory/v2012/howiwork.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/factory/v2012/howiwork.html	Sun Dec 18 15:57:15 2011 +0100
@@ -34,7 +34,7 @@
 The saviour of web frontends. Makes web development endurable.</li>
 <li>
 <h4>Go  *</h4>
-Good idea, weird syntax. Doesn't go well with me.</li>
+Good idea, weird syntax. Doesn't go well with me. Might give it another go.</li>
 <li>
 <h4>Common Lisp  **</h4>
 The purity of programming love. Haven't seen the light yet.</li>
diff -r 44d14b5e7bab -r c0e6fb6cf6ef factory/v2012/links.html
--- a/factory/v2012/links.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/factory/v2012/links.html	Sun Dec 18 15:57:15 2011 +0100
@@ -24,7 +24,8 @@
 <h2>Professional</h2>
 <ul>
 <li><h4><a href="http://www4.informatik.tu-muenchen.de/~schulz/">Dr. Stephan Schulz</a></h4>
-My advisor during my bachelor thesis and creator of the brainiac theorem prover called E.
+My advisor during my bachelor thesis and creator of the brainiac theorem prover called 
+<a href="http://eprover.org">E</a>.
 </li>
 </ul>
 
@@ -33,15 +34,12 @@
 <!--<li><h4><a href="http://www.tomrocket.com">Thomas Witt</a></h4>
 A good friend and designer for the visual arts.
 </li>-->
-<li><h4><a href="http://www.chris-koenig.de">Christian König</a></h4>
-A fellow student and companion in the quest for world domination.
+<li><h4><a href="http://www.chris-koenig.de">Christian K&ouml;nig</a></h4>
+An ex-fellow student and companion in the quest for world domination.
 </li>
 <li><h4><a href="http://www.unidentify.com">Michael Chlebek</a></h4>
-A friend, programmer and amateuer photographer.
+An ex-fellow student and friendly programmer.
 </li>
-<!--<li><h4><a href="http://thuber.net">Thomas Huber</a></h4>
-A fellow student of artificial intelligence.
-</li>-->
 </ul>
 
 <h2>Recursive</h2>
diff -r 44d14b5e7bab -r c0e6fb6cf6ef factory/v2012/linksend.html
--- a/factory/v2012/linksend.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/factory/v2012/linksend.html	Sun Dec 18 15:57:15 2011 +0100
@@ -13,6 +13,9 @@
 
 <h2>The Bad</h2>
 <ul>
+<li><h4><a href="https://twitter.com/notchnik">@notchnik</a></h4>
+The emptyness in 140 characters.
+</li>
 <li><h4><a href="https://plus.google.com/101733701635400621767/">Google+ profile</a></h4>
 Staying in touch with people by keeping them at a distance.
 </li>
@@ -21,7 +24,8 @@
 <h2>Professional</h2>
 <ul>
 <li><h4><a href="http://www4.informatik.tu-muenchen.de/~schulz/">Dr. Stephan Schulz</a></h4>
-My advisor during my bachelor thesis and creator of the brainiac theorem prover called E.
+My advisor during my bachelor thesis and creator of the brainiac theorem prover called 
+<a href="http://eprover.org">E</a>.
 </li>
 </ul>
 
@@ -30,15 +34,12 @@
 <!--<li><h4><a href="http://www.tomrocket.com">Thomas Witt</a></h4>
 A good friend and designer for the visual arts.
 </li>-->
-<li><h4><a href="http://www.chris-koenig.de">Christian König</a></h4>
-A fellow student and companion in the quest for world domination.
+<li><h4><a href="http://www.chris-koenig.de">Christian K&ouml;nig</a></h4>
+An ex-fellow student and companion in the quest for world domination.
 </li>
 <li><h4><a href="http://www.unidentify.com">Michael Chlebek</a></h4>
-A friend, programmer and amateuer photographer.
+An ex-fellow student and friendly programmer.
 </li>
-<!--<li><h4><a href="http://thuber.net">Thomas Huber</a></h4>
-A fellow student of artificial intelligence.
-</li>-->
 </ul>
 
 <h2>Recursive</h2>
diff -r 44d14b5e7bab -r c0e6fb6cf6ef factory/v2012/resume.html
--- a/factory/v2012/resume.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/factory/v2012/resume.html	Sun Dec 18 15:57:15 2011 +0100
@@ -2,7 +2,7 @@
 <h2>Employment</h2>
 <ul>
 <li>
-<h4>Software Engineer, Comsoft GmbH, 03/2010-09/2010</h4>
+<h4>Software Engineer, <a href="http://comsoft.aero">Comsoft GmbH</a>, 03/2010-09/2010</h4>
 <ul>
 <li>
 Development of safety-critical back end systems for the ATC domain.
@@ -12,37 +12,37 @@
 </li>
 </ul>
 </li>
-<li><h4>Working Student &amp; Internship, Comsoft GmbH, 10/2008-02/2010</h4>
+<li><h4>Working Student &amp; Internship, <a href="http://comsoft.aero">Comsoft GmbH</a>, 10/2008-02/2010</h4>
 Development for safety-critical embedded systems.
 </li>
 <li>
-<h4>Student Assistant, University of Applied Sciences Offenburg, 10/2008-03/2009</h4>
+<h4>Student Assistant, <a href="http://fh-offenburg.de">University of Applied Sciences Offenburg</a>, 10/2008-03/2009</h4>
 Assistance at a university course for object-oriented software development.
 </li>
 </ul>
 <h2>Education</h2>
 <ul>
 <li>
-<h4>University of Freiburg, since 10/2010</h4>
+<h4><a href="http://uni-freiburg.de">University of Freiburg</a>, since 10/2010</h4>
 M.Sc. in Applied Computer Science.<br />
 Emphasis in Artificial Intelligence and Algorithm Theory.
 </li>
 <li>
-<h4>University of Applied Sciences Offenburg, 03/2007-02/2010</h4>
+<h4><a href="http://fh-offenburg.de">University of Applied Sciences Offenburg</a>, 03/2007-02/2010</h4>
 B.Sc. in Applied Computer Science.<br />
 Emphasis in Distributed Systems.
 </li>
 </ul>
 <h2>Accompanying the Studies</h2>
 <ul>
-<li><h4>Bachelor Thesis, Comsoft GmbH, 10/2009-04/2010</h4>
+<li><h4>Bachelor Thesis, <a href="http://comsoft.aero">Comsoft GmbH</a>, 10/2009-04/2010</h4>
 "Flexible Modeling of Dynamic Air Space Constraints and its Application in Departure Flow Optimisation"  
 <div class="download"><a href="http://me73.com/downloads/campus_magazin_29.pdf">
 Campus Mag (P. 36 / German)</a></div>
 <div class="download"><a href="http://me73.com/downloads/discover_me_24.pdf">
 Discover ME (P. 22 / German)</a></div>
 </li>
-<li><h4>University Project, University of Applied Sciences Offenburg &amp; Karlsruhe Institute of Technology, 2008</h4>
+<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>
 Development of a client for 3D data streaming and visualisation. 
 </li>
 </ul>
diff -r 44d14b5e7bab -r c0e6fb6cf6ef factory/v2012/script.js
--- a/factory/v2012/script.js	Sun Dec 18 03:44:26 2011 +0100
+++ b/factory/v2012/script.js	Sun Dec 18 15:57:15 2011 +0100
@@ -1,5 +1,6 @@
 var QUOTES_NUMBER = 39;
-var SERVER = "http://me73.com"
+var port = 8080;
+var SERVER = "http://" + window.location.hostname + ":" + port;
 
 $(document).ready(function() {     
     var image = new Image();
@@ -31,28 +32,28 @@
 click_events["logo"][0]["min_y"] = 0;
 click_events["logo"][0]["max_y"] = menu_height;
 click_events["logo"][0]["func"] = switch_page;
-click_events["logo"][0]["args"] = "personalwork.html";
+click_events["logo"][0]["args"] = new Array("personalwork.html");
 click_events["logo"][1] = new Object();
 click_events["logo"][1]["min_x"] = Math.round(menu_width/4) + 1;
 click_events["logo"][1]["max_x"] = Math.round(menu_width/2);
 click_events["logo"][1]["min_y"] = 0;
 click_events["logo"][1]["max_y"] = menu_height;
 click_events["logo"][1]["func"] = switch_page;
-click_events["logo"][1]["args"] = "howiwork.html";
+click_events["logo"][1]["args"] = new Array("howiwork.html");
 click_events["logo"][2] = new Object();
 click_events["logo"][2]["min_x"] = Math.round(menu_width/2) + 1;
 click_events["logo"][2]["max_x"] = Math.round(menu_width/4*3);
 click_events["logo"][2]["min_y"] = 0;
 click_events["logo"][2]["max_y"] = menu_height;
 click_events["logo"][2]["func"] = switch_page;
-click_events["logo"][2]["args"] = "books.html";
+click_events["logo"][2]["args"] = new Array("books.html");
 click_events["logo"][3] = new Object();
 click_events["logo"][3]["min_x"] = Math.round(menu_width/4*3) + 1;
 click_events["logo"][3]["max_x"] = menu_width - 1;
 click_events["logo"][3]["min_y"] = 0;
 click_events["logo"][3]["max_y"] = menu_height;
 click_events["logo"][3]["func"] = switch_page;
-click_events["logo"][3]["args"] = "links.html";
+click_events["logo"][3]["args"] = new Array("links.html", "linksend.html");
 
 function handle_click(e) {
     var offset = $("#logo").offset();
@@ -69,7 +70,7 @@
 }
 
 function switch_page(id, params) {
-    var page = params["args"];
+    var page = params["args"][0];
     $("body").load(page);
     document.location.href = page;    
 }
@@ -100,11 +101,18 @@
     context.drawImage(event.target, 0, 0);
     var white = new Colour(255, 255, 255);
     for (var i in click_events["logo"]) {
-        var p = click_events["logo"][i];        
-        var pos = document.location.href.lastIndexOf("/") + 1;       
-        if (p["args"] == document.location.href.substr(pos)) {         
-            color_area("logo", p["min_x"], p["max_x"], 70, p["max_y"], white);           
-        } else {
+        var p = click_events["logo"][i];       
+        var pos = document.location.href.lastIndexOf("/") + 1; 
+        var page = document.location.href.substr(pos);
+        var found = false;
+        for (var j in p["args"]) {
+            if (page == p["args"][j]) {         
+                color_area("logo", p["min_x"], p["max_x"], 70, p["max_y"], white);
+                found = true;
+                break;
+            }
+        }
+        if (!found) {
             color_area("logo", p["min_x"], p["max_x"], 0, 70, white);
         }
     }
@@ -163,25 +171,11 @@
 function load_random_quote() {
     var file = "/quotes/quote" + Math.floor(Math.random() * QUOTES_NUMBER + 1) + ".html";
     $.ajax({url: SERVER + file,
-            success: write_quote});   
-    return;
-    var currentFile = self.location.hostname + self.location.pathname;		
-    var request = http_request_object();
-    var url  = "http://" + self.location.hostname + file;	
-    request.open("GET", url, false);
-    request.setRequestHeader("User-Agent", navigator.userAgent);
-    request.send(null)
-    
-    // if (oRequest.status == 200) alert(oRequest.responseText);
-    // else alert("Error executing XMLHttpRequest call!");	
-    //document.write(url);
-    //document.write(request.responseText);
-    document.getElementById('random_quote').innerHTML = request.responseText;
+            success: write_quote});
 }
 
-function write_quote(data, status, xhr) {
-    alert(data);
-    $("random_quote").replaceWith(data);
+function write_quote(data, status, xhr) {   
+    $("#random_quote").html(data);
 }
 
 function load_footer()
diff -r 44d14b5e7bab -r c0e6fb6cf6ef howiwork.html
--- a/howiwork.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/howiwork.html	Sun Dec 18 15:57:15 2011 +0100
@@ -69,7 +69,7 @@
 The saviour of web frontends. Makes web development endurable.</li>
 <li>
 <h4>Go  *</h4>
-Good idea, weird syntax. Doesn't go well with me.</li>
+Good idea, weird syntax. Doesn't go well with me. Might give it another go.</li>
 <li>
 <h4>Common Lisp  **</h4>
 The purity of programming love. Haven't seen the light yet.</li>
@@ -112,8 +112,10 @@
 
         </div>
         <div id="sidebar">
-          <p>
-	    <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+          <p>           
+	    <a href="resume.html">
+              <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+            </a>            
             <br />I'm a programmer,<br />
             a student of computer science,<br />
             a music enthusiast.<br />
diff -r 44d14b5e7bab -r c0e6fb6cf6ef index.html
--- a/index.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/index.html	Sun Dec 18 15:57:15 2011 +0100
@@ -40,8 +40,10 @@
 
         </div>
         <div id="sidebar">
-          <p>
-	    <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+          <p>           
+	    <a href="resume.html">
+              <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+            </a>            
             <br />I'm a programmer,<br />
             a student of computer science,<br />
             a music enthusiast.<br />
diff -r 44d14b5e7bab -r c0e6fb6cf6ef links.html
--- a/links.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/links.html	Sun Dec 18 15:57:15 2011 +0100
@@ -59,7 +59,8 @@
 <h2>Professional</h2>
 <ul>
 <li><h4><a href="http://www4.informatik.tu-muenchen.de/~schulz/">Dr. Stephan Schulz</a></h4>
-My advisor during my bachelor thesis and creator of the brainiac theorem prover called E.
+My advisor during my bachelor thesis and creator of the brainiac theorem prover called 
+<a href="http://eprover.org">E</a>.
 </li>
 </ul>
 
@@ -68,15 +69,12 @@
 <!--<li><h4><a href="http://www.tomrocket.com">Thomas Witt</a></h4>
 A good friend and designer for the visual arts.
 </li>-->
-<li><h4><a href="http://www.chris-koenig.de">Christian König</a></h4>
-A fellow student and companion in the quest for world domination.
+<li><h4><a href="http://www.chris-koenig.de">Christian K&ouml;nig</a></h4>
+An ex-fellow student and companion in the quest for world domination.
 </li>
 <li><h4><a href="http://www.unidentify.com">Michael Chlebek</a></h4>
-A friend, programmer and amateuer photographer.
+An ex-fellow student and friendly programmer.
 </li>
-<!--<li><h4><a href="http://thuber.net">Thomas Huber</a></h4>
-A fellow student of artificial intelligence.
-</li>-->
 </ul>
 
 <h2>Recursive</h2>
@@ -94,8 +92,10 @@
 
         </div>
         <div id="sidebar">
-          <p>
-	    <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+          <p>           
+	    <a href="resume.html">
+              <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+            </a>            
             <br />I'm a programmer,<br />
             a student of computer science,<br />
             a music enthusiast.<br />
diff -r 44d14b5e7bab -r c0e6fb6cf6ef linksend.html
--- a/linksend.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/linksend.html	Sun Dec 18 15:57:15 2011 +0100
@@ -48,6 +48,9 @@
 
 <h2>The Bad</h2>
 <ul>
+<li><h4><a href="https://twitter.com/notchnik">@notchnik</a></h4>
+The emptyness in 140 characters.
+</li>
 <li><h4><a href="https://plus.google.com/101733701635400621767/">Google+ profile</a></h4>
 Staying in touch with people by keeping them at a distance.
 </li>
@@ -56,7 +59,8 @@
 <h2>Professional</h2>
 <ul>
 <li><h4><a href="http://www4.informatik.tu-muenchen.de/~schulz/">Dr. Stephan Schulz</a></h4>
-My advisor during my bachelor thesis and creator of the brainiac theorem prover called E.
+My advisor during my bachelor thesis and creator of the brainiac theorem prover called 
+<a href="http://eprover.org">E</a>.
 </li>
 </ul>
 
@@ -65,15 +69,12 @@
 <!--<li><h4><a href="http://www.tomrocket.com">Thomas Witt</a></h4>
 A good friend and designer for the visual arts.
 </li>-->
-<li><h4><a href="http://www.chris-koenig.de">Christian König</a></h4>
-A fellow student and companion in the quest for world domination.
+<li><h4><a href="http://www.chris-koenig.de">Christian K&ouml;nig</a></h4>
+An ex-fellow student and companion in the quest for world domination.
 </li>
 <li><h4><a href="http://www.unidentify.com">Michael Chlebek</a></h4>
-A friend, programmer and amateuer photographer.
+An ex-fellow student and friendly programmer.
 </li>
-<!--<li><h4><a href="http://thuber.net">Thomas Huber</a></h4>
-A fellow student of artificial intelligence.
-</li>-->
 </ul>
 
 <h2>Recursive</h2>
@@ -86,8 +87,10 @@
 
         </div>
         <div id="sidebar">
-          <p>
-	    <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+          <p>           
+	    <a href="resume.html">
+              <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+            </a>            
             <br />I'm a programmer,<br />
             a student of computer science,<br />
             a music enthusiast.<br />
diff -r 44d14b5e7bab -r c0e6fb6cf6ef personalwork.html
--- a/personalwork.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/personalwork.html	Sun Dec 18 15:57:15 2011 +0100
@@ -182,8 +182,10 @@
 
         </div>
         <div id="sidebar">
-          <p>
-	    <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+          <p>           
+	    <a href="resume.html">
+              <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+            </a>            
             <br />I'm a programmer,<br />
             a student of computer science,<br />
             a music enthusiast.<br />
diff -r 44d14b5e7bab -r c0e6fb6cf6ef resume.html
--- a/resume.html	Sun Dec 18 03:44:26 2011 +0100
+++ b/resume.html	Sun Dec 18 15:57:15 2011 +0100
@@ -37,7 +37,7 @@
 <h2>Employment</h2>
 <ul>
 <li>
-<h4>Software Engineer, Comsoft GmbH, 03/2010-09/2010</h4>
+<h4>Software Engineer, <a href="http://comsoft.aero">Comsoft GmbH</a>, 03/2010-09/2010</h4>
 <ul>
 <li>
 Development of safety-critical back end systems for the ATC domain.
@@ -47,37 +47,37 @@
 </li>
 </ul>
 </li>
-<li><h4>Working Student &amp; Internship, Comsoft GmbH, 10/2008-02/2010</h4>
+<li><h4>Working Student &amp; Internship, <a href="http://comsoft.aero">Comsoft GmbH</a>, 10/2008-02/2010</h4>
 Development for safety-critical embedded systems.
 </li>
 <li>
-<h4>Student Assistant, University of Applied Sciences Offenburg, 10/2008-03/2009</h4>
+<h4>Student Assistant, <a href="http://fh-offenburg.de">University of Applied Sciences Offenburg</a>, 10/2008-03/2009</h4>
 Assistance at a university course for object-oriented software development.
 </li>
 </ul>
 <h2>Education</h2>
 <ul>
 <li>
-<h4>University of Freiburg, since 10/2010</h4>
+<h4><a href="http://uni-freiburg.de">University of Freiburg</a>, since 10/2010</h4>
 M.Sc. in Applied Computer Science.<br />
 Emphasis in Artificial Intelligence and Algorithm Theory.
 </li>
 <li>
-<h4>University of Applied Sciences Offenburg, 03/2007-02/2010</h4>
+<h4><a href="http://fh-offenburg.de">University of Applied Sciences Offenburg</a>, 03/2007-02/2010</h4>
 B.Sc. in Applied Computer Science.<br />
 Emphasis in Distributed Systems.
 </li>
 </ul>
 <h2>Accompanying the Studies</h2>
 <ul>
-<li><h4>Bachelor Thesis, Comsoft GmbH, 10/2009-04/2010</h4>
+<li><h4>Bachelor Thesis, <a href="http://comsoft.aero">Comsoft GmbH</a>, 10/2009-04/2010</h4>
 "Flexible Modeling of Dynamic Air Space Constraints and its Application in Departure Flow Optimisation"  
 <div class="download"><a href="http://me73.com/downloads/campus_magazin_29.pdf">
 Campus Mag (P. 36 / German)</a></div>
 <div class="download"><a href="http://me73.com/downloads/discover_me_24.pdf">
 Discover ME (P. 22 / German)</a></div>
 </li>
-<li><h4>University Project, University of Applied Sciences Offenburg &amp; Karlsruhe Institute of Technology, 2008</h4>
+<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>
 Development of a client for 3D data streaming and visualisation. 
 </li>
 </ul>
@@ -86,8 +86,10 @@
 
         </div>
         <div id="sidebar">
-          <p>
-	    <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+          <p>           
+	    <a href="resume.html">
+              <img src="images/me2.png" alt="me" class="float-left" height="70" width="70" />
+            </a>            
             <br />I'm a programmer,<br />
             a student of computer science,<br />
             a music enthusiast.<br />
diff -r 44d14b5e7bab -r c0e6fb6cf6ef script.js
--- a/script.js	Sun Dec 18 03:44:26 2011 +0100
+++ b/script.js	Sun Dec 18 15:57:15 2011 +0100
@@ -1,1 +1,376 @@
-var QUOTES_NUMBER=39;var SERVER="http://me73.com";$(document).ready(function(){var a=new Image();a.onload=init_logo;a.src="images/logobase.png";$("#logo").click(handle_click);$("#logo").hover(function(){$(this).css("cursor","pointer")},function(){$(this).css("cursor","auto")})});$(document).keypress(function(a){if(a.which==13){a.preventDefault();update_logo()}});var menu_width=670;var menu_height=120;var click_events=new Array();click_events.logo=new Array();click_events.logo[0]=new Object();click_events.logo[0]["min_x"]=0;click_events.logo[0]["max_x"]=Math.round(menu_width/4);click_events.logo[0]["min_y"]=0;click_events.logo[0]["max_y"]=menu_height;click_events.logo[0]["func"]=switch_page;click_events.logo[0]["args"]="personalwork.html";click_events.logo[1]=new Object();click_events.logo[1]["min_x"]=Math.round(menu_width/4)+1;click_events.logo[1]["max_x"]=Math.round(menu_width/2);click_events.logo[1]["min_y"]=0;click_events.logo[1]["max_y"]=menu_height;click_events.logo[1]["func"]=switch_page;click_events.logo[1]["args"]="howiwork.html";click_events.logo[2]=new Object();click_events.logo[2]["min_x"]=Math.round(menu_width/2)+1;click_events.logo[2]["max_x"]=Math.round(menu_width/4*3);click_events.logo[2]["min_y"]=0;click_events.logo[2]["max_y"]=menu_height;click_events.logo[2]["func"]=switch_page;click_events.logo[2]["args"]="books.html";click_events.logo[3]=new Object();click_events.logo[3]["min_x"]=Math.round(menu_width/4*3)+1;click_events.logo[3]["max_x"]=menu_width-1;click_events.logo[3]["min_y"]=0;click_events.logo[3]["max_y"]=menu_height;click_events.logo[3]["func"]=switch_page;click_events.logo[3]["args"]="links.html";function handle_click(c){var f=$("#logo").offset();var a=c.pageX-f.left;var g=c.pageY-f.top;for(var b in click_events[c.target.id]){var d=click_events[c.target.id][b];if(d&&a>=d.min_x&&a<=d.max_x&&g>=d.min_y&&g<=d.max_y){d.func(c.target.id,d);break}}}function switch_page(c,b){var a=b.args;$("body").load(a);document.location.href=a}function color_area(c,l,b,j,m,a){var e=document.getElementById(c);var d=e.getContext("2d");var g=d.getImageData(0,0,menu_width,menu_height);var f=g.data;for(var i=j;i<=m;i+=1){for(var k=l;k<=b;k+=1){var h=getPixel(g,k,i);if(h.a>0){a.a=h.a;setPixel(g,k,i,a)}}}d.putImageData(g,0,0)}function init_logo(e){var b=document.getElementById("logo");var d=b.getContext("2d");var g=d.getImageData(0,0,menu_width,menu_height);b.width=menu_width;b.height=menu_height;d.drawImage(e.target,0,0);var a=new Colour(255,255,255);for(var c in click_events.logo){var f=click_events.logo[c];var h=document.location.href.lastIndexOf("/")+1;if(f.args==document.location.href.substr(h)){color_area("logo",f.min_x,f.max_x,70,f.max_y,a)}else{color_area("logo",f.min_x,f.max_x,0,70,a)}}}function update_logo(){var c=document.getElementById("logo");var d=c.getContext("2d");var e=d.getImageData(0,0,menu_width,menu_height);var h=e.data;var b=new Colour(255,255,255);for(var g=0;g<menu_height;g+=1){for(var a=0;a<menu_width;a+=1){var f=getPixel(e,a,g);if(f.a>0){setPixel(e,a,g,new Colour(90,215,21,f.a))}}}d.putImageData(e,0,0)}function Colour(f,e,c,d){this.r=f;this.g=e;this.b=c;this.a=d==undefined?255:d}Colour.prototype.equals=function(a){for(p in this){if(typeof(a[p])==undefined||this[p]!=a[p]){return false}}return true};function setPixel(d,a,e,b){var c=4*(a+e*d.width);d.data[c]=b.r;d.data[c+1]=b.g;d.data[c+2]=b.b;d.data[c+3]=b.a}function getPixel(j,d,k){var f=4*(d+k*j.width);var i=j.data[f];var h=j.data[f+1];var c=j.data[f+2];var e=j.data[f+3];return new Colour(i,h,c,e)}function load_random_quote(){var c="/quotes/quote"+Math.floor(Math.random()*QUOTES_NUMBER+1)+".html";$.ajax({url:SERVER+c,success:write_quote});return;var a=self.location.hostname+self.location.pathname;var d=http_request_object();var b="http://"+self.location.hostname+c;d.open("GET",b,false);d.setRequestHeader("User-Agent",navigator.userAgent);d.send(null);document.getElementById("random_quote").innerHTML=d.responseText}function write_quote(b,a,c){alert(b);$("random_quote").replaceWith(b)}function load_footer(){var c="/footer.html";var a=self.location.hostname+self.location.pathname;var d=http_request_object();var b="http://"+self.location.hostname+c;d.open("GET",b,false);d.setRequestHeader("User-Agent",navigator.userAgent);d.send(null);document.getElementById("footer").innerHTML=d.responseText}function Complex(b,a){this.real=b;this.imag=a}var MIN_C=new Complex(-2.2,-1.4);var MAX_C=new Complex(1,1.4);var min_c=MIN_C;var max_c=MAX_C;var MIN_ITER=100;var max_iter=MIN_ITER;var zoom=1;var resolution=3;var bailout=4;function Result(b,a){this.z=b;this.iter=a}function complex_quad(a){return new Complex(Math.pow(a.real,2)-Math.pow(a.imag,2),2*a.real*a.imag)}function complex_quad_value(a){return Math.pow(a.real,2)+Math.pow(a.imag,2)}function complex_add(b,a){return new Complex(b.real+a.real,b.imag+a.imag)}function complex_equal(b,a){return(b.real==a.real)&&(b.imag==a.imag)}function iterate(a,b){z_quad=complex_quad(a);return new Complex(z_quad.real+b.real,z_quad.imag+b.imag)}function test(g,d){var b=0;var f=new Complex(0,0);var e=new Complex(-1,0);var a=complex_quad_value(f);while(b<d&&!complex_equal(f,e)&&a<=bailout){e=f;f=iterate(f,g);a=complex_quad_value(f);b++}return new Result(a,b)}function draw(m,n,l,i,B){var a=document.getElementById("mandelbrot");if(a.getContext){zoom+=i;var t=a.getContext("2d");if(B!=0){resolution=Math.max(1,resolution+B)}if(m!=0){max_iter=Math.max(MIN_ITER,max_iter+m)}var d="rgb(255, 0, 0)";var e="rgb(255, 255, 255)";var s=a.width;var q=a.height;var u=Math.max(s,q);var E=Math.round(s/q);var z=new Complex(max_c.real-min_c.real,max_c.imag-min_c.imag);dx_min=z.real/100*(n+i);dx_max=z.real/100*(n-i);dy_min=z.imag/100*(l+i);dy_max=z.imag/100*(l-i);var v=new Complex(dx_min*E/2,dy_min);var D=new Complex(dx_max*E/2,dy_max);min_c=complex_add(min_c,v);max_c=complex_add(max_c,D);z=new Complex(max_c.real-min_c.real,max_c.imag-min_c.imag);for(var f=0;f<q;f+=resolution){for(var h=0;h<s;h+=resolution){var A=new Complex(min_c.real+z.real/u*h,min_c.imag+z.imag/u*f);var k=test(A,max_iter);var o=Math.min(255,Math.pow(Math.max(0,(k.iter-max_iter/20)),2));var w=Math.min(255,Math.pow(Math.max(0,(k.iter-max_iter/25)),2));var C=Math.min(255,Math.pow(Math.max(0,(k.iter-max_iter/20)),2));var j="rgb("+o+","+w+","+C+")";t.fillStyle=j;t.fillRect(h,f,resolution,resolution)}}}}function getEventOffsetX(a){if(a.offsetX!=null){return a.offsetX}var b=a.target||a.srcElement;setPageTopLeft(b);return(a.clientX-b.pageLeft)}function getEventOffsetY(a){if(a.offsetY!=null){return a.offsetY}var b=a.target||a.srcElement;setPageTopLeft(b);return(a.clientY-b.pageTop)}function setPageTopLeft(d){var c=0,b=0,a=d;while(d.offsetParent){b+=d.offsetLeft;c+=d.offsetTop;d=d.offsetParent}a.pageTop=c;a.pageLeft=b}function draw2(c){var b=0;var d=0;var a=(getEventOffsetX(c)-335)/167.5;var f=(getEventOffsetY(c)-140)/70;var e=0;draw(b,a,f,e,d)};
\ No newline at end of file
+var QUOTES_NUMBER = 39;
+var port = 8080;
+var SERVER = "http://" + window.location.hostname + ":" + port;
+
+$(document).ready(function() {     
+    var image = new Image();
+    image.onload = init_logo;
+    image.src = "images/logobase.png";
+    $("#logo").click(handle_click);   
+    $("#logo").hover(function() {
+        $(this).css("cursor", "pointer");
+    }, function() {
+        $(this).css("cursor", "auto");
+    }); 
+});
+
+$(document).keypress( function(event) {
+    if (event.which == 13) {            
+	event.preventDefault();
+        update_logo();	    
+    }
+});
+
+var menu_width = 670;
+var menu_height = 120;
+
+var click_events = new Array();
+click_events["logo"] = new Array();
+click_events["logo"][0] = new Object();
+click_events["logo"][0]["min_x"] = 0;
+click_events["logo"][0]["max_x"] = Math.round(menu_width/4);
+click_events["logo"][0]["min_y"] = 0;
+click_events["logo"][0]["max_y"] = menu_height;
+click_events["logo"][0]["func"] = switch_page;
+click_events["logo"][0]["args"] = new Array("personalwork.html");
+click_events["logo"][1] = new Object();
+click_events["logo"][1]["min_x"] = Math.round(menu_width/4) + 1;
+click_events["logo"][1]["max_x"] = Math.round(menu_width/2);
+click_events["logo"][1]["min_y"] = 0;
+click_events["logo"][1]["max_y"] = menu_height;
+click_events["logo"][1]["func"] = switch_page;
+click_events["logo"][1]["args"] = new Array("howiwork.html");
+click_events["logo"][2] = new Object();
+click_events["logo"][2]["min_x"] = Math.round(menu_width/2) + 1;
+click_events["logo"][2]["max_x"] = Math.round(menu_width/4*3);
+click_events["logo"][2]["min_y"] = 0;
+click_events["logo"][2]["max_y"] = menu_height;
+click_events["logo"][2]["func"] = switch_page;
+click_events["logo"][2]["args"] = new Array("books.html");
+click_events["logo"][3] = new Object();
+click_events["logo"][3]["min_x"] = Math.round(menu_width/4*3) + 1;
+click_events["logo"][3]["max_x"] = menu_width - 1;
+click_events["logo"][3]["min_y"] = 0;
+click_events["logo"][3]["max_y"] = menu_height;
+click_events["logo"][3]["func"] = switch_page;
+click_events["logo"][3]["args"] = new Array("links.html", "linksend.html");
+
+function handle_click(e) {
+    var offset = $("#logo").offset();
+    var x = e.pageX - offset.left;
+    var y = e.pageY - offset.top;   
+    for (var i in click_events[e.target.id]) {
+        var ces = click_events[e.target.id][i];
+        if (ces && x >= ces["min_x"] && x <= ces["max_x"]
+            && y >= ces["min_y"] && y <= ces["max_y"]) {    
+            ces["func"](e.target.id, ces);
+            break;
+        }
+    }
+}
+
+function switch_page(id, params) {
+    var page = params["args"][0];
+    $("body").load(page);
+    document.location.href = page;    
+}
+
+function color_area(id, min_x, max_x, min_y, max_y, colour) {
+    var canvas = document.getElementById(id);
+    var context = canvas.getContext("2d");  
+    var image = context.getImageData(0, 0, menu_width, menu_height);
+    var pixels = image.data;    
+    for (var y = min_y; y <= max_y; y += 1) {
+        for (var x = min_x; x <= max_x; x += 1) {
+            var pix_colour = getPixel(image, x, y);
+            if (pix_colour.a > 0) {
+                colour.a = pix_colour.a;
+                setPixel(image, x, y, colour);
+            }
+        }
+    }   
+    context.putImageData(image, 0, 0);
+}
+
+function init_logo(event) {
+    var canvas = document.getElementById("logo");
+    var context = canvas.getContext("2d"); 
+    var image = context.getImageData(0, 0, menu_width, menu_height);  
+    canvas.width = menu_width;
+    canvas.height = menu_height;
+    context.drawImage(event.target, 0, 0);
+    var white = new Colour(255, 255, 255);
+    for (var i in click_events["logo"]) {
+        var p = click_events["logo"][i];       
+        var pos = document.location.href.lastIndexOf("/") + 1; 
+        var page = document.location.href.substr(pos);
+        var found = false;
+        for (var j in p["args"]) {
+            if (page == p["args"][j]) {         
+                color_area("logo", p["min_x"], p["max_x"], 70, p["max_y"], white);
+                found = true;
+                break;
+            }
+        }
+        if (!found) {
+            color_area("logo", p["min_x"], p["max_x"], 0, 70, white);
+        }
+    }
+}
+
+function update_logo() {
+    var canvas = document.getElementById("logo");
+    var context = canvas.getContext("2d");  
+    var image = context.getImageData(0, 0, menu_width, menu_height);
+    var pixels = image.data;
+    var white = new Colour(255, 255, 255);
+    for (var y = 0; y < menu_height; y += 1) {
+        for (var x = 0; x < menu_width; x += 1) {
+            var pix_colour = getPixel(image, x, y);
+            if (pix_colour.a > 0) {
+                setPixel(image, x, y, new Colour(90, 215, 21, pix_colour.a));
+            }
+        }
+    }   
+    context.putImageData(image, 0, 0);
+}
+
+function Colour(r, g, b, a) {
+    this.r = r;
+    this.g = g;
+    this.b = b;
+    this.a = a == undefined ? 255 : a;
+}
+Colour.prototype.equals = function(rhs) {
+    for (p in this) {
+        if (typeof(rhs[p]) == undefined
+           || this[p] != rhs[p]) {           
+            return false;
+        }
+    }
+    return true;
+}
+
+function setPixel(image, x, y, color) {
+    var index = 4 * (x + y * image.width);
+    image.data[index] = color.r;
+    image.data[index + 1] = color.g;
+    image.data[index + 2] = color.b;
+    image.data[index + 3] = color.a;
+}
+
+function getPixel(image, x, y) {   
+    var index = 4 * (x + y * image.width);
+    var r = image.data[index];
+    var g = image.data[index + 1];
+    var b = image.data[index + 2];
+    var a = image.data[index + 3];
+    return new Colour(r, g, b, a);
+}
+
+function load_random_quote() {
+    var file = "/quotes/quote" + Math.floor(Math.random() * QUOTES_NUMBER + 1) + ".html";
+    $.ajax({url: SERVER + file,
+            success: write_quote});
+}
+
+function write_quote(data, status, xhr) {   
+    $("#random_quote").html(data);
+}
+
+function load_footer()
+{
+	var file = "/footer.html";
+	var currentFile = self.location.hostname + self.location.pathname;		
+	var request = http_request_object();
+	var url  = "http://" + self.location.hostname + file;	
+	request.open("GET", url, false);
+	request.setRequestHeader("User-Agent", navigator.userAgent);
+	request.send(null)
+	// if (oRequest.status == 200) alert(oRequest.responseText);
+	// else alert("Error executing XMLHttpRequest call!");	
+	//document.write(url);
+	//document.write(request.responseText);
+    document.getElementById('footer').innerHTML = request.responseText;
+}
+
+
+
+// Mandelbrot functions
+function Complex(real, imag) 
+{
+	this.real = real;
+	this.imag = imag;
+}
+
+var MIN_C = new Complex(-2.2, -1.4);
+var MAX_C = new Complex(1.0, 1.4);
+var min_c = MIN_C;
+var max_c = MAX_C;
+var MIN_ITER = 100;
+var max_iter = MIN_ITER;
+var zoom = 1.0;
+var resolution = 3;
+var bailout = 4.0;
+
+function Result(z, iter) 
+{
+	this.z = z;
+	this.iter = iter;
+}
+
+function complex_quad(c)
+{
+	return new Complex(Math.pow(c.real, 2) - Math.pow(c.imag, 2), 
+		2.0 * c.real * c.imag);
+}
+
+function complex_quad_value(c)
+{
+	return Math.pow(c.real, 2) + Math.pow(c.imag, 2);
+}
+
+function complex_add(c1, c2)
+{
+	return new Complex(c1.real + c2.real, c1.imag + c2.imag);
+}
+
+function complex_equal(c1, c2)
+{	
+	return (c1.real == c2.real) && (c1.imag == c2.imag);
+}
+
+function iterate(z, c) 
+{
+	z_quad = complex_quad(z);
+	return new Complex(z_quad.real + c.real, z_quad.imag + c.imag);
+}
+
+function test(c, max_iter) 
+{
+	var iter = 0;
+	var z = new Complex(0.0, 0.0);
+	var last_z = new Complex(-1.0, 0.0);
+	var quad_z = complex_quad_value(z);
+	
+	while (iter < max_iter
+		&& !complex_equal(z, last_z)
+		&& quad_z <= bailout)
+	{
+		last_z = z;
+		z = iterate(z, c);
+		quad_z = complex_quad_value(z);
+		iter++;
+	}
+	return new Result(quad_z, iter);
+}
+
+function draw(diter, dx, dy, dz, dres)
+{  
+	var canvas = document.getElementById('mandelbrot'); 
+	
+	if (canvas.getContext)
+	{  
+		zoom += dz;
+		var ctx = canvas.getContext('2d');
+
+		if (dres != 0)
+		{		
+			resolution = Math.max(1, resolution + dres);
+		}
+
+		if (diter != 0)
+		{
+			max_iter = Math.max(MIN_ITER, max_iter + diter);
+		}
+		
+		var red = "rgb(255, 0, 0)";
+		var white = "rgb(255, 255, 255)";
+		var width = canvas.width;
+		var height = canvas.height;
+		var dim = Math.max(width, height);
+		var dim_ratio = Math.round(width / height);	
+		var diff_c = new Complex(max_c.real - min_c.real,
+			max_c.imag - min_c.imag);
+		dx_min = diff_c.real / 100 * (dx + dz);
+		dx_max = diff_c.real / 100 * (dx - dz);
+
+		dy_min = diff_c.imag / 100 * (dy + dz);
+		dy_max = diff_c.imag / 100 * (dy - dz);
+
+		var min_inc = new Complex(dx_min * dim_ratio / 2.0, dy_min);
+		var max_inc = new Complex(dx_max * dim_ratio / 2.0, dy_max);
+		min_c = complex_add(min_c, min_inc);
+		max_c = complex_add(max_c, max_inc);
+		diff_c = new Complex(max_c.real - min_c.real,
+			max_c.imag - min_c.imag);
+		
+		for (var y = 0; y < height; y += resolution) 
+		{
+			for (var x = 0; x < width; x += resolution) 
+			{    			
+				var c = new Complex(min_c.real + diff_c.real / dim * x, 
+					min_c.imag + diff_c.imag / dim * y);  	
+			 	var result = test(c, max_iter);	
+		 		var r = Math.min(255, Math.pow(Math.max(0, 
+		 			(result.iter - max_iter / 20.0)), 2));
+				var g = Math.min(255, Math.pow(Math.max(0, 
+					(result.iter - max_iter / 25.0)), 2));			
+		 		var b = Math.min(255, Math.pow(Math.max(0, 
+					(result.iter - max_iter / 20.0)), 2));
+		 		var colour = "rgb(" + r + "," + g + "," + b + ")";
+		 		ctx.fillStyle = colour; 
+				ctx.fillRect(x, y, resolution, resolution);			
+			}
+  		}
+	}  
+} 
+
+function getEventOffsetX(evt)
+{
+	if (evt.offsetX != null)
+		return evt.offsetX;
+ 
+    var obj = evt.target || evt.srcElement;
+   	setPageTopLeft(obj);
+    return (evt.clientX - obj.pageLeft);
+}
+
+function getEventOffsetY(evt)
+{
+	if (evt.offsetY != null)
+		return evt.offsetY;
+ 
+    var obj = evt.target || evt.srcElement;
+   	setPageTopLeft(obj);
+    return (evt.clientY - obj.pageTop);
+}
+ 
+function setPageTopLeft( o )
+{
+    var top = 0,
+    left = 0,
+    obj = o;
+ 
+    while (o.offsetParent)
+     {
+         left += o.offsetLeft ;
+         top += o.offsetTop ;
+         o = o.offsetParent ;
+    };
+ 
+    obj.pageTop = top;
+    obj.pageLeft = left; 
+}
+ 
+function draw2(evt)
+{
+	var iter = 0;
+	var res = 0;
+	var x = (getEventOffsetX(evt) - 335) / 167.5;
+    var y = (getEventOffsetY(evt) - 140) / 70;
+	var z = 0;
+	draw(iter, x, y, z, res);
+}
+
+