Added picture of myself, added color and additional sites

css/fluidity.scss

@@ -0,0 +1,13 @@
+/*
+  FLUIDITY v0.1.0
+  @mrmrs - http://mrmrs.cc
+  MIT
+*/
+
+img, canvas, iframe, video, svg { max-width: 100%; }
+
+/* Wrap tables or pre elements in a div with this class */
+
+.overflow-container {
+    overflow-y: scroll;
+}

css/main.css

@@ -1 +1 @@
-/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.clearfix::before,.clearfix::after{content:" ";display:table}.clearfix::after{clear:both}.clearfix{*zoom:1}.container{margin:0 auto;max-width:960px;width:90%}.row{overflow:hidden}.column{float:left;margin-left:5%}.column:first-child{margin-left:0}.column.full{width:100%}.column.two-thirds{width:65%}.column.half{width:47.5%}.column.one-third{width:30%}.column.one-fourth{width:21.25%}body{background-color:#f3f3f3;color:#505050;font-family:"Open Sans","Calibri","Helvetica","Arial",sans-serif}h1,h2,h3{font-family:"Open Sans","Calibri","Helvetica","Arial",sans-serif;font-weight:700;line-height:1.2em;margin:0.4em 0em}p{line-height:1.4em;padding:0.5em 0}ul li{list-style:disc;margin-left:1.5em;list-style-position:inside;font-size:1em}a{color:#cf0000;-moz-transition:color 0.2s ease;-webkit-transition:color 0.2s ease;-o-transition:color 0.2s ease;transition:color 0.2s ease}a:hover,a:active,a:focus{color:#ff0303}.red{color:#ff0000}.big{font-size:1.5em}.bold{font-weight:700}.small{font-size:0.8em}#instantclick-bar{background:#ff0000}h1,h2{font-family:"Droid Serif","Georgia",serif;text-align:center}h1{font-size:3em}h2{font-size:1.7em}h3{font-family:"Anonymous Pro","Monaco","Courier",serif}.container{font-family:"Anonymous Pro","Monaco","Courier",serif}table tbody td{padding:0.3em 0}table tbody td:nth-child(odd){padding-right:0.7em}@media screen and (max-width: 980px){.column.full,.column.two-thirds,.column.half{float:none;margin:0;width:100%}.column.one-third,.column.one-fourth{float:left;margin:0;width:50%}}@media screen and (max-width: 480px){.column.one-third,.column.one-fourth{float:left;margin:0;width:100%}}
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.clearfix::before,.clearfix::after{content:" ";display:table}.clearfix::after{clear:both}.clearfix{*zoom:1}.container{margin:0 auto;max-width:960px;width:90%}.row{overflow:hidden}.column{float:left;margin-left:5%}.column:first-child{margin-left:0}.column.full{width:100%}.column.two-thirds{width:65%}.column.half{width:47.5%}.column.one-third{width:30%}.column.one-fourth{width:21.25%}body{background-color:#ffd4a2;color:#683800;font-family:"Open Sans","Calibri","Helvetica","Arial",sans-serif}h1,h2,h3{font-family:"Open Sans","Calibri","Helvetica","Arial",sans-serif;font-weight:700;line-height:1.2em;margin:0.4em 0em}p{line-height:1.4em;padding:0.5em 0}ul li{list-style:disc;margin:0.3em 0em 0.3em 0.5em;list-style-position:inside;list-style-type:square;font-size:1em}a{color:#cf0000;-moz-transition:color 0.2s ease;-webkit-transition:color 0.2s ease;-o-transition:color 0.2s ease;transition:color 0.2s ease}a:hover,a:active,a:focus{color:#ff0303}.red{color:#ff0000}.big{font-size:1.5em}.bold{font-weight:700}.small{font-size:0.8em}#instantclick-bar{background:#ff0000}h1,h2{font-family:"Droid Serif","Georgia",serif;text-align:center}h1{font-size:3em}h2{font-size:1.7em}h3{font-family:"Anonymous Pro","Monaco","Courier",serif}.bobble{width:100%;text-align:center}.bobble img{margin:10px auto 0;width:200px}.container{font-family:"Anonymous Pro","Monaco","Courier",serif;margin-bottom:2em}table tbody td{padding:0.3em 0}table tbody td:nth-child(odd){padding-right:0.7em}@media screen and (max-width: 980px){.column.full,.column.two-thirds,.column.half{float:none;margin:0;width:100%}.column.one-third,.column.one-fourth{float:left;margin:0;width:50%}}@media screen and (max-width: 480px){.column.one-third,.column.one-fourth{float:left;margin:0;width:100%}}

css/main.scss

@@ -3,15 +3,18 @@
 
 @import 'normalize';
 @import 'mixins';
-/*@import 'font-awesome';*/
 @import 'defaults';
+/*
+@import 'fluidity';
+@import 'font-awesome';
+*/
 
 /*	Content
 --------------------------*/
 
 body {
-	background-color: #f3f3f3;
+	background-color: #ffd4a2;
-	color: #505050;
+	color: #683800;
 	font-family: $font-sans-serif;
 }
 
@@ -28,8 +31,9 @@ p {
 ul {
 	li {
 		list-style: disc;
-		margin-left: 1.5em;
+		margin: 0.3em 0em 0.3em 0.5em;
 		list-style-position: inside;
+		list-style-type:square;
 		font-size: 1em;
 	}
 }
@@ -74,12 +78,21 @@ h2 {
 h3 {
 	font-family: $font-mono;
 }
+.bobble {
+	width: 100%;
+	text-align: center;
+	img {
+		margin: 10px auto 0;
+		width: 200px;
+	}
+}
 
 /*	Content
 --------------------------*/
 
 .container {
 	font-family: $font-mono;
+	margin-bottom: 2em;
 }
 table tbody {
 	td {

index.php

@@ -36,8 +36,9 @@ if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandl
 <div class="row clearfix">
 	<div class="column full">
 		<header>
+		<div class="bobble"><img src="img/bobble.jpg" alt="Picture of Jan" /></div>
 		<h1>Jastrow.me</h1>
-		<h2>Ohhh… THAT guy!</h2>
+		<h2>Ohhh… THAT guy…</h2>
 		</header>
 	</div>
 </div>
@@ -93,6 +94,15 @@ if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandl
 			<td><a href="https://alpha.app.net/gehirnfussel">@Gehirnfussel</a></td>
 		</tr>
 	</tbody></table>
+	<h3>Projects and Content</h3>
+	<ul>
+		<li><a href="http://schwerkraftlabor.de">Schwerkraftlabor</a></li>
+		<li><a href="http://schwerkraftlabor.de/blog">Blog</a></li>
+		<li><a href="http://jan.jastrow.me">Tumblr</a></li>
+		<li><a href="https://github.com/Gehirnfussel/">GitHub</a></li>
+		<li><a href="https://secure.flickr.com/photos/dtdsr/">Flickr</a></li>
+		<li><a href="http://letterboxd.com/gehirnfussel/">Letterboxd</a></li>
+	</ul>
 	</div>
 </div>
 </div><!-- container end -->