jan/Website_Jastrow.me
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added favicon, added more padding, reduced colors

Browse Source
This commit is contained in:
Gehirnfussel 2014-03-26 21:47:20 +01:00
parent 58050f157b
commit 6488ae10e6
5 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/main.css
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:#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%}} /*! 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:#fff0de;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:#663700;-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:#b36000}a:active{position:relative;top:1px}h1,h2{font-family:"Droid Serif","Georgia",serif;text-align:center}h1{font-size:3em}h2{font-size:1.7em}h3{margin-top:1em;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%}}

24
css/main.scss
View File

@ -13,7 +13,7 @@
--------------------------*/ --------------------------*/
body { body {
background-color: #ffd4a2; background-color: #fff0de;
color: #683800; color: #683800;
font-family: $font-sans-serif; font-family: $font-sans-serif;
} }
@ -37,33 +37,26 @@ ul {
font-size: 1em; font-size: 1em;
} }
} }
$linkcolor: rgba(207, 0, 0, 1.0); $linkcolor: #663700;
a { a {
color: $linkcolor; color: $linkcolor;
@include transition(color 0.2s ease); @include transition(color 0.2s ease);
&:hover, &:active, &:focus{ &:hover, &:active, &:focus{
color: lighten($linkcolor, 10%); color: lighten($linkcolor, 15%);
} }
&:active {
position: relative;
top: 1px;
} }
.red {
color: #ff0000;
}
.big {
font-size: 1.5em;
}
.bold {
font-weight: 700;
}
.small {
font-size: 0.8em;
} }
/* Header /* Header
--------------------------*/ --------------------------*/
/*
#instantclick-bar { #instantclick-bar {
background: #ff0000; background: #ff0000;
} }
*/
h1, h2 { h1, h2 {
font-family: $font-serif; font-family: $font-serif;
@ -76,6 +69,7 @@ h2 {
font-size: 1.7em; font-size: 1.7em;
} }
h3 { h3 {
margin-top: 1em;
font-family: $font-mono; font-family: $font-mono;
} }
.bobble { .bobble {

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
img/bobble.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 12 KiB

12
index.php
View File

@ -1,7 +1,7 @@
<?php <?php
#¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ #¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
# version......: 1.0 # version......: 1.0.2
# last.change..: 2014-03-25 # last.change..: 2014-03-26
# created.by...: Jan Jastrow # created.by...: Jan Jastrow
# contact......: jan@schwerkraftlabor.de # contact......: jan@schwerkraftlabor.de
# license......: MIT license # license......: MIT license
@ -21,7 +21,7 @@ if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandl
<link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="shortcut icon" href="favicon.ico" /> <link rel="shortcut icon" href="favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui" />
<title>:: Jastrow.me :: About Jan Jastrow</title> <title>Jastrow.me | "Ohhh… THAT guy…"</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:700|Anonymous+Pro:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Droid+Serif:700|Anonymous+Pro:400,700' rel='stylesheet' type='text/css'>
<link href="css/main.css" rel="stylesheet" /> <link href="css/main.css" rel="stylesheet" />
<!--[if lt IE 9]> <!--[if lt IE 9]>
@ -67,7 +67,7 @@ if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandl
<td>IT ("My pc is acting weird! Help me!")</td> <td>IT ("My pc is acting weird! Help me!")</td>
</tr> </tr>
</tbody></table> </tbody></table>
<h3>Contact</h3> <h3>Contact me</h3>
<table><tbody> <table><tbody>
<tr> <tr>
<td>Mail:</td> <td>Mail:</td>
@ -94,9 +94,9 @@ 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> <h3>Projects and content</h3>
<ul> <ul>
<li><a href="http://schwerkraftlabor.de">Schwerkraftlabor</a></li> <li><a href="http://schwerkraftlabor.de">Schwerkraftlabor</a> [Projects]</li>
<li><a href="http://schwerkraftlabor.de/blog">Blog</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="http://jan.jastrow.me">Tumblr</a></li>
<li><a href="https://github.com/Gehirnfussel/">GitHub</a></li> <li><a href="https://github.com/Gehirnfussel/">GitHub</a></li>