Added picture of myself, added color and additional sites
This commit is contained in:
parent
c517a7f8eb
commit
58050f157b
13
css/fluidity.scss
Executable file
13
css/fluidity.scss
Executable 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;
|
||||
}
|
@ -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%}}
|
||||
|
@ -3,15 +3,18 @@
|
||||
|
||||
@import 'normalize';
|
||||
@import 'mixins';
|
||||
/*@import 'font-awesome';*/
|
||||
@import 'defaults';
|
||||
/*
|
||||
@import 'fluidity';
|
||||
@import 'font-awesome';
|
||||
*/
|
||||
|
||||
/* Content
|
||||
--------------------------*/
|
||||
|
||||
body {
|
||||
background-color: #f3f3f3;
|
||||
color: #505050;
|
||||
background-color: #ffd4a2;
|
||||
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 {
|
||||
|
BIN
img/bobble.jpg
Normal file
BIN
img/bobble.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 13 KiB |
12
index.php
12
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 -->
|
||||
|
Loading…
Reference in New Issue
Block a user