Added picture of myself, added color and additional sites

This commit is contained in:
Gehirnfussel 2014-03-26 14:50:21 +01:00
parent c517a7f8eb
commit 58050f157b
5 changed files with 42 additions and 6 deletions

13
css/fluidity.scss Executable file
View File

@ -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;
}

View File

@ -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%}}

View File

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

BIN
img/bobble.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -36,8 +36,9 @@ if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandl
<div class="row clearfix"> <div class="row clearfix">
<div class="column full"> <div class="column full">
<header> <header>
<div class="bobble"><img src="img/bobble.jpg" alt="Picture of Jan" /></div>
<h1>Jastrow.me</h1> <h1>Jastrow.me</h1>
<h2>Ohhh… THAT guy!</h2> <h2>Ohhh… THAT guy</h2>
</header> </header>
</div> </div>
</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> <td><a href="https://alpha.app.net/gehirnfussel">@Gehirnfussel</a></td>
</tr> </tr>
</tbody></table> </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> </div>
</div><!-- container end --> </div><!-- container end -->