| Current Path : /home/kamilrogam/poligon/projekty/easter-chicken/ |
| Current File : /home/kamilrogam/poligon/projekty/easter-chicken/index.php |
<?
$description = "Wchodzisz na własną odpowiedzialność. Nie odpowiadam za straty na psychice.";
$title = "Kamil Rogala- Front End Developer. Poligon, eksperymenty i zło wszelakie";
$keywords = ",poligon,eksperymenty"
?>
<!DOCTYPE html>
<html lang="pl" dir="ltr">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta property="og:type" content="article">
<meta property="og:url" content="<? echo $_SERVER['SCRIPT_URI']; ?>">
<meta property="og:title" content="<? echo $title ?>">
<meta property="og:image" content="http://poligon.kamilrogala.it/images/fb_logo_big.jpg">
<meta property="og:description" content="<? echo $description?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="<? echo $_SERVER['SCRIPT_URI']; ?>">
<meta charset="utf-8">
<meta name="keywords" content="Kamil Rogala,programowanie,strony internetowe,WWW,frontend,frontend developer,HTML,HTML5,CSS,CSS3,javascript,jQuery,responsive web design,RWD,webdeveloper<? echo $keywords ?>">
<meta name="rights" content="Kamil Rogala, kamil@kamilrogala.it">
<meta name="description" content="<? echo $description ?>" />
<title><? echo $title ?></title>
<link rel="shortcut icon" href="http://poligon.kamilrogala.it/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://poligon.kamilrogala.it/images/favicon.ico" type="image/x-icon">
<style>
.lbox{position:relative;transition:all .2s ease;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999999;}
.loader:before{content:"";position:absolute;top:0px;left:-25px;height:12px;width:12px;border-radius:12px;-webkit-animation:loader10g 3s ease-in-out infinite;animation:loader10g 3s ease-in-out infinite;}
.loader{position:fixed;z-index:9999999999;width:12px;height:12px;left:50%;top:50%;margin-top:-6px;margin-left:-6px;border-radius:12px;-webkit-animation:loader10m 3s ease-in-out infinite;animation:loader10m 3s ease-in-out infinite;}
.loader:after{content:"";position:absolute;top:0px;left:25px;height:10px;width:10px;border-radius:10px;-webkit-animation:loader10d 3s ease-in-out infinite;animation:loader10d 3s ease-in-out infinite;}
@-webkit-keyframes loader10g{0%{background-color:rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,1);}50%{background-color:rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.2);}100%{background-color:rgba(255,255,255,.2);}}
@keyframes loader10g{0%{background-color:rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,1);}50%{background-color:rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.2);}100%{background-color:rgba(255,255,255,.2);}}
@-webkit-keyframes loader10m{0%{background-color:rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.2);}50%{background-color:rgba(255,255,255,1);}75%{background-color:rgba(255,255,255,.2);}100%{background-color:rgba(255,255,255,.2);}}
@keyframes loader10m{0%{background-color:rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.2);}50%{background-color:rgba(255,255,255,1);}75%{background-color:rgba(255,255,255,.2);}100%{background-color:rgba(255,255,255,.2);}}
@-webkit-keyframes loader10d{0%{background-color:rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.2);}50%{background-color:rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,.2);}}
@keyframes loader10d{0%{background-color:rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.2);}50%{background-color:rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,.2);}}
</style>
<script src="https://code.jquery.com/jquery-2.0.0.min.js" integrity="sha256-1IKHGl6UjLSIT6CXLqmKgavKBXtr0/jJlaGMEkh+dhw=" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet">
<link href="<? echo $_SERVER['SCRIPT_URI']; ?>css/template.css" rel="stylesheet" type="text/css">
</head>
<body class="demo <? echo 'browser-'.$browser?>">
<div class="lbox"><div class="loader"></div></div>
<div class="fix">
<div class="width">
<div class="wishes wishes-animation">
<h1>Wszystkiego kurczakowego!</h1>
</div>
<div class="animation-shake egg-c">
<div class="egg egg-top animation-fly">
<img src="<? echo $_SERVER['SCRIPT_URI']; ?>images/egg-t.png" alt="egg-top">
</div>
<div class="egg egg-bottom">
<img src="<? echo $_SERVER['SCRIPT_URI']; ?>images/egg-b.png" alt="egg-bottom">
<div class="crack cr1"></div>
<div class="crack cr2"></div>
<div class="crack cr3"></div>
<div class="crack cr4"></div>
<div class="crack cr5"></div>
<div class="crack cr6"></div>
<div class="crack cr7"></div>
<div class="crack cr8"></div>
<div class="crack cr9"></div>
</div>
</div>
<div class="chicken-animation chicken-main-container">
<div class="chicken-container">
<div class="chicken-head">
<div class="chicken-eye left-eye"></div>
<div class="chicken-eye right-eye"></div>
<div class="chicken-beak"></div>
</div>
<div class="chicken-body"></div>
</div>
</div>
</div>
<div class="grass back"></div>
<div class="grass-bg"></div>
<div class="grass front"></div>
</div>
<div class="anim author">
<p>© <a href="kamilrogala.it" target="_self" title="Kamil Rogala- Front End Developer. Strona poświęcona programowaniu, front end'owi i szeroko rozumianemu tworzeniu stron internetowych">KamilRogala.IT</a></p>
<p>autor: Kamil Rogala, 2017-<? echo date('Y');?>.</p>
</div>
<script>
(function($) {
$(window).load(function() {
$('.loader').fadeOut();
$('.lbox').delay(350).fadeOut('slow');
$('body').delay(350).css({'overflow':'visible'});
});
})(jQuery);
</script>
</body>
</html>