-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
1 lines (1 loc) · 37.5 KB
/
index.php
File metadata and controls
1 lines (1 loc) · 37.5 KB
1
<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--><!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Christopher Warren - Front-end web developer</title> <meta name="description" content="Multi-disciplinary front-end web developer with over 6 years experience based in Canberra. I specialise in creating visually appealing websites with the principles of accessible UX/UI design."> <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="shortcut icon" href="favicon.ico" /><link rel="dns-prefetch" href="//ajax.googleapis.com"><style>article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}img{border:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}*{margin:0;padding:0;outline:0;text-decoration:none;border:none}@font-face {font-family: 'Source Sans Pro';font-style: normal;font-weight: 400;src: url(http://fonts.gstatic.com/l/font?kit=ODelI1aHBYDBqgeIAH2zlOJiaNIvy-62sbXRIZhGx79x_y_q7uoqOdoD5TKmVpxQlXuXKD5n36pSj4hFjxiOfQ);src: local('?'),url(http://fonts.gstatic.com/l/font?kit=ODelI1aHBYDBqgeIAH2zlEjo7iwPtZWmCWw1Rg1xOfdx_y_q7uoqOdoD5TKmVpxQlXuXKD5n36pSj4hFjxiOfQ) format('woff2'),url(http://fonts.gstatic.com/l/font?kit=ODelI1aHBYDBqgeIAH2zlLduq44zV42OU3eCN1s14OFx_y_q7uoqOdoD5TKmVpxQlXuXKD5n36pSj4hFjxiOfQ) format('woff');}@charset "UTF-8";/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */*,:focus{outline:0}button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}body{font:300 15px/0 jaf-facitweb,sans-serif;color:#4d4d4d;background-color:#FFF}p{line-height:initial}.container{width:980px;margin:0 auto}#intro p{margin:0;font:30px 'Source Sans Pro',myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif;font-weight:400;background-color:rgba(255,255,255,.6);color:#000;padding:2px 2px 2px 20px;letter-spacing:4px}h1{font:34px 'Source Sans Pro',myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif;font-weight:400;color:#000;margin:35px 0 40px;text-align:center;letter-spacing:4px;border-bottom:1px solid #DADADA}.line:after{content:'';display:block;width:300px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;border-top:2px solid #969696}#header{background-color:#5F7C8C;min-height:87px;width:100%;z-index:5}#logoArea{float:left}#logoArea a:hover{opacity:.3}nav{width:980px;margin:0 auto}nav ul{float:right}nav li{display:block;float:left}#main-nav li a{display:block;width:149px;height:60px;padding:28px 0 0 10px;border-left:1px solid #738996;color:#fff;font:15px 'Source Sans Pro',myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif;text-decoration:none;letter-spacing:4px;text-transform:uppercase;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}#main-nav li:last-child a{border-right:1px solid #738996}#main-nav li a:hover{border-left:1px solid #464646;color:#464646}#main-nav li a span{display:block;font-size:10px;color:#7E97A5}#flex-background{position:relative;background:url(img/slide6-sm.jpg);width:100%;height:222px;-webkit-box-shadow:0 4px 4px -2px #E7F6F9;-moz-box-shadow:0 4px 4px -2px #E7F6F9;box-shadow:0 4px 4px -2px #E7F6F9;z-index:1}#intro{width:980px;margin:0 auto;padding-top:35px;color:#fff;font:700 18px myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif}#intro p:nth-child(2){background-color:rgba(255,255,255,.8);margin-top:10px;width:570px}#intro p:nth-child(3){margin-top:10px;width:675px}#animation{position:relative;width:200px;height:150px;float:right;margin-top:-137px;-ms-transform:scale(0.7,.7);-webkit-transform:scale(0.8,.8);transform:scale(0.8,.8)}.fire{position:absolute;top:50%;left:50%;opacity:.8;z-index:10;margin-top:-30px;margin-left:-10px}.fire .bottom,.fire .middle,.fire .top{position:absolute}.fire .top{margin-top:-10px;-webkit-transform:scale(0.8,.8);-moz-transform:scale(0.8,.8);-ms-transform:scale(0.8,.8);-o-transform:scale(0.8,.8);transform:scale(0.8,.8)}.fire .middle{margin-top:-5px}.fire .bottom div{position:absolute;border-bottom:80px solid rgba(212,236,240,1);border-left:40px solid transparent;border-right:40px solid transparent;width:0;height:80px;border-radius:80px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.fire .middle div{position:absolute;border-bottom:80px solid rgba(95,124,140,1);border-left:40px solid transparent;border-right:40px solid transparent;width:0;height:80px;border-radius:70px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.fire .top div{position:absolute;border-bottom:80px solid rgba(255,255,255,1);border-left:40px solid transparent;border-right:40px solid transparent;width:0;height:80px;border-radius:70px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.fire .top div:nth-of-type(1){margin-top:-70px;margin-left:-13px;animation:fire 1.7s ease .5s infinite alternate none;-webkit-animation:fire 1.7s ease .5s infinite alternate none}.fire .top div:nth-of-type(2){margin-top:-72px;margin-left:-25px;animation:fire 1.15s ease .1s infinite alternate none;-webkit-animation:fire 1.15s ease .1s infinite alternate none}.fire .top div:nth-of-type(3){margin-top:-80px;margin-left:-45px;animation:fire 1.65s ease 0s infinite alternate none;-webkit-animation:fire 1.65s ease 0s infinite alternate none}.fire .middle div:nth-of-type(4){margin-top:-50px;margin-left:-35px;animation:fire 1.25s ease 1s infinite alternate none;-webkit-animation:fire 1.25s ease 1s infinite alternate none}.fire .middle div:nth-of-type(1){margin-top:-70px;margin-left:-13px;animation:fire 1.05s ease .5s infinite alternate none;-webkit-animation:fire 1.05s ease .5s infinite alternate none}.fire .middle div:nth-of-type(2){margin-top:-59px;margin-left:-55px;animation:fire 1.75s ease .1s infinite alternate none;-webkit-animation:fire 1.75s ease .1s infinite alternate none}.fire .middle div:nth-of-type(3){margin-top:-75px;margin-left:-35px;animation:fire 1.35s ease 0s infinite alternate none;-webkit-animation:fire 1.35s ease 0s infinite alternate none}.fire .bottom div:nth-of-type(4){margin-top:-50px;margin-left:-15px;animation:fire 1.15s ease 1s infinite alternate none;-webkit-animation:fire 1.15s ease 1s infinite alternate none}.fire .bottom div:nth-of-type(1){margin-top:-40px;margin-left:-62px;animation:fire 1.45s ease .5s infinite alternate none;-webkit-animation:fire 1.45s ease .5s infinite alternate none}.fire .bottom div:nth-of-type(2){margin-top:-40px;margin-left:5px;animation:fire 1.65s ease .1s infinite alternate none;-webkit-animation:fire 1.65s ease .1s infinite alternate none}.fire .bottom div:nth-of-type(3){margin-top:-35px;margin-left:-35px;animation:fire 2.35s ease 0s infinite alternate none;-webkit-animation:fire 2.35s ease 0s infinite alternate none}.logs{z-index:-1;margin-top:10px}.logs div:nth-of-type(1){-webkit-transform:translate(-30px,-5px) rotate(35deg);-moz-transform:translate(-30px,-5px) rotate(35deg);-ms-transform:translate(-30px,-5px) rotate(35deg);-o-transform:translate(-30px,-5px) rotate(35deg);transform:translate(-30px,-5px) rotate(35deg);z-index:-2;background-color:rgba(95,124,140,1)}.logs div:nth-of-type(1):before{background-color:rgba(95,124,140,1);z-index:-1}.logs div:nth-of-type(3){-webkit-transform:translate(30px,-5px) rotate(-35deg);-moz-transform:translate(30px,-5px) rotate(-35deg);-ms-transform:translate(30px,-5px) rotate(-35deg);-o-transform:translate(30px,-5px) rotate(-35deg);transform:translate(30px,-5px) rotate(-35deg);background-color:rgba(95,124,140,1);z-index:-2}.logs div:nth-of-type(3):before{background-color:rgba(95,124,140,1)}.logs div:nth-of-type(1):after,.logs div:nth-of-type(3):after{-webkit-transform:scale(1,.2);-moz-transform:scale(1,.2);-ms-transform:scale(1,.2);-o-transform:scale(1,.2);transform:scale(1,.2)}.logs div{background-color:rgba(95,124,140,1);width:40px;height:80px;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:25px}.logs div:before{background-color:rgba(117,151,169,1);width:40px;height:40px;border-radius:40px;position:absolute;content:"";-webkit-transform:scale(1,.35);-moz-transform:scale(1,.35);-ms-transform:scale(1,.35);-o-transform:scale(1,.35);transform:scale(1,.35);margin-top:-20px}.logs div:after{background-color:rgba(117,151,169,1);width:40px;height:40px;border-radius:40px;position:absolute;content:"";-webkit-transform:scale(1,.35);-moz-transform:scale(1,.35);-ms-transform:scale(1,.35);-o-transform:scale(1,.35);transform:scale(1,.35);margin-top:60px}@keyframes fire{66%{-webkit-transform:rotate(-6deg) scale(0.9,.9);-moz-transform:rotate(-6deg) scale(0.9,.9);-ms-transform:rotate(-6deg) scale(0.9,.9);-o-transform:rotate(-6deg) scale(0.9,.9);transform:rotate(-6deg) scale(0.9,.9);opacity:1}100%{-webkit-transform:rotate(4deg) scale(0.7,.7);-moz-transform:rotate(4deg) scale(0.7,.7);-ms-transform:rotate(4deg) scale(0.7,.7);-o-transform:rotate(4deg) scale(0.7,.7);transform:rotate(4deg) scale(0.7,.7);opacity:.7}0%{-webkit-transform:rotate(-5deg) scale(0.8,.8);-moz-transform:rotate(-5deg) scale(0.8,.8);-ms-transform:rotate(-5deg) scale(0.8,.8);-o-transform:rotate(-5deg) scale(0.8,.8);transform:rotate(-5deg) scale(0.8,.8);opacity:.7}26%{-webkit-transform:rotate(3deg) scale(1,1);-moz-transform:rotate(3deg) scale(1,1);-ms-transform:rotate(3deg) scale(1,1);-o-transform:rotate(3deg) scale(1,1);transform:rotate(3deg) scale(1,1);opacity:.9}}@-webkit-keyframes fire{66%{-webkit-transform:rotate(-6deg) scale(0.9,.9);-moz-transform:rotate(-6deg) scale(0.9,.9);-ms-transform:rotate(-6deg) scale(0.9,.9);-o-transform:rotate(-6deg) scale(0.9,.9);transform:rotate(-6deg) scale(0.9,.9);opacity:1}100%{-webkit-transform:rotate(4deg) scale(0.7,.7);-moz-transform:rotate(4deg) scale(0.7,.7);-ms-transform:rotate(4deg) scale(0.7,.7);-o-transform:rotate(4deg) scale(0.7,.7);transform:rotate(4deg) scale(0.7,.7);opacity:.7}0%{-webkit-transform:rotate(-5deg) scale(0.8,.8);-moz-transform:rotate(-5deg) scale(0.8,.8);-ms-transform:rotate(-5deg) scale(0.8,.8);-o-transform:rotate(-5deg) scale(0.8,.8);transform:rotate(-5deg) scale(0.8,.8);opacity:.7}26%{-webkit-transform:rotate(3deg) scale(1,1);-moz-transform:rotate(3deg) scale(1,1);-ms-transform:rotate(3deg) scale(1,1);-o-transform:rotate(3deg) scale(1,1);transform:rotate(3deg) scale(1,1);opacity:.9}}.cbp_tmtimeline{margin:30px 0 0;padding:0;list-style:none;position:relative}.cbp_tmtimeline:before{content:'';position:absolute;top:0;bottom:0;width:10px;background:#7E97A5;left:4%;margin-left:-15px}.cbp_tmtimeline>li{position:relative}.cbp_tmtimeline>li .cbp_tmlabel{margin:26px 14% 15px 9%;background:#5F7C8C;color:#FFF;padding:24px 2em 12px;font-size:1.2em;font-weight:300;line-height:1.4;position:relative}.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel{background:#7E97A5}.cbp_tmtimeline>li .cbp_tmlabel h2{margin-top:0;border-bottom:none;font:19px 'Source Sans Pro',myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:2px;text-transform:uppercase;text-align:left;color:#fff;margin-bottom:0}.cbp_tmtimeline>li .cbp_tmlabel h3{margin-top:0;font:13px 'Source Sans Pro',myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:2px;text-transform:uppercase;text-align:left;color:#fff;margin-bottom:15px}.cbp_tmtimeline>li .cbp_tmlabel:after{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;border-right-color:#5F7C8C;border-width:10px;top:10px}.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after{border-right-color:#7E97A5}.cbp_tmtimeline>li .cbp_tmicon{width:40px;height:40px;font-family:SSSocial-Regular;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:2.8em;line-height:28px;-webkit-font-smoothing:antialiased;position:absolute;color:#fff;background:#5F7C8C;border-radius:50%;box-shadow:0 0 0 8px #7E97A5;text-align:center;left:4%;top:0;margin:0 0 0 -30px}.cbp_tmicon-qualification:before{content:"\ea77"}.cbp_tmicon-work:before{content:"\e903"}.cbp_tmicon-research:before{content:"\e9aa"}.cbp_tmicon-progress:before{content:"\e996"}.date{display:block;width:100px;height:110px;background:#fff;text-align:center;font-family:Helvetica,sans-serif;position:absolute;top:0;right:0}.date .binds{position:absolute;height:15px;width:60px;background:0 0;border:2px solid #5f7c8c;border-width:0 5px;top:-6px;left:0;right:0;margin:auto}.date .month{background:#7e97a5;display:block;padding:15px 0;color:#fff;font-size:12px;font-weight:700;border-bottom:3px solid #5f7c8c}.date .day{display:block;margin:0;height:31px;padding:13px 0;font-size:24px;border:1px solid #e1e1e1;position:relative}.date .day span{display:block;font-size:8px}.is-hidden{visibility:hidden}.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;transform:scale(0.5)}60%{opacity:1;transform:scale(1.2)}100%{transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;transform:scale(0.5)}60%{opacity:1;transform:scale(1.2)}100%{transform:scale(1)}}#idea{clear:both;margin:50px auto 0;text-align:center;background-color:#E6EEF0}.social{float:left;width:100%;padding:15px 0;background:#F3FBFD;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.social .icon{display:inline-block;margin:100px 20px 40px;width:100px;height:100px;font-size:70px;color:#5F7C8C;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;transition:all .15s linear}.social .icon span{font:700 10px/100px myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif;letter-spacing:2px;text-transform:uppercase;text-shadow:none;color:#5F7C8C;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.social .ss-stackoverflow{width:126px}.social .icon:hover,.social .icon:hover span{color:#333}.social .ss-blogger:hover{color:#FF9434}.social .ss-twitter:hover{color:#3ab6e8}.social .ss-stackoverflow:hover{color:#000}.social .ss-facebook:hover{color:#3b5998}.social .ss-googleplus:hover{color:#cf4232}.social .ss-octocat:hover{color:#EE4D31}footer{clear:both;width:100%;height:50px;background:#fff;text-align:center;color:#000;font:700 10px/52px myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif;letter-spacing:2px;text-transform:uppercase}footer p{line-height:52px}.skillbar{position:relative;display:block;margin-bottom:15px;width:100%;background:#eee;height:40px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-ms-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-ms-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}.skillbar-title{position:absolute;top:0;left:0;width:110px;font-weight:700;font-size:13px;color:#fff;background:#6adcfa;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px}.skillbar-title span{display:block;background:rgba(0,0,0,.1);padding:0 20px;height:40px;line-height:40px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px}.bar-height{height:40px;width:0;background:#6adcfa;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.skill-bar-percent{position:absolute;right:10px;top:0;font-size:11px;height:40px;line-height:40px;color:#fff;color:rgba(0,0,0,.4)}#top{opacity:.7;z-index:9997;position:fixed;bottom:2%;right:10px;display:none;width:50px;height:50px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHBJREFUeNqM0FENwCAMBNBKmJRJQUKlTMokIQEJOLhBxggh3bVNLiRceR8IACE5Wu5x/u55QMY7mUERAB4UBSi0A2dLAZ8y9kykF9V4dBn3dYU8QEk/oQggHtTLFAAYlL5SA4AF6f6xGgBWaO4+AgwAPoN2v4u/QeEAAAAASUVORK5CYII=) center 50% no-repeat rgba(95,124,140,.8);cursor:pointer}#top:hover{opacity:.9}input,textarea{font-family:"Open Sans",sans-serif;font-size:16px;font-size:1rem;border:none;margin:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=email]::-ms-clear{display:none}input[type=submit]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.cd-container{width:100%;max-width:980px;margin:0 auto}.cd-container:after{content:"";display:table;clear:both}.cd-form{position:relative;width:100%;height:100px;background:#D5DFE2}@media only screen and (min-width:768px){.cd-form{height:180px}}.cd-form .cd-loading{position:absolute;bottom:0;left:0;height:3%;width:100%;background-color:#7E97A5;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);visibility:hidden;-webkit-transition:-webkit-transform 3s;-moz-transition:-moz-transform 3s;transition:transform 3s;z-index:3}.no-csstransitions .cd-form .cd-loading{display:none}.cd-form.is-submitted .cd-loading{visibility:visible;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.cd-email,.cd-label,.cd-submit{position:absolute}.cd-label{color:#fff;left:18px;top:20%;text-transform:uppercase;font-size:11px;font-size:.6875rem;font-weight:700;opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;z-index:2}.is-active .cd-label{opacity:0;-webkit-transform:translate3d(0,-200%,0);-moz-transform:translate3d(0,-200%,0);-ms-transform:translate3d(0,-200%,0);-o-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0)}@media only screen and (min-width:768px){.cd-label{left:40px}}.cd-email,.cd-submit{width:100%;bottom:0}.cd-email:focus,.cd-submit:focus{outline:0}.cd-email{top:0;left:0;height:100%;background:0 0;padding-left:18px;font-weight:300;color:#fff;-webkit-transition:height .3s,background-color .3s;-moz-transition:height .3s,background-color .3s;transition:height .3s,background-color .3s;z-index:1}.cd-email::-webkit-input-placeholder{color:#fff}.cd-email::-moz-placeholder{color:#fff}.cd-email:-moz-placeholder{color:#fff}.cd-email:-ms-input-placeholder{color:#fff}.is-active .cd-email{height:50%}.cd-email:focus{background-color:#88a2b0}@media only screen and (min-width:768px){.cd-email{padding-left:40px;font-size:24px;font-size:1.5rem}}.cd-submit{top:50%;cursor:pointer;background-color:#5F7C8C;color:#fff;text-transform:uppercase;font-weight:700;display:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s;z-index:2}.is-active .cd-submit{display:block;-webkit-animation:cd-bounce-in ease-out .4s;-moz-animation:cd-bounce-in ease-out .4s;animation:cd-bounce-in ease-out .4s}.cd-submit:focus,.no-touch .cd-submit:hover{background-color:#4F6571}@-webkit-keyframes cd-bounce-in{0%{top:100%}60%{top:45%}100%{top:50%}}@-moz-keyframes cd-bounce-in{0%{top:100%}60%{top:45%}100%{top:50%}}@keyframes cd-bounce-in{0%{top:100%}60%{top:45%}100%{top:50%}}.cd-response{position:absolute;bottom:110%;left:0;padding:1.4em;color:#fff;font-size:14px;font-size:.875rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:3;visability:hidden;opacity:0;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:-webkit-transform .3s 0s,opacity .3s 0s,visibility 0s .3s;-moz-transition:-moz-transform .3s 0s,opacity .3s 0s,visibility 0s .3s;transition:transform .3s 0s,opacity .3s 0s,visibility 0s .3s}.cd-response::after{content:'';position:absolute;top:100%;left:20px;display:inline-block;width:0;height:0;border:10px solid transparent}.cd-response.cd-response-notification{background-color:#7f8ba9}.cd-response.cd-response-notification::after{border-top-color:#7f8ba9}.cd-response.is-visible{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .3s 0s,opacity .3s 0s,visibility 0s 0s;-moz-transition:-moz-transform .3s 0s,opacity .3s 0s,visibility 0s 0s;transition:transform .3s 0s,opacity .3s 0s,visibility 0s 0s}.cd-response-error,.cd-response-success{position:relative;width:980px;height:90px;margin-top:-90px;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);display:none;-webkit-transition:-webkit-transform .3s 0s,visibility 0s .3s;-moz-transition:-moz-transform .3s 0s,visibility 0s .3s;transition:transform .3s 0s,visibility 0s .3s;z-index:3}.cd-response-success{background-color:#92c195}.cd-response-error{background-color:#e36767}.cd-response-error p,.cd-response-success p{position:absolute;text-align:center;width:100%;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff;opacity:0;-webkit-transition:opacity .3s 0s;-moz-transition:opacity .3s 0s;transition:opacity .3s 0s}.cd-response-error.slide-in,.cd-response-success.slide-in{display:block;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform .3s 0s,visibility 0s 0s;-moz-transition:-moz-transform .3s 0s,visibility 0s 0s;transition:transform .3s 0s,visibility 0s 0s}.cd-response-error.slide-in p,.cd-response-success.slide-in p{opacity:1;-webkit-transition:opacity .3s .3s;-moz-transition:opacity .3s .3s;transition:opacity .3s .3s}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){#animation{display:none}}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@font-face{font-family:SSSocial-Regular;src:url(webfonts/social/SSSocial-regular.eot);src:url(webfonts/social/SSSsocial-regular.eot?#iefix) format('embedded-opentype'),url(webfonts/social/SSSocial-regular.woff2) format('woff2'),url(webfonts/social/SSSocial-regular.woff) format('woff'),url(webfonts/social/SSSocial-regular.ttf) format('truetype'),url(webfonts/social/SSSocial-regular.svg#SSSocialRegular) format('svg');font-weight:400;font-style:normal}html:hover [class^=ss-]{-ms-zoom:1}.ss-icon,.ss-icon.ss-social-regular,[class*=" ss-"].right:after,[class*=" ss-"].ss-social-regular.right:after,[class*=" ss-"].ss-social-regular:before,[class*=" ss-"]:before,[class^=ss-].right:after,[class^=ss-].ss-social-regular.right:after,[class^=ss-].ss-social-regular:before,[class^=ss-]:before{font-family:SSSocial-Regular;font-style:normal;font-weight:400;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[class*=" ss-"].right:before,[class^=ss-].right:before{display:none;content:''}.ss-facebook.right:after,.ss-facebook:before{content:''}.ss-twitter.right:after,.ss-twitter:before{content:''}.ss-linkedin.right:after,.ss-linkedin:before{content:''}.ss-googleplus.right:after,.ss-googleplus:before{content:''}.ss-blogger.right:after,.ss-blogger:before{content:''}.ss-octocat.right:after,.ss-octocat:before{content:''}.ss-stackoverflow.right:after,.ss-stackoverflow:before{content:''}.ss-link.right:after,.ss-link:before{content:'🔗'}.ss-phone.right:after,.ss-phone:before{content:'📞'}.ss-mail.right:after,.ss-mail:before{content:'✉'}.project-icon span{display:none}.project-icon:hover span{display:block;text-align:center;margin-top:-76px;font:20px 'Source Sans Pro',myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif;color:#fff}.project-icon:hover:before{content:"🔗";width:474px;height:190px;font-family:SSSocial-Regular;speak:none;font-size:60px;line-height:163px;-webkit-font-smoothing:antialiased;display:block;color:#fff;text-align:center;background:rgba(126,151,165,1)}@media screen and (max-width:1005px){#intro,.container,nav{width:100%}#flex-background{height:170px}#intro{padding-top:21px}.cbp_tmtimeline:before,.cbp_tmtimeline>li .cbp_tmicon,.cbp_tmtimeline>li .cbp_tmlabel:after{display:none}.cbp_tmtimeline>li .cbp_tmlabel{margin:0 21% 15px 2%}.date{right:20px}#intro p{font:21px 'Source Sans Pro',myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif}#intro p:nth-child(2){background-color:rgba(255,255,255,.8);margin-top:10px;width:482px}#intro p:nth-child(3){margin-top:10px;width:580px}#animation{-ms-transform:scale(0.6,.6);-webkit-transform:scale(0.6,.6);transform:scale(0.6,.6);margin-top:-124px;width:120px}}@media screen and (max-width:840px){#main-nav ul{display:none}#animation{-ms-transform:scale(0.5,.5);-webkit-transform:scale(0.5,.5);transform:scale(0.5,.5);margin-top:-124px;width:120px}#button1,#button2{float:none;margin-left:auto;margin-right:auto;display:block}}@media screen and (max-width:768px){.cbp_tmtimeline>li .cbp_tmlabel{margin:0 23% 15px 2%}#flex-background{height:170px}#intro p{font:21px 'Source Sans Pro',myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif}#intro p:nth-child(2){background-color:rgba(255,255,255,.8);margin-top:10px;width:417px}#intro p:nth-child(3){margin-top:10px;width:506px}}@media screen and (max-width:670px){#animation{display:none}.date .day{padding:9px 0}}@media screen and (max-width:573px){.date{display:none}.cbp_tmtimeline>li .cbp_tmlabel{margin:0 2% 15px}}@media screen and (max-width:480px){#animation{display:none}#intro,.container,nav{width:100%}#main-nav ul{display:none}#flex-background{height:170px}.cbp_tmtimeline>li .cbp_tmlabel{margin:0 2% 15px}#intro{padding-top:16px}#button1,#button2{width:98%;max-width:474px}#intro p{padding:2px 0;font:17px 'Source Sans Pro',myriad-pro-1,myriad-pro-2,Arial,Helvetica,sans-serif;width:100%}#intro p:nth-child(2){background-color:rgba(255,255,255,.8);margin-top:10px;width:100%}#intro p:nth-child(3){margin-top:10px;width:100%}#top{visibility:hidden}}</style></head> <body><div id="header"><nav id="main-nav"><div id="logoArea"><a href="index.php"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAABXCAYAAACdkX4/AAACCklEQVR42u3dwXHaQBiG4Y9MGqAFUoJbwCU4JYgSnBJMCaaEuARoISXYrcgH65IZ6WKBRj/7PDO6cDAgvWgW7SJv+r4PVPPDLkC4IFwQLsIF4YJwES4IF4QLwkW4IFwQLsL9z3uSfoFtrbqF3v/5Rs/fTfzd8w2O1+7a++C74T4PL6ZVXZJX571aZ9xdkhfRUi3cv6KlWrjPSR4a3Vd70dYMdzeE22q0Z7nUDPc1yVa0VAq3Gw6gaCkT7rbRqwiiLR5ui0ME0RYP92nYREuZcFscIoj2DsJ9yXqndW+1TkC0xcPdZ3oRxpTHJJuR7cNuZolwtzFD9F1jH9xfdssy4ba+8ouC4T6k3WldCodriEC5cFte+cWdXFUA4YJwQbhU9XOB53ABHmdcWOqMu0ZvSf6NPN7FrKFwB3Nn4o43eE2XJKeRx/fCFe61zmJHhwljXIQLvpyxtH3GfwS7Ey5rVvqHsIYKCBeEC8JFuCBcEC7CBeGCcCEx5cv1ja2/3gqXtVvknsrXHCpM/Q/YOauNLjqYdMr43SHnbn+Mcee55OueuyzrWCHetYb7JlrxVgv3lOS3dsRbKdxTkoNmVhXvQbiirfol8CBc0Yr3TsIVrXjLhSta8ZYLV7TiLReuaMVbLlzRine2Td/3DgHlWI+LcEG4IFyEC8IF4SJcEC4IF4SLcEG4IFyECyvxCTDyvTa4ZmjdAAAAAElFTkSuQmCC" width="174" height="87" /></a></div><ul><li id="selected"><a href="index.php" id="toTop"><span>01</span>HOME</a></li><li><a href="#timeline"><span>02</span>TIMELINE</a></li><li><a href="#skills"><span>03</span>SKILLS</a></li><li><a href="#projects"><span>04</span>PROJECTS</a></li></ul></nav></div><div id="flex-background"><div id="intro"><p>MY NAME IS CHRISTOPHER WARREN AND I SPECIALIZE IN</p><p>FRONT-END WEB DEVELOPMENT.</p><p>ENTREPRENEUR, TINKERER, DESIGNER.</p><div id="animation"><div class="fire"><div class="top"><div></div><div></div><div></div></div><div class="middle"><div></div><div></div><div></div><div></div></div><div class="bottom"><div></div><div></div><div></div><div></div></div></div><div class="logs"><div id="left"></div><div></div><div id="right"></div></div></div></div></div><div class="container"><h1 id="timeline" class="line">TIMELINE</h1><ul class="cbp_tmtimeline"><li><div class="bounce"><div class="cbp_tmicon cbp_tmicon-qualification"></div><div class="cbp_tmlabel"><h2>Diploma of Software Development</h2><h3>CANBERRA INSTITUTE OF TECHNOLOGY</h3></div><div class="date"><span class="binds"></span><span class="month">February</span><p class="day">2015</p></div></div></li><li><div class="bounce"><div class="cbp_tmicon cbp_tmicon-work"></div><div class="cbp_tmlabel"><h2>Digital producer</h2><h3>Australian Academy of Science</h3></div><div class="date"><span class="binds"></span><span class="month">November</span><p class="day">2013 <span>Active</span></p></div></div></li><li><div class="bounce"><div class="cbp_tmicon cbp_tmicon-work"></div><div class="cbp_tmlabel"><h2>Web developer</h2><h3>Civil Aviation Safety authority</h3></div><div class="date"><span class="binds"></span><span class="month">November</span><p class="day">2012 <span>1 year</span></p></div></div></li><li><div class="bounce"><div class="cbp_tmicon cbp_tmicon-progress"></div><div class="cbp_tmlabel"><h2>Bachelor of Software Engineering (Second Year)</h2><h3>UNIVERSITY OF CANBERRA</h3></div><div class="date"><span class="binds"></span><span class="month">February</span><p class="day">2011 <span>1 year</span></p></div></div></li><li><div class="bounce"><div class="cbp_tmicon cbp_tmicon-qualification"></div><div class="cbp_tmlabel"><h2>Certifcate IV in Web Design</h2><h3>mantra training & development</h3></div><div class="date"><span class="binds"></span><span class="month">July</span><p class="day">2010 <span>3 months</span></p></div></div></li><li><div class="bounce"><div class="cbp_tmicon cbp_tmicon-qualification"></div><div class="cbp_tmlabel"><h2>certificate III in Information Technology</h2><h3>mantra training & development</h3></div><div class="date"><span class="binds"></span><span class="month">May</span><p class="day">2010 <span>6 months</span></p></div></div></li><li><div class="bounce"><div class="cbp_tmicon cbp_tmicon-work"></div><div class="cbp_tmlabel"><h2>Web developer</h2><h3>mantra training & development</h3></div><div class="date"><span class="binds"></span><span class="month">October</span><p class="day">2009 <span>1 year and 4 months</span></p></div></div></li><li><div class="bounce"><div class="cbp_tmicon cbp_tmicon-research"></div><div class="cbp_tmlabel"><h2>Founder</h2><h3>Genleo - Web based game</h3></div><div class="date"><span class="binds"></span><span class="month">February</span><p class="day">2007 <span>3 years and 8 months</span></p></div></div></li></ul><h1 id="skills" class="line">SKILLS</h1><div class="skillset"><div class="skillbar clearfix " data-percent="85%"><div class="skillbar-title" style="background: #5F7C8C;"><span>HTML5</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Innovative knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="80%"><div class="skillbar-title" style="background: #5F7C8C;"><span>CSS3</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Innovative knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="40%"><div class="skillbar-title" style="background: #5F7C8C;"><span>jQuery</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Advanced knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="15%"><div class="skillbar-title" style="background: #5F7C8C;"><span>SASS</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Core knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="25%"><div class="skillbar-title" style="background: #5F7C8C;"><span>REGEX</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Core knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="50%"><div class="skillbar-title" style="background: #5F7C8C;"><span>SQL</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Advanced knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="35%"><div class="skillbar-title" style="background: #5F7C8C;"><span>PHP</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Core knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="25%"><div class="skillbar-title" style="background: #5F7C8C;"><span>iOS</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Core knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="65%"><div class="skillbar-title" style="background: #5F7C8C;"><span>Drupal</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Advanced knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="60%"><div class="skillbar-title" style="background: #5F7C8C;"><span>SEO</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Advanced knowledge</div></div> <!-- End Skill Bar --><div class="skillbar clearfix " data-percent="70%"><div class="skillbar-title" style="background: #5F7C8C;"><span>Design</span></div><div class="skillbar-bar bar-height" style="background: rgb(126, 151, 165);"></div><div class="skill-bar-percent">Advanced knowledge</div></div> <!-- End Skill Bar --></div><h1 id="projects" class="line">PROJECTS</h1><a href="https://itunes.apple.com/au/app/can-i-pack-that-dangerous/id904161109?mt=8" class="project-icon" id="button1"><span>DANGEROUS GOODS APP</span></a><a href="https://web.archive.org/web/20101231001546/http://genleo.net/" class="project-icon" id="button2"><span>GENLEO - WEB BASED GAME</span></a><p> </p></div><div id="idea"><div class="cd-form-wrapper cd-container"><form class="cd-form" action="" enctype="multipart/form-data" method = "post"><label class="cd-label" for="cd-email">Sign up to my Newsletter</label><input autocomplete="off" type="email" id="cd-email" class="cd-email" name="cd-email" placeholder="Enter your email address..."><input type="submit" class="cd-submit" onclick="return false" value="Submit"><div class="cd-loading"></div></form><div data-type="message" class="cd-response-error"><p>Ops! Error message here</p></div><div data-type="message" class="cd-response-success"><p>Great! Success message here</p></div><div data-type="message" class="cd-response cd-response-notification">Hey! Notification message here</div></div></div><a href="#toTop" id="top"></a><div class="social"><a href="https://twitter.com/sephirith1" class="icon ss-twitter"><br><span>twitter</span></a><a href="https://genleost.blogspot.com.au/?zx=9e50c1acfa93abb" class="icon ss-blogger"><br><span>blog</span></a><a href="https://stackoverflow.com/users/1817056/sephiith" class="icon ss-stackoverflow"><br><span>Stack overflow</span></a><a href="https://www.facebook.com/christopherwarren6" class="icon ss-facebook"><br><span>facebook</span></a><a href="https://plus.google.com/u/0/110990436122982473860" class="icon ss-googleplus"><br><span>google+</span></a><a href="https://github.com/cwarren" class="icon ss-octocat"><br><span>github</span></a></div><footer><p>Copyright © 2015 - Christopher Warren</p></footer><script type="text/javascript">function downloadJSAtOnload() {var element = document.createElement("script");var element2 = document.createElement("script");var seconds = new Date().getTime() / 1000;var delay=40;var css = '#button1{float:left;display:inline-block;background:url(../img/project-logos.jpg) top #000;width:474px;height:190px;margin:0 20px 45px 0}#button2{float:right;display:inline-block;background:url(../img/project-logos.jpg) bottom #fff;width:474px;height:190px}',head = document.head || document.getElementsByTagName('head')[0],style = document.createElement('style');style.type = 'text/css';element.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js";element2.src = "js/defer.js?t=" + seconds;document.body.appendChild(element);setTimeout(function(){document.body.appendChild(element2);if (style.styleSheet){style.styleSheet.cssText = css;} else {style.appendChild(document.createTextNode(css));}head.appendChild(style);},delay);}if (window.addEventListener)window.addEventListener("load", downloadJSAtOnload, false);else if (window.attachEvent)window.attachEvent("onload", downloadJSAtOnload);else window.onload = downloadJSAtOnload;</script></body></html>