Commit d69f7c68 by christian

update files

parent 7094d8f9
/robots.txt
/old-index.php
robots.txt
old-index.php
/.htaccess
/js/lib
/img
/css/_partials.css
/css/partials/_sun-frames.css
/css/partials/_perspective.css
/css/partials/_monky-frames.css
/css/partials/_greetz-frames.css
/css/partials/_colors.css
\ No newline at end of file
js/lib/
img/
css/_partials.css
css/partials/_sun-frames.css
css/partials/_perspective.css
css/partials/_monky-frames.css
css/partials/_greetz-frames.css
css/partials/_colors.css
css/normalize.css
favicon
mail.php
meta/
readme.md
This diff is collapsed. Click to expand it.
@import "normalize.css";
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Merriweather+Sans:800);
@import "partials/_colors.scss";
@import "partials/_sun-frames.scss";
@import "partials/_monky-frames.scss";
@import "partials/_greetz-frames.scss";
@import "partials/_perspective.scss";
@import "normalize.css";
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Merriweather+Sans:800);
@import "partials/_colors.scss";
@import "partials/_sun-frames.scss";
@import "partials/_monky-frames.scss";
@import "partials/_greetz-frames.scss";
@import "partials/_perspective.scss";
/*! normalize.css v3.0.1 | 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}
dfn{font-style:italic}
h1{font-size:2em;margin:.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:-.5em}
sub{bottom:-.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}
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}
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 silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
b,strong,optgroup{font-weight:700}
pre,textarea{overflow:auto}
/*! normalize.css v3.0.1 | 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}
dfn{font-style:italic}
h1{font-size:2em;margin:.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:-.5em}
sub{bottom:-.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}
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}
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 silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
b,strong,optgroup{font-weight:700}
pre,textarea{overflow:auto}
button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0}
\ No newline at end of file
$color-orange: #ce6541;
$color-p:#777;
$color-light-blue:rgb(0,182,233);
$color-blue:#00a0c6;
$color-light-grey:#efefef;
$color:#fff;
\ No newline at end of file
$color-orange: #ce6541;
$color-p:#777;
$color-light-blue:rgb(0,182,233);
$color-blue:#00a0c6;
$color-light-grey:#efefef;
$color-placeholder: rgba(0,0,0,0.3);
$color-red:rgb(231,76,60);
$color:#fff;
@keyframes greetzFrame{
0% {
right:0;
top:50px;
opacity:1;
transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
}
@-moz-keyframes greetzFrame{
0% {
right:0;
top:50px;
opacity:1;
-moz-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
-moz-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
-moz-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
-moz-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
-moz-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
-moz-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
-moz-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
-moz-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
-moz-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
-moz-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
-moz-transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
}
@-webkit-keyframes greetzFrame {
0% {
right:0;
top:50px;
opacity:1;
-webkit-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
-webkit-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
-webkit-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
-webkit-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
-webkit-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
-webkit-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
-webkit-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
-webkit-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
-webkit-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
-webkit-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
-webkit-transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
}
@-o-keyframes greetzFrame {
0% {
right:0;
top:50px;
opacity:1;
-o-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
-o-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
-o-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
-o-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
-o-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
-o-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
-o-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
-o-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
-o-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
-o-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
-o-transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
}
@-ms-keyframes greetzFrame {
0% {
right:0;
top:50px;
opacity:1;
-ms-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
-ms-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
-ms-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
-ms-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
-ms-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
-ms-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
-ms-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
-ms-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
-ms-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
-ms-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
-ms-transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
@keyframes greetzFrame{
0% {
right:0;
top:50px;
opacity:1;
transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
}
@-moz-keyframes greetzFrame{
0% {
right:0;
top:50px;
opacity:1;
-moz-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
-moz-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
-moz-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
-moz-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
-moz-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
-moz-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
-moz-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
-moz-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
-moz-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
-moz-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
-moz-transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
}
@-webkit-keyframes greetzFrame {
0% {
right:0;
top:50px;
opacity:1;
-webkit-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
-webkit-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
-webkit-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
-webkit-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
-webkit-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
-webkit-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
-webkit-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
-webkit-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
-webkit-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
-webkit-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
-webkit-transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
}
@-o-keyframes greetzFrame {
0% {
right:0;
top:50px;
opacity:1;
-o-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
-o-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
-o-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
-o-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
-o-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
-o-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
-o-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
-o-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
-o-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
-o-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
-o-transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
}
@-ms-keyframes greetzFrame {
0% {
right:0;
top:50px;
opacity:1;
-ms-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(deg) skewY(deg) ;
}
10% {
-ms-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
20% {
-ms-transform: rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
}
30% {
-ms-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
40% {
-ms-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
50% {
-ms-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
60% {
-ms-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
70% {
-ms-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
80% {
-ms-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
}
90% {
-ms-transform: rotate(3deg) scaleX(1.2) scaleY(1.2) ;
}
100% {
right:0;
top:50px;
opacity:1;
-ms-transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(deg) skewY(deg) ;
}
}
\ No newline at end of file
@keyframes monkyFrame {
0% {
left: -1500px;
top: -40px;
opacity: 0;
transform: rotate(-10deg) scaleX(.6) scaleY(.6);
}
60% {
left: 30px;
top: 0;
opacity: 1;
transform: rotate(-5deg) scaleX(.8) scaleY(.8);
}
80% {
left: -30px;
transform: scaleX(1.1) scaleY(1.1) rotate(0deg);
}
90% {
transform: scaleX(1.1) scaleY(1.1) rotate(0deg);
top: -40px;
}
100% {
left: -20px;
top: -40px;
opacity: 1;
transform: rotate(0deg) scaleX(1) scaleY(1);
}
}
@-moz-keyframes monkyFrame {
0% {
left: -1500px;
top: -40px;
opacity: 0;
-moz-transform: rotate(-10deg) scaleX(.6) scaleY(.6);
}
60% {
left: 30px;
top: 0;
opacity: 1;
-moz-transform: rotate(-5deg) scaleX(.8) scaleY(.8);
}
80% {
left: -30px;
-moz-transform: scaleX(1.1) scaleY(1.1) rotate(0deg);
}
90% {
-moz-transform: scaleX(1.1) scaleY(1.1) rotate(0deg);
top: -40px;
}
100% {
left: -20px;
top: -40px;
opacity: 1;
-moz-transform: rotate(0deg) scaleX(1) scaleY(1);
}
}
@-webkit-keyframes monkyFrame {
0% {
left: -1500px;
top: -40px;
opacity: 0;
-webkit-transform: rotate(-10deg) scaleX(.6) scaleY(.6);
}
60% {
left: 30px;
top: 0;
opacity: 1;
-webkit-transform: rotate(-5deg) scaleX(.8) scaleY(.8);
}
80% {
left: -30px;
-webkit-transform: scaleX(1.1) scaleY(1.1) rotate(0deg);
}
90% {
-webkit-transform: scaleX(1.1) scaleY(1.1) rotate(0deg);
top: -40px;
}
100% {
left: -20px;
top: -40px;
opacity: 1;
-webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
}
}
@-ms-keyframes monkyFrame {
0% {
left: -1500px;
top: -40px;
opacity: 0;
-ms-transform: rotate(-10deg) scaleX(.6) scaleY(.6);
}
60% {
left: 30px;
top: 0;
opacity: 1;
-ms-transform: rotate(-5deg) scaleX(.8) scaleY(.8);
}
80% {
left: -30px;
-ms-transform: scaleX(1.1) scaleY(1.1) rotate(0deg) ;
}
90% {
-ms-transform: scaleX(1.1) scaleY(1.1) rotate(0deg);
top: -40px;
}
100% {
left: -20px;
top: -40px;
opacity: 1;
-ms-transform: rotate(0deg) scaleX(1) scaleY(1);
}
}
@-o-keyframes monkyFrame {
0% {
left: -1500px;
top: -40px;
opacity: 0;
-o-transform: rotate(-10deg) scaleX(.6) scaleY(.6);
}
60% {
left: 30px;
top: 0;
opacity: 1;
-o-transform: rotate(-5deg) scaleX(.8) scaleY(.8);
}
80% {
left: -30px;
-o-transform: scaleX(1.1) scaleY(1.1) rotate(0deg) ;
}
90% {
-o-transform: scaleX(1.1) scaleY(1.1) rotate(0deg);
top: -40px;