diff --git a/content/assets/css/base.less b/content/assets/css/base.less
new file mode 100644
index 0000000..2dee51a
--- /dev/null
+++ b/content/assets/css/base.less
@@ -0,0 +1,431 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline; }
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block; }
+body {
+ line-height: 1; }
+ol, ul {
+ list-style: none; }
+blockquote, q {
+ quotes: none; }
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none; }
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+h1, h2, h3, h4, h5, h6 {
+ color: #181818;
+ font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
+ font-weight: normal; }
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
+h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
+h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
+h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
+h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
+h5 { font-size: 17px; line-height: 24px; }
+h6 { font-size: 14px; line-height: 21px; }
+.subheader { color: #777; }
+
+p { margin: 0 0 15px 0; }
+p img { margin: 0; }
+p.lead { font-size: 21px; line-height: 27px; color: #777; }
+
+em { font-style: italic; }
+strong { font-weight: bold; color: #333; }
+small { font-size: 80%; }
+
+/* Blockquotes */
+blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
+blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
+blockquote cite { display: block; font-size: 12px; color: #555; }
+blockquote cite:before { content: "\2014 \0020"; }
+blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
+
+hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
+
+
+/* #Links
+================================================== */
+a, a:visited { color: #333; text-decoration: underline; outline: 0; }
+a:hover, a:focus { color: #000; }
+p a, p a:visited { line-height: inherit; }
+
+
+/* #Lists
+================================================== */
+ul, ol { margin-bottom: 20px; }
+ul { list-style: none outside; }
+ol { list-style: decimal; }
+ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
+ul.square { list-style: square outside; }
+ul.circle { list-style: circle outside; }
+ul.disc { list-style: disc outside; }
+ul ul, ul ol,
+ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
+ul ul li, ul ol li,
+ol ol li, ol ul li { margin-bottom: 6px; }
+li { line-height: 18px; margin-bottom: 12px; }
+ul.large li { line-height: 21px; }
+li p { line-height: 21px; }
+
+/* #Images
+================================================== */
+
+img.scale-with-grid {
+ max-width: 100%;
+ height: auto; }
+
+
+/* #Buttons
+================================================== */
+
+a.button,
+button,
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+ background: #eee; /* Old browsers */
+ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
+ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
+ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
+ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
+ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
+ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
+ border: 1px solid #aaa;
+ border-top: 1px solid #ccc;
+ border-left: 1px solid #ccc;
+ padding: 4px 12px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ color: #444;
+ display: inline-block;
+ font-size: 11px;
+ font-weight: bold;
+ text-decoration: none;
+ text-shadow: 0 1px rgba(255, 255, 255, .75);
+ cursor: pointer;
+ margin-bottom: 20px;
+ line-height: 21px;
+ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
+
+a.button:hover,
+button:hover,
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+input[type="button"]:hover {
+ color: #222;
+ background: #ddd; /* Old browsers */
+ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
+ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
+ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
+ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
+ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
+ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
+ border: 1px solid #888;
+ border-top: 1px solid #aaa;
+ border-left: 1px solid #aaa; }
+
+a.button:active,
+button:active,
+input[type="submit"]:active,
+input[type="reset"]:active,
+input[type="button"]:active {
+ border: 1px solid #666;
+ background: #ccc; /* Old browsers */
+ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
+ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
+ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
+ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
+ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
+ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
+
+.button.full-width,
+button.full-width,
+input[type="submit"].full-width,
+input[type="reset"].full-width,
+input[type="button"].full-width {
+ width: 100%;
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ text-align: center; }
+
+/* #Forms
+================================================== */
+
+form {
+ margin-bottom: 20px; }
+fieldset {
+ margin-bottom: 20px; }
+input[type="text"],
+input[type="password"],
+input[type="email"],
+textarea,
+select {
+ border: 1px solid #ccc;
+ padding: 6px 4px;
+ outline: none;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: #777;
+ margin: 0;
+ width: 210px;
+ max-width: 100%;
+ display: block;
+ margin-bottom: 20px;
+ background: #fff; }
+select {
+ padding: 0; }
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+textarea:focus {
+ border: 1px solid #aaa;
+ color: #444;
+ -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
+ -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
+ box-shadow: 0 0 3px rgba(0,0,0,.2); }
+textarea {
+ min-height: 60px; }
+label,
+legend {
+ display: block;
+ font-weight: bold;
+ font-size: 13px; }
+select {
+ width: 220px; }
+input[type="checkbox"] {
+ display: inline; }
+label span,
+legend span {
+ font-weight: normal;
+ font-size: 13px;
+ color: #444; }
+
+/* #Misc
+================================================== */
+.remove-bottom { margin-bottom: 0 !important; }
+.half-bottom { margin-bottom: 10px !important; }
+.add-bottom { margin-bottom: 20px !important; }
+
+ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
+ .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
+ .row { margin-bottom: 20px; }
+
+ /* Nested Column Classes */
+ .column.alpha, .columns.alpha { margin-left: 0; }
+ .column.omega, .columns.omega { margin-right: 0; }
+
+ /* Base Grid */
+ .container .one.column { width: 40px; }
+ .container .two.columns { width: 100px; }
+ .container .three.columns { width: 160px; }
+ .container .four.columns { width: 220px; }
+ .container .five.columns { width: 280px; }
+ .container .six.columns { width: 340px; }
+ .container .seven.columns { width: 400px; }
+ .container .eight.columns { width: 460px; }
+ .container .nine.columns { width: 520px; }
+ .container .ten.columns { width: 580px; }
+ .container .eleven.columns { width: 640px; }
+ .container .twelve.columns { width: 700px; }
+ .container .thirteen.columns { width: 760px; }
+ .container .fourteen.columns { width: 820px; }
+ .container .fifteen.columns { width: 880px; }
+ .container .sixteen.columns { width: 940px; }
+
+ .container .one-third.column { width: 300px; }
+ .container .two-thirds.column { width: 620px; }
+
+ /* Offsets */
+ .container .offset-by-one { padding-left: 60px; }
+ .container .offset-by-two { padding-left: 120px; }
+ .container .offset-by-three { padding-left: 180px; }
+ .container .offset-by-four { padding-left: 240px; }
+ .container .offset-by-five { padding-left: 300px; }
+ .container .offset-by-six { padding-left: 360px; }
+ .container .offset-by-seven { padding-left: 420px; }
+ .container .offset-by-eight { padding-left: 480px; }
+ .container .offset-by-nine { padding-left: 540px; }
+ .container .offset-by-ten { padding-left: 600px; }
+ .container .offset-by-eleven { padding-left: 660px; }
+ .container .offset-by-twelve { padding-left: 720px; }
+ .container .offset-by-thirteen { padding-left: 780px; }
+ .container .offset-by-fourteen { padding-left: 840px; }
+ .container .offset-by-fifteen { padding-left: 900px; }
+
+
+
+/* #Tablet (Portrait)
+================================================== */
+
+ /* Note: Design for a width of 768px */
+
+ @media only screen and (min-width: 768px) and (max-width: 959px) {
+ .container { width: 768px; }
+ .container .column,
+ .container .columns { margin-left: 10px; margin-right: 10px; }
+ .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
+ .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
+
+ .container .one.column { width: 28px; }
+ .container .two.columns { width: 76px; }
+ .container .three.columns { width: 124px; }
+ .container .four.columns { width: 172px; }
+ .container .five.columns { width: 220px; }
+ .container .six.columns { width: 268px; }
+ .container .seven.columns { width: 316px; }
+ .container .eight.columns { width: 364px; }
+ .container .nine.columns { width: 412px; }
+ .container .ten.columns { width: 460px; }
+ .container .eleven.columns { width: 508px; }
+ .container .twelve.columns { width: 556px; }
+ .container .thirteen.columns { width: 604px; }
+ .container .fourteen.columns { width: 652px; }
+ .container .fifteen.columns { width: 700px; }
+ .container .sixteen.columns { width: 748px; }
+
+ .container .one-third.column { width: 236px; }
+ .container .two-thirds.column { width: 492px; }
+
+ /* Offsets */
+ .container .offset-by-one { padding-left: 48px; }
+ .container .offset-by-two { padding-left: 96px; }
+ .container .offset-by-three { padding-left: 144px; }
+ .container .offset-by-four { padding-left: 192px; }
+ .container .offset-by-five { padding-left: 240px; }
+ .container .offset-by-six { padding-left: 288px; }
+ .container .offset-by-seven { padding-left: 336px; }
+ .container .offset-by-eight { padding-left: 348px; }
+ .container .offset-by-nine { padding-left: 432px; }
+ .container .offset-by-ten { padding-left: 480px; }
+ .container .offset-by-eleven { padding-left: 528px; }
+ .container .offset-by-twelve { padding-left: 576px; }
+ .container .offset-by-thirteen { padding-left: 624px; }
+ .container .offset-by-fourteen { padding-left: 672px; }
+ .container .offset-by-fifteen { padding-left: 720px; }
+ }
+
+
+/* #Mobile (Portrait)
+================================================== */
+
+ /* Note: Design for a width of 320px */
+
+ @media only screen and (max-width: 767px) {
+ .container { width: 300px; }
+ .columns, .column { margin: 0; }
+
+ .container .one.column,
+ .container .two.columns,
+ .container .three.columns,
+ .container .four.columns,
+ .container .five.columns,
+ .container .six.columns,
+ .container .seven.columns,
+ .container .eight.columns,
+ .container .nine.columns,
+ .container .ten.columns,
+ .container .eleven.columns,
+ .container .twelve.columns,
+ .container .thirteen.columns,
+ .container .fourteen.columns,
+ .container .fifteen.columns,
+ .container .sixteen.columns,
+ .container .one-third.column,
+ .container .two-thirds.column { width: 300px; }
+
+ /* Offsets */
+ .container .offset-by-one,
+ .container .offset-by-two,
+ .container .offset-by-three,
+ .container .offset-by-four,
+ .container .offset-by-five,
+ .container .offset-by-six,
+ .container .offset-by-seven,
+ .container .offset-by-eight,
+ .container .offset-by-nine,
+ .container .offset-by-ten,
+ .container .offset-by-eleven,
+ .container .offset-by-twelve,
+ .container .offset-by-thirteen,
+ .container .offset-by-fourteen,
+ .container .offset-by-fifteen { padding-left: 0; }
+
+ }
+
+
+/* #Mobile (Landscape)
+================================================== */
+
+ /* Note: Design for a width of 480px */
+
+ @media only screen and (min-width: 480px) and (max-width: 767px) {
+ .container { width: 420px; }
+ .columns, .column { margin: 0; }
+
+ .container .one.column,
+ .container .two.columns,
+ .container .three.columns,
+ .container .four.columns,
+ .container .five.columns,
+ .container .six.columns,
+ .container .seven.columns,
+ .container .eight.columns,
+ .container .nine.columns,
+ .container .ten.columns,
+ .container .eleven.columns,
+ .container .twelve.columns,
+ .container .thirteen.columns,
+ .container .fourteen.columns,
+ .container .fifteen.columns,
+ .container .sixteen.columns,
+ .container .one-third.column,
+ .container .two-thirds.column { width: 420px; }
+ }
+
+
+/* #Clearing
+================================================== */
+
+ /* Self Clearing Goodness */
+ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
+
+ /* Use clearfix class on parent to clear nested columns,
+ or wrap each row of columns in a
*/
+ .clearfix:before,
+ .clearfix:after,
+ .row:before,
+ .row:after {
+ content: '\0020';
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ width: 0;
+ height: 0; }
+ .row:after,
+ .clearfix:after {
+ clear: both; }
+ .row,
+ .clearfix {
+ zoom: 1; }
+
+ /* You can also use a
to clear columns */
+ .clear {
+ clear: both;
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+ }
\ No newline at end of file
diff --git a/content/assets/css/main.less b/content/assets/css/main.less
new file mode 100644
index 0000000..3e6b694
--- /dev/null
+++ b/content/assets/css/main.less
@@ -0,0 +1,1050 @@
+@import 'base';
+
+* {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+body {
+ background: #fff url('/images/layout/background.png') repeat;
+ background-attachment: fixed;
+ font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: #444;
+ -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
+ -webkit-text-size-adjust: 100%;
+}
+
+html, body {
+ height: 100%;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: 'Brawler', serif;
+}
+
+#page {
+ background: #fff url('/images/layout/left-background.png') repeat-y;
+ height: 100%;
+ height: auto !important;
+ min-height: 100%;
+
+ header {
+
+ position: relative;
+ height: 70px;
+
+ h1 {
+ width: 70px;
+ height: 70px;
+ background: url('/images/layout/cd.png') no-repeat;
+ text-indent: -9999em;
+ //float: left;
+ margin: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+
+ nav {
+ //float: left;
+ font-family: 'Yanone Kaffeesatz', sans-serif;
+ font-size: 1.7em;
+ position: absolute;
+ top: 0;
+ left: 100px;
+
+ ul {
+ padding: 10px 0 10px 0;
+ }
+
+ li {
+ display: inline;
+ float: left;
+
+ a {
+ margin: 0;
+ padding: 18px 17px 8px 17px;
+ text-decoration: none;
+ -moz-transition-property: background, color;
+ -moz-transition-duration: 0.15s;
+
+ &.active, &.active:hover {
+ background: #424242;
+ color: #fff;
+ }
+
+ &:hover {
+ background: #555555;
+ color: #fff;
+ }
+
+ &:active {
+ background: #333;
+ color: #fff;
+ }
+ }
+ }
+ }
+
+ aside {
+ //float: right;
+ position: absolute;
+ top: 0;
+ right: 0;
+ overflow: auto;
+ a {
+ display: block;
+ float: left;
+ width: 24px;
+ height: 24px;
+ margin: 5px 5px 0 0;
+ opacity: 0.4;
+ &:hover {
+ opacity: 1;
+ }
+ }
+ }
+
+ .github {
+ background: url('/images/icons/github.png') no-repeat 0 0;
+ }
+ .linkedin {
+ background: url('/images/icons/linkedin.png') no-repeat 0 0;
+ }
+ .twitter {
+ background: url('/images/icons/twitter.png') no-repeat 0 0;
+ }
+ }
+}
+
+
+
+.indented-title {
+ padding-left: 85px;
+}
+
+.blog {
+
+ margin-top: 10px;
+ padding-bottom: 45px;
+
+ .blog-entry {
+
+ overflow: auto;
+ margin-bottom: 20px;
+
+ aside {
+ width: 70px;
+ float: left;
+
+ .date {
+ background: url('/images/icons/cal.png') no-repeat 0 2px;
+ font-family: 'Yanone Kaffeesatz', sans-serif;
+ width: 49px;
+ height: 58px;
+ overflow: hidden;
+ margin: 4px 0 0 10px;
+ font-weight: bold;
+ text-align: center;
+
+ .month {
+ color: #fff;
+ font-size: 1.3em;
+ padding-bottom: 1px;
+ text-transform: uppercase;
+ }
+
+ .day {
+ color: #000;
+ font-size: 2em;
+ margin-top: 4px;
+ }
+ }
+ }
+
+ article {
+ margin-left: 70px;
+ padding: 0;
+
+ .read-more {
+ padding: 0 20px 20px 20px;
+ }
+
+ h2 a {
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+
+ h2, h3, h4, h5, p {
+ padding: 0 20px;
+ }
+
+ h3 {
+ padding: 12px 20px 0 20px;
+ margin-top: 20px;
+ //border-bottom: 1px solid #eee;
+ background-color: #fff;
+ //border-top-left-radius: 30px;
+ //border-bottom-left-radius: 30px;
+ //margin-left: -10px;
+ //height: 60px;
+ font-size: 30px;
+ border-bottom: 1px solid #e5e5e5;
+ margin: 18px 20px 15px 20px;
+ padding: 0 0 10px 0;
+ }
+
+ h4 {
+ color: #222;
+ font-size: 26px;
+ margin-bottom: 14px;
+ margin-top: 26px;
+ }
+
+ h5 {
+ margin-bottom: 8px;
+ color: #111;
+ }
+
+ ul li {
+ list-style-type: disc;
+ margin: 4px 0 2px 44px;
+ }
+
+ ol li {
+ margin: 4px 0 2px 44px;
+ }
+
+ ol ul {
+ margin-left: 0;
+ li {
+ margin-left: 17px;
+ }
+ }
+
+ pre {
+ background: #f8f8f8;
+ margin-bottom: 20px;
+ margin-left: 20px;
+ padding: 6px 12px;
+ // border-top: 2px dashed #eaeaea;
+ // border-bottom: 2px dashed #eaeaea;
+ // border-left: 2px dashed #eaeaea;
+ border: 1px solid #eaeaea;
+ border-right: none;
+ border-radius: 3px;
+ font-size: 13px;
+ color: #222;
+ overflow-x: auto;
+ // margin-bottom: 20px;
+ // padding: 6px 20px;
+ // border-top: 2px dashed #eaeaea;
+ // border-bottom: 2px dashed #eaeaea;
+ // overflow-x: auto;
+ }
+
+ code {
+ font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "American Typewriter", "Andale Mono", monospace;
+ }
+ }
+ }
+}
+
+.disqus {
+ border-top: 1px solid #eee;
+ //border-bottom: 1px solid #eee;
+ padding: 20px 20px 20px 20px;
+ margin-top: 50px;
+ margin-left: 70px;
+ background: #fcfcfc;
+}
+
+.about, .contact {
+ margin-top: 10px;
+ padding: 0 20px 45px 90px;
+}
+
+// work
+//
+
+.work {
+
+ //padding-top: 8px;
+ padding-top: 10px;
+ overflow: auto;
+
+ .indent {
+ margin-left: 90px;
+ }
+
+ .work-chrono {
+ width: 70px;
+ float: left;
+
+ .work-box {
+ border: 5px solid #fff;
+ background: #333;
+ height: 44px;
+ width: 44px;
+ -moz-transition-property: opacity;
+ -moz-transition-duration: 0.3s;
+ margin: 0 0 10px 8px;
+ opacity: 0.5;
+ cursor: pointer;
+
+ &:hover {
+ opacity: 1;
+ }
+ }
+ }
+
+ .work-detail {
+
+ padding-left: 20px;
+
+ h3 {
+ margin-bottom: 15px;
+ }
+
+ overflow: auto;
+ }
+
+ .work-listing {
+ //padding-right: 20px;
+ }
+
+ .year-box {
+ float: left;
+ width: 70px;
+
+ aside {
+ display: block;
+ text-align: center;
+ font-family: 'Yanone Kaffeesatz', sans-serif;
+ font-weight: bold;
+ font-size: 1.8em;
+ background: #fff;
+ width: 55px;
+ padding: 2px 0 5px 0;
+ margin: 0 auto;
+ border-radius: 5px;
+ }
+ }
+
+ .work-group {
+ margin-left: 90px;
+ }
+
+ .work-item {
+ width: 415px;
+ float: left;
+ margin: 0 20px 20px 0;
+ border-radius: 8px;
+ -webkit-box-shadow: 0px 0px 3px 2px rgba(95, 95, 95, 0.1);
+ box-shadow: 0px 0px 3px 2px rgba(95, 95, 95, 0.1);
+
+ .work-aux {
+ padding: 5px 10px 0 10px;
+ color: #555;
+ }
+
+ h4 {
+ //font-family: 'Yanone Kaffeesatz', sans-serif;
+ //font-size: 2em;
+ margin: 0;
+
+ a {
+ text-decoration: none;
+ color: #333;
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+
+ p {
+ margin: 0 0 10px 0;
+ border-bottom: 1px solid #ddd;
+ }
+
+ .picture-frame {
+ padding: 0 10px 10px 10px;
+ }
+ .picture {
+ height: 170px;
+ border-radius: 8px;
+ -webkit-box-shadow: 0px 0px 3px 2px rgba(120, 120, 120, 0.15);
+ box-shadow: 0px 0px 3px 2px rgba(120, 120, 120, 0.15);
+ }
+ }
+
+ .work-detail {
+
+ //border: 1px solid #ddd;
+ //border-radius: 8px;
+ //width: 100%;
+ margin: 0 20px 20px 0;
+
+ .work-aux {
+ width: 310px;
+ float: left;
+ //border: 1px solid #ddd;
+ border-right: none;
+ border-top-left-radius: 8px;
+ border-bottom-left-radius: 8px;
+ height: 80px;
+ //background: #f5f5f5;
+ padding: 10px;
+ }
+ .picture-frame {
+ margin-left: 310px;
+ }
+ .picture {
+ border-top-right-radius: 8px;
+ border-bottom-right-radius: 8px;
+ border: 1px solid #ddd;
+ background-color: #333;
+ height: 80px;
+ //border-bottom-left-radius: 8px;
+ }
+
+ h4 {
+ font-family: 'Yanone Kaffeesatz', sans-serif;
+ font-size: 2em;
+ margin: 0 0 8px 0;
+
+ a {
+ text-decoration: none;
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+
+ p {
+ padding: 0;
+ margin: 0;
+ }
+ }
+
+ .work-item, .detail-box {
+
+ //background-color: #f5f5f5;
+
+
+ //-webkit-box-shadow: 0px 0px 3px 2px rgba(95, 95, 95, 0.2);
+ //box-shadow: 0px 0px 3px 2px rgba(95, 95, 95, 0.2);
+ //border-radius: 2px;
+
+ .picture, .picture-placeholder {
+ //margin: 10px;
+ //-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
+ //box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
+ //border-radius: 2px;
+ }
+
+ .picture-placeholder {
+ background: #333;
+ }
+
+ .work-aux {
+ }
+
+
+ }
+
+ .work-detail {
+
+ margin-bottom: 0;
+
+ .work-aux {
+ height: 200px;
+ background-color: #fff;
+ border: none;
+ padding: 0;
+ position: relative;
+ }
+
+ .completed {
+ margin-bottom: 6px;
+ }
+
+ .techs {
+ //position: absolute;
+ //bottom: 0;
+ //margin: 0 0 -5px 0;
+ margin: 10px 0 0 0;
+ li {
+ list-style: none;
+ display: block;
+ float: left;
+ background-color: #f8f8f8;
+ padding: 2px 5px;
+ border: 1px solid #f1f1f1;
+ margin: 0 5px 5px 0;
+ font-size: 0.8em;
+ //font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "American Typewriter", "Andale Mono", monospace;
+ }
+ }
+
+ .picture-frame {
+ margin-left: 350px;
+ padding-top: 5px;
+ }
+
+ .picture {
+ height: 200px;
+ border-radius: 8px;
+ border: none;
+ -webkit-box-shadow: 0px 0px 3px 2px rgba(95, 95, 95, 0.2);
+ box-shadow: 0px 0px 3px 2px rgba(95, 95, 95, 0.2);
+ }
+ }
+
+ .work-description {
+ margin: 0 20px 20px 90px
+ }
+
+
+ .work-detail-techs {
+ width: 70px;
+ float: left;
+ text-align: center;
+ padding-top: 7px;
+
+ .edit {
+ display: block;
+ width: 32px;
+ height: 32px;
+ background: asset-url('icons/edit.png', image) no-repeat 0 0;
+ margin: 0 0 12px 18px;
+ }
+
+ .dim {
+ height: 500px;
+ opacity: 0.5;
+ -moz-transition-property: opacity;
+ -moz-transition-duration: 0.3s;
+
+ &:hover {
+ opacity: 1;
+ }
+ }
+
+ .tech {
+
+ margin: 0 0 10px 0;
+
+ span, abbr {
+ font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "American Typewriter", "Andale Mono", monospace;
+ font-size: 0.9em;
+ background: #333;
+ color: #fff;
+ padding: 4px 6px;
+ border-radius: 3px;
+ cursor: default;
+
+ background-image: linear-gradient(bottom, rgb(51,51,51) 65%, rgb(26,26,26) 76%);
+ background-image: -o-linear-gradient(bottom, rgb(51,51,51) 65%, rgb(26,26,26) 76%);
+ background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 65%, rgb(26,26,26) 76%);
+ background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 65%, rgb(26,26,26) 76%);
+ background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 65%, rgb(26,26,26) 76%);
+
+ //@include box-shadow-inset(0px, 0px, 2px, #000);
+ }
+ }
+ }
+
+ .work-detail {
+ padding: 0 20px 20px 20px;
+ margin-left: 70px;
+ }
+
+ .detail-box {
+ width: 100%;
+ height: auto;
+
+ .status {
+ overflow: auto;
+ padding: 13px 0 3px 0;
+
+ p {
+ background: #fcfcfc;
+ padding: 3px 8px;
+ font-size: 1.1em;
+ border: 1px solid #ddd;
+ border-radius: 3px;
+ //@include box-shadow(inset, 0px, 0px, 2px, #aaa);
+ }
+
+ .date {
+ float: left;
+ }
+ .url {
+ float: right;
+ }
+ }
+
+ .description {
+ background: #fcfcfc;
+ padding: 10px 8px 0 8px;
+ margin: 8px 0 0 0;
+ font-size: 1.1em;
+ border: 1px solid #ddd;
+ border-radius: 3px;
+
+ p {
+ margin: 0 6px 10px 6px;
+ padding: 0;
+ }
+ }
+ }
+}
+
+/* IE stuff */
+
+.no-boxshadow .work .work-item {
+ border: 1px solid #ccc;
+}
+
+/* Smaller than standard 960 (devices and browsers) */
+@media only screen and (max-width: 959px) {
+
+}
+
+/* Tablet Portrait size to standard 960 (devices and browsers) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+
+ .work {
+ .work-item {
+ width: 319px;
+ }
+ }
+
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+
+ h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
+ h2 { font-size: 27px; line-height: 34px; margin-bottom: 10px; }
+ h3 { font-size: 25px; line-height: 34px; margin-bottom: 8px; }
+ h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
+ h5 { font-size: 17px; line-height: 24px; }
+ h6 { font-size: 14px; line-height: 21px; }
+
+ #page {
+
+ background: #fff;
+
+ header {
+ background-color: #f5f1e7;
+ height: 42px;
+
+ h1 {
+ height: 42px;
+ width: 42px;
+ background-image: url('/images/layout/cd_small.png');
+ }
+
+ nav {
+ left: auto;
+ right: 0;
+ }
+ nav ul a {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+ aside {
+ display: none;
+ }
+ }
+ }
+
+ .disqus {
+ margin-left: 0;
+ }
+
+ .about, .contact {
+ padding-left: 20px;
+ }
+
+ .blog {
+ .blog-entry {
+ aside {
+ float: right;
+ }
+ article {
+ margin-left: 0;
+
+ h3 {
+ margin-top: 0;
+ margin-left: 20px;
+ margin-right: 20px;
+ height: auto;
+ }
+ }
+ }
+ }
+
+ .work {
+ padding-top: 10px;
+
+ .indent {
+ margin-top: 0;
+ margin-left: 20px;
+ }
+
+ .year-box {
+ display: none;
+ }
+ .work-group {
+ margin-left: 20px;
+ margin-right: 20px;
+ }
+ .work-item {
+ width: 100%;
+ margin-right: 0;
+ }
+ .work-item .work-aux {
+ float: none;
+ border-bottom-left-radius: 0;
+ border-top-right-radius: 8px;
+ }
+ .work-item .picture-frame {
+ margin-left: 0;
+ }
+ .work-item .picture {
+ //background-size: 200%;
+ }
+
+ // full portfolio view
+ .work-detail {
+ margin-left: 0;
+ padding-right: 0;
+ .work-aux {
+
+ width: auto;
+ height: auto;
+ float: none;
+
+ .completed {
+ float: left;
+ } .url {
+ float: right;
+ }
+
+ .techs {
+ display: none;
+ }
+ }
+ .picture-frame {
+ margin-left: 0;
+ }
+ }
+
+ .work-description {
+ margin-left: 20px;
+ }
+ }
+}
+
+/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+
+
+}
+
+/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
+@media only screen and (max-width: 479px) {
+
+ .work {
+
+ .year-box {
+
+ }
+ .work-group {
+
+ }
+ .work-item .work-aux {
+ width: 240px;
+ height: auto;
+ }
+ .work-item .picture-frame {
+
+ }
+
+ .work-detail {
+ .work-aux {
+ .completed, .url {
+ float: none;
+ }
+ .completed {
+ margin-bottom: 2px;
+ } .url {
+ margin-bottom: 6px;
+ }
+ }
+ }
+
+ }
+
+}
+
+code .hll { background-color: #ffffcc }
+code { background: #f8f8f8; }
+code .c { color: #8f5902; font-style: italic } /* Comment */
+code .err { color: #a40000; border: 1px solid #ef2929 } /* Error */
+code .g { color: #000000 } /* Generic */
+code .k { color: #204a87; font-weight: bold } /* Keyword */
+code .l { color: #000000 } /* Literal */
+code .n { color: #000000 } /* Name */
+code .o { color: #ce5c00; font-weight: bold } /* Operator */
+code .x { color: #000000 } /* Other */
+code .p { color: #000000; font-weight: bold } /* Punctuation */
+code .cm { color: #8f5902; font-style: italic } /* Comment.Multiline */
+code .cp { color: #8f5902; font-style: italic } /* Comment.Preproc */
+code .c1 { color: #8f5902; font-style: italic } /* Comment.Single */
+code .cs { color: #8f5902; font-style: italic } /* Comment.Special */
+code .gd { color: #a40000 } /* Generic.Deleted */
+code .ge { color: #000000; font-style: italic } /* Generic.Emph */
+code .gr { color: #ef2929 } /* Generic.Error */
+code .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+code .gi { color: #00A000 } /* Generic.Inserted */
+code .go { color: #000000; font-style: italic } /* Generic.Output */
+code .gp { color: #8f5902 } /* Generic.Prompt */
+code .gs { color: #000000; font-weight: bold } /* Generic.Strong */
+code .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+code .gt { color: #a40000; font-weight: bold } /* Generic.Traceback */
+code .kc { color: #204a87; font-weight: bold } /* Keyword.Constant */
+code .kd { color: #204a87; font-weight: bold } /* Keyword.Declaration */
+code .kn { color: #204a87; font-weight: bold } /* Keyword.Namespace */
+code .kp { color: #204a87; font-weight: bold } /* Keyword.Pseudo */
+code .kr { color: #204a87; font-weight: bold } /* Keyword.Reserved */
+code .kt { color: #204a87; font-weight: bold } /* Keyword.Type */
+code .ld { color: #000000 } /* Literal.Date */
+code .m { color: #0000cf; font-weight: bold } /* Literal.Number */
+code .s { color: #4e9a06 } /* Literal.String */
+code .na { color: #c4a000 } /* Name.Attribute */
+code .nb { color: #204a87 } /* Name.Builtin */
+code .nc { color: #000000 } /* Name.Class */
+code .no { color: #000000 } /* Name.Constant */
+code .nd { color: #5c35cc; font-weight: bold } /* Name.Decorator */
+code .ni { color: #ce5c00 } /* Name.Entity */
+code .ne { color: #cc0000; font-weight: bold } /* Name.Exception */
+code .nf { color: #000000 } /* Name.Function */
+code .nl { color: #f57900 } /* Name.Label */
+code .nn { color: #000000 } /* Name.Namespace */
+code .nx { color: #000000 } /* Name.Other */
+code .py { color: #000000 } /* Name.Property */
+code .nt { color: #204a87; font-weight: bold } /* Name.Tag */
+code .nv { color: #000000 } /* Name.Variable */
+code .ow { color: #204a87; font-weight: bold } /* Operator.Word */
+code .w { color: #f8f8f8; text-decoration: underline } /* Text.Whitespace */
+code .mf { color: #0000cf; font-weight: bold } /* Literal.Number.Float */
+code .mh { color: #0000cf; font-weight: bold } /* Literal.Number.Hex */
+code .mi { color: #0000cf; font-weight: bold } /* Literal.Number.Integer */
+code .mo { color: #0000cf; font-weight: bold } /* Literal.Number.Oct */
+code .sb { color: #4e9a06 } /* Literal.String.Backtick */
+code .sc { color: #4e9a06 } /* Literal.String.Char */
+code .sd { color: #8f5902; font-style: italic } /* Literal.String.Doc */
+code .s2 { color: #4e9a06 } /* Literal.String.Double */
+code .se { color: #4e9a06 } /* Literal.String.Escape */
+code .sh { color: #4e9a06 } /* Literal.String.Heredoc */
+code .si { color: #4e9a06 } /* Literal.String.Interpol */
+code .sx { color: #4e9a06 } /* Literal.String.Other */
+code .sr { color: #4e9a06 } /* Literal.String.Regex */
+code .s1 { color: #4e9a06 } /* Literal.String.Single */
+code .ss { color: #4e9a06 } /* Literal.String.Symbol */
+code .bp { color: #3465a4 } /* Name.Builtin.Pseudo */
+code .vc { color: #000000 } /* Name.Variable.Class */
+code .vg { color: #000000 } /* Name.Variable.Global */
+code .vi { color: #000000 } /* Name.Variable.Instance */
+code .il { color: #0000cf; font-weight: bold } /* Literal.Number.Integer.Long */
+
+/* lightbox styles */
+
+#lightboxOverlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 9999;
+ background-color: black;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
+ opacity: 0.85;
+ display: none;
+}
+
+/* line 15, ../sass/lightbox.sass */
+#lightbox {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ z-index: 10000;
+ text-align: center;
+ line-height: 0;
+ font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
+ font-weight: normal;
+}
+/* line 24, ../sass/lightbox.sass */
+#lightbox img {
+ width: auto;
+ height: auto;
+}
+/* line 27, ../sass/lightbox.sass */
+#lightbox a img {
+ border: none;
+}
+
+/* line 30, ../sass/lightbox.sass */
+.lb-outerContainer {
+ position: relative;
+ background-color: white;
+ *zoom: 1;
+ width: 250px;
+ height: 250px;
+ margin: 0 auto;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -ms-border-radius: 4px;
+ -o-border-radius: 4px;
+ border-radius: 4px;
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.lb-outerContainer:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+/* line 39, ../sass/lightbox.sass */
+.lb-container {
+ padding: 10px;
+}
+
+/* line 42, ../sass/lightbox.sass */
+.lb-loader {
+ position: absolute;
+ top: 40%;
+ left: 0%;
+ height: 25%;
+ width: 100%;
+ text-align: center;
+ line-height: 0;
+}
+
+/* line 51, ../sass/lightbox.sass */
+.lb-nav {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 10;
+}
+
+/* line 59, ../sass/lightbox.sass */
+.lb-container > .nav {
+ left: 0;
+}
+
+/* line 62, ../sass/lightbox.sass */
+.lb-nav a {
+ outline: none;
+}
+
+/* line 65, ../sass/lightbox.sass */
+.lb-prev, .lb-next {
+ width: 49%;
+ height: 100%;
+ background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+ /* Trick IE into showing hover */
+ display: block;
+}
+
+/* line 72, ../sass/lightbox.sass */
+.lb-prev {
+ left: 0;
+ float: left;
+}
+
+/* line 76, ../sass/lightbox.sass */
+.lb-next {
+ right: 0;
+ float: right;
+}
+
+/* line 81, ../sass/lightbox.sass */
+.lb-prev:hover {
+ background: url('/images/layout/prev.png') left 48% no-repeat;
+}
+
+/* line 85, ../sass/lightbox.sass */
+.lb-next:hover {
+ background: url('/images/layout/next.png') right 48% no-repeat;
+}
+
+/* line 88, ../sass/lightbox.sass */
+.lb-dataContainer {
+ margin: 0 auto;
+ padding-top: 5px;
+ *zoom: 1;
+ width: 100%;
+ -moz-border-radius-bottomleft: 4px;
+ -webkit-border-bottom-left-radius: 4px;
+ -ms-border-bottom-left-radius: 4px;
+ -o-border-bottom-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ -moz-border-radius-bottomright: 4px;
+ -webkit-border-bottom-right-radius: 4px;
+ -ms-border-bottom-right-radius: 4px;
+ -o-border-bottom-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.lb-dataContainer:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+/* line 95, ../sass/lightbox.sass */
+.lb-data {
+ padding: 0 10px;
+ color: #bbbbbb;
+}
+/* line 98, ../sass/lightbox.sass */
+.lb-data .lb-details {
+ width: 85%;
+ float: left;
+ text-align: left;
+ line-height: 1.1em;
+}
+/* line 103, ../sass/lightbox.sass */
+.lb-data .lb-caption {
+ font-size: 13px;
+ font-weight: bold;
+ line-height: 1em;
+}
+/* line 107, ../sass/lightbox.sass */
+.lb-data .lb-number {
+ display: block;
+ clear: left;
+ padding-bottom: 1em;
+ font-size: 11px;
+}
+/* line 112, ../sass/lightbox.sass */
+.lb-data .lb-close {
+ width: 35px;
+ float: right;
+ padding-bottom: 0.7em;
+ outline: none;
+}
+/* line 117, ../sass/lightbox.sass */
+.lb-data .lb-close:hover {
+ cursor: pointer;
+}
\ No newline at end of file
diff --git a/content/assets/images/icons/cal.png b/content/assets/images/icons/cal.png
new file mode 100755
index 0000000..de54143
Binary files /dev/null and b/content/assets/images/icons/cal.png differ
diff --git a/content/assets/images/icons/edit.png b/content/assets/images/icons/edit.png
new file mode 100755
index 0000000..86e5a32
Binary files /dev/null and b/content/assets/images/icons/edit.png differ
diff --git a/content/assets/images/icons/github.png b/content/assets/images/icons/github.png
new file mode 100755
index 0000000..0ee3ca6
Binary files /dev/null and b/content/assets/images/icons/github.png differ
diff --git a/content/assets/images/icons/linkedin.png b/content/assets/images/icons/linkedin.png
new file mode 100755
index 0000000..0a343df
Binary files /dev/null and b/content/assets/images/icons/linkedin.png differ
diff --git a/content/assets/images/icons/twitter.png b/content/assets/images/icons/twitter.png
new file mode 100755
index 0000000..0832e24
Binary files /dev/null and b/content/assets/images/icons/twitter.png differ
diff --git a/content/assets/images/layout/background.png b/content/assets/images/layout/background.png
new file mode 100644
index 0000000..f65b22a
Binary files /dev/null and b/content/assets/images/layout/background.png differ
diff --git a/content/assets/images/layout/cd.png b/content/assets/images/layout/cd.png
new file mode 100755
index 0000000..116fed6
Binary files /dev/null and b/content/assets/images/layout/cd.png differ
diff --git a/content/assets/images/layout/cd_small.png b/content/assets/images/layout/cd_small.png
new file mode 100755
index 0000000..343e6fb
Binary files /dev/null and b/content/assets/images/layout/cd_small.png differ
diff --git a/content/assets/images/layout/close.png b/content/assets/images/layout/close.png
new file mode 100644
index 0000000..99a011f
Binary files /dev/null and b/content/assets/images/layout/close.png differ
diff --git a/content/assets/images/layout/left-background.png b/content/assets/images/layout/left-background.png
new file mode 100755
index 0000000..187e0bb
Binary files /dev/null and b/content/assets/images/layout/left-background.png differ
diff --git a/content/assets/images/layout/loading.gif b/content/assets/images/layout/loading.gif
new file mode 100644
index 0000000..5087c2a
Binary files /dev/null and b/content/assets/images/layout/loading.gif differ
diff --git a/content/assets/images/layout/next.png b/content/assets/images/layout/next.png
new file mode 100644
index 0000000..40b5884
Binary files /dev/null and b/content/assets/images/layout/next.png differ
diff --git a/content/assets/images/layout/prev.png b/content/assets/images/layout/prev.png
new file mode 100644
index 0000000..6f50afd
Binary files /dev/null and b/content/assets/images/layout/prev.png differ
diff --git a/content/assets/images/portfolio/chronozone_full.jpg b/content/assets/images/portfolio/chronozone_full.jpg
new file mode 100755
index 0000000..4b314f6
Binary files /dev/null and b/content/assets/images/portfolio/chronozone_full.jpg differ
diff --git a/content/assets/images/portfolio/chronozone_large.jpg b/content/assets/images/portfolio/chronozone_large.jpg
new file mode 100755
index 0000000..4ede58f
Binary files /dev/null and b/content/assets/images/portfolio/chronozone_large.jpg differ
diff --git a/content/assets/images/portfolio/chronozone_small.jpg b/content/assets/images/portfolio/chronozone_small.jpg
new file mode 100755
index 0000000..dd4534a
Binary files /dev/null and b/content/assets/images/portfolio/chronozone_small.jpg differ
diff --git a/content/assets/images/portfolio/dsc_full.jpg b/content/assets/images/portfolio/dsc_full.jpg
new file mode 100755
index 0000000..1b36e9d
Binary files /dev/null and b/content/assets/images/portfolio/dsc_full.jpg differ
diff --git a/content/assets/images/portfolio/dsc_large.jpg b/content/assets/images/portfolio/dsc_large.jpg
new file mode 100755
index 0000000..69970f9
Binary files /dev/null and b/content/assets/images/portfolio/dsc_large.jpg differ
diff --git a/content/assets/images/portfolio/dsc_large_o.jpg b/content/assets/images/portfolio/dsc_large_o.jpg
new file mode 100755
index 0000000..739ed77
Binary files /dev/null and b/content/assets/images/portfolio/dsc_large_o.jpg differ
diff --git a/content/assets/images/portfolio/dsc_small.jpg b/content/assets/images/portfolio/dsc_small.jpg
new file mode 100755
index 0000000..e1562e6
Binary files /dev/null and b/content/assets/images/portfolio/dsc_small.jpg differ
diff --git a/content/assets/images/portfolio/dsc_small_o.jpg b/content/assets/images/portfolio/dsc_small_o.jpg
new file mode 100755
index 0000000..ff07f5c
Binary files /dev/null and b/content/assets/images/portfolio/dsc_small_o.jpg differ
diff --git a/content/assets/images/portfolio/hawkstag_full.jpg b/content/assets/images/portfolio/hawkstag_full.jpg
new file mode 100755
index 0000000..ad9821e
Binary files /dev/null and b/content/assets/images/portfolio/hawkstag_full.jpg differ
diff --git a/content/assets/images/portfolio/hawkstag_large.jpg b/content/assets/images/portfolio/hawkstag_large.jpg
new file mode 100755
index 0000000..3311a22
Binary files /dev/null and b/content/assets/images/portfolio/hawkstag_large.jpg differ
diff --git a/content/assets/images/portfolio/hawkstag_small.jpg b/content/assets/images/portfolio/hawkstag_small.jpg
new file mode 100755
index 0000000..8e2ed22
Binary files /dev/null and b/content/assets/images/portfolio/hawkstag_small.jpg differ
diff --git a/content/assets/images/portfolio/hepgrove_full.jpg b/content/assets/images/portfolio/hepgrove_full.jpg
new file mode 100755
index 0000000..8e364a5
Binary files /dev/null and b/content/assets/images/portfolio/hepgrove_full.jpg differ
diff --git a/content/assets/images/portfolio/hepgrove_large.jpg b/content/assets/images/portfolio/hepgrove_large.jpg
new file mode 100755
index 0000000..367a35a
Binary files /dev/null and b/content/assets/images/portfolio/hepgrove_large.jpg differ
diff --git a/content/assets/images/portfolio/hepgrove_small.jpg b/content/assets/images/portfolio/hepgrove_small.jpg
new file mode 100755
index 0000000..ed91062
Binary files /dev/null and b/content/assets/images/portfolio/hepgrove_small.jpg differ
diff --git a/content/assets/images/portfolio/jurassicrage_full.jpg b/content/assets/images/portfolio/jurassicrage_full.jpg
new file mode 100755
index 0000000..2aafadf
Binary files /dev/null and b/content/assets/images/portfolio/jurassicrage_full.jpg differ
diff --git a/content/assets/images/portfolio/jurassicrage_large.jpg b/content/assets/images/portfolio/jurassicrage_large.jpg
new file mode 100755
index 0000000..e771b02
Binary files /dev/null and b/content/assets/images/portfolio/jurassicrage_large.jpg differ
diff --git a/content/assets/images/portfolio/jurassicrage_small.jpg b/content/assets/images/portfolio/jurassicrage_small.jpg
new file mode 100755
index 0000000..2d93384
Binary files /dev/null and b/content/assets/images/portfolio/jurassicrage_small.jpg differ
diff --git a/content/assets/images/portfolio/nixonstudio_full.jpg b/content/assets/images/portfolio/nixonstudio_full.jpg
new file mode 100755
index 0000000..f0ebd96
Binary files /dev/null and b/content/assets/images/portfolio/nixonstudio_full.jpg differ
diff --git a/content/assets/images/portfolio/nixonstudio_large.jpg b/content/assets/images/portfolio/nixonstudio_large.jpg
new file mode 100755
index 0000000..53f56bf
Binary files /dev/null and b/content/assets/images/portfolio/nixonstudio_large.jpg differ
diff --git a/content/assets/images/portfolio/nixonstudio_small.jpg b/content/assets/images/portfolio/nixonstudio_small.jpg
new file mode 100755
index 0000000..c0967b6
Binary files /dev/null and b/content/assets/images/portfolio/nixonstudio_small.jpg differ
diff --git a/content/assets/images/portfolio/streetvite_mobile_full.jpg b/content/assets/images/portfolio/streetvite_mobile_full.jpg
new file mode 100755
index 0000000..46830a6
Binary files /dev/null and b/content/assets/images/portfolio/streetvite_mobile_full.jpg differ
diff --git a/content/assets/images/portfolio/streetvite_mobile_large.jpg b/content/assets/images/portfolio/streetvite_mobile_large.jpg
new file mode 100755
index 0000000..9eed780
Binary files /dev/null and b/content/assets/images/portfolio/streetvite_mobile_large.jpg differ
diff --git a/content/assets/images/portfolio/streetvite_mobile_small.jpg b/content/assets/images/portfolio/streetvite_mobile_small.jpg
new file mode 100755
index 0000000..560d184
Binary files /dev/null and b/content/assets/images/portfolio/streetvite_mobile_small.jpg differ
diff --git a/content/assets/images/portfolio/strogghold_full.jpg b/content/assets/images/portfolio/strogghold_full.jpg
new file mode 100755
index 0000000..6a96c9f
Binary files /dev/null and b/content/assets/images/portfolio/strogghold_full.jpg differ
diff --git a/content/assets/images/portfolio/strogghold_large.jpg b/content/assets/images/portfolio/strogghold_large.jpg
new file mode 100755
index 0000000..23cfc57
Binary files /dev/null and b/content/assets/images/portfolio/strogghold_large.jpg differ
diff --git a/content/assets/images/portfolio/trinitygaming_full.jpg b/content/assets/images/portfolio/trinitygaming_full.jpg
new file mode 100755
index 0000000..a052646
Binary files /dev/null and b/content/assets/images/portfolio/trinitygaming_full.jpg differ
diff --git a/content/assets/images/portfolio/trinitygaming_large.jpg b/content/assets/images/portfolio/trinitygaming_large.jpg
new file mode 100755
index 0000000..4078b14
Binary files /dev/null and b/content/assets/images/portfolio/trinitygaming_large.jpg differ
diff --git a/content/assets/images/portfolio/trinitygaming_small.jpg b/content/assets/images/portfolio/trinitygaming_small.jpg
new file mode 100755
index 0000000..37343f0
Binary files /dev/null and b/content/assets/images/portfolio/trinitygaming_small.jpg differ
diff --git a/content/assets/images/portfolio/ukc_full.jpg b/content/assets/images/portfolio/ukc_full.jpg
new file mode 100755
index 0000000..cf9423c
Binary files /dev/null and b/content/assets/images/portfolio/ukc_full.jpg differ
diff --git a/content/assets/images/portfolio/ukc_large.jpg b/content/assets/images/portfolio/ukc_large.jpg
new file mode 100755
index 0000000..143f2bf
Binary files /dev/null and b/content/assets/images/portfolio/ukc_large.jpg differ
diff --git a/content/assets/images/portfolio/ukc_small.jpg b/content/assets/images/portfolio/ukc_small.jpg
new file mode 100755
index 0000000..caa629d
Binary files /dev/null and b/content/assets/images/portfolio/ukc_small.jpg differ
diff --git a/content/assets/js/lightbox.js b/content/assets/js/lightbox.js
new file mode 100644
index 0000000..af12656
--- /dev/null
+++ b/content/assets/js/lightbox.js
@@ -0,0 +1,351 @@
+
+/*
+Lightbox v2.51
+by Lokesh Dhakar - http://www.lokeshdhakar.com
+
+For more information, visit:
+http://lokeshdhakar.com/projects/lightbox2/
+
+Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
+- free for use in both personal and commercial projects
+- attribution requires leaving author name, author link, and the license info intact
+
+Thanks
+- Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.com), and Thomas Fuchs(mir.aculo.us) for ideas, libs, and snippets.
+- Artemy Tregubenko (arty.name) for cleanup and help in updating to latest proto-aculous in v2.05.
+
+
+Table of Contents
+=================
+LightboxOptions
+
+Lightbox
+- constructor
+- init
+- enable
+- build
+- start
+- changeImage
+- sizeContainer
+- showImage
+- updateNav
+- updateDetails
+- preloadNeigbhoringImages
+- enableKeyboardNav
+- disableKeyboardNav
+- keyboardAction
+- end
+
+options = new LightboxOptions
+lightbox = new Lightbox options
+*/
+
+(function() {
+ var $, Lightbox, LightboxOptions;
+
+ $ = jQuery;
+
+ LightboxOptions = (function() {
+
+ function LightboxOptions() {
+ this.fileLoadingImage = '/images/layout/loading.gif';
+ this.fileCloseImage = '/images/layout/close.png';
+ this.resizeDuration = 700;
+ this.fadeDuration = 500;
+ this.labelImage = "Image";
+ this.labelOf = "of";
+ }
+
+ return LightboxOptions;
+
+ })();
+
+ Lightbox = (function() {
+
+ function Lightbox(options) {
+ this.options = options;
+ this.album = [];
+ this.currentImageIndex = void 0;
+ this.init();
+ }
+
+ Lightbox.prototype.init = function() {
+ this.enable();
+ return this.build();
+ };
+
+ Lightbox.prototype.enable = function() {
+ var _this = this;
+ return $('body').on('click', 'a[rel^=lightbox], area[rel^=lightbox]', function(e) {
+ _this.start($(e.currentTarget));
+ return false;
+ });
+ };
+
+ Lightbox.prototype.build = function() {
+ var $lightbox,
+ _this = this;
+ $("
", {
+ id: 'lightboxOverlay'
+ }).after($('
', {
+ id: 'lightbox'
+ }).append($('
', {
+ "class": 'lb-outerContainer'
+ }).append($('
', {
+ "class": 'lb-container'
+ }).append($('
', {
+ "class": 'lb-image'
+ }), $('
', {
+ "class": 'lb-nav'
+ }).append($('
', {
+ "class": 'lb-prev'
+ }), $('
', {
+ "class": 'lb-next'
+ })), $('
', {
+ "class": 'lb-loader'
+ }).append($('
', {
+ "class": 'lb-cancel'
+ }).append($('
', {
+ src: this.options.fileLoadingImage
+ }))))), $('
', {
+ "class": 'lb-dataContainer'
+ }).append($('
', {
+ "class": 'lb-data'
+ }).append($('
', {
+ "class": 'lb-details'
+ }).append($('
', {
+ "class": 'lb-caption'
+ }), $('
', {
+ "class": 'lb-number'
+ })), $('
', {
+ "class": 'lb-closeContainer'
+ }).append($('
', {
+ "class": 'lb-close'
+ }).append($('
', {
+ src: this.options.fileCloseImage
+ }))))))).appendTo($('body'));
+ $('#lightboxOverlay').hide().on('click', function(e) {
+ _this.end();
+ return false;
+ });
+ $lightbox = $('#lightbox');
+ $lightbox.hide().on('click', function(e) {
+ if ($(e.target).attr('id') === 'lightbox') _this.end();
+ return false;
+ });
+ $lightbox.find('.lb-outerContainer').on('click', function(e) {
+ if ($(e.target).attr('id') === 'lightbox') _this.end();
+ return false;
+ });
+ $lightbox.find('.lb-prev').on('click', function(e) {
+ _this.changeImage(_this.currentImageIndex - 1);
+ return false;
+ });
+ $lightbox.find('.lb-next').on('click', function(e) {
+ _this.changeImage(_this.currentImageIndex + 1);
+ return false;
+ });
+ $lightbox.find('.lb-loader, .lb-close').on('click', function(e) {
+ _this.end();
+ return false;
+ });
+ };
+
+ Lightbox.prototype.start = function($link) {
+ var $lightbox, $window, a, i, imageNumber, left, top, _len, _ref;
+ $(window).on("resize", this.sizeOverlay);
+ $('select, object, embed').css({
+ visibility: "hidden"
+ });
+ $('#lightboxOverlay').width($(document).width()).height($(document).height()).fadeIn(this.options.fadeDuration);
+ this.album = [];
+ imageNumber = 0;
+ if ($link.attr('rel') === 'lightbox') {
+ this.album.push({
+ link: $link.attr('href'),
+ title: $link.attr('title')
+ });
+ } else {
+ _ref = $($link.prop("tagName") + '[rel="' + $link.attr('rel') + '"]');
+ for (i = 0, _len = _ref.length; i < _len; i++) {
+ a = _ref[i];
+ this.album.push({
+ link: $(a).attr('href'),
+ title: $(a).attr('title')
+ });
+ if ($(a).attr('href') === $link.attr('href')) imageNumber = i;
+ }
+ }
+ $window = $(window);
+ top = $window.scrollTop() + $window.height() / 10;
+ left = $window.scrollLeft();
+ $lightbox = $('#lightbox');
+ $lightbox.css({
+ top: top + 'px',
+ left: left + 'px'
+ }).fadeIn(this.options.fadeDuration);
+ this.changeImage(imageNumber);
+ };
+
+ Lightbox.prototype.changeImage = function(imageNumber) {
+ var $image, $lightbox, preloader,
+ _this = this;
+ this.disableKeyboardNav();
+ $lightbox = $('#lightbox');
+ $image = $lightbox.find('.lb-image');
+ this.sizeOverlay();
+ $('#lightboxOverlay').fadeIn(this.options.fadeDuration);
+ $('.loader').fadeIn('slow');
+ $lightbox.find('.lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption').hide();
+ $lightbox.find('.lb-outerContainer').addClass('animating');
+ preloader = new Image;
+ preloader.onload = function() {
+ $image.attr('src', _this.album[imageNumber].link);
+ $image.width = preloader.width;
+ $image.height = preloader.height;
+ return _this.sizeContainer(preloader.width, preloader.height);
+ };
+ preloader.src = this.album[imageNumber].link;
+ this.currentImageIndex = imageNumber;
+ };
+
+ Lightbox.prototype.sizeOverlay = function() {
+ return $('#lightboxOverlay').width($(document).width()).height($(document).height());
+ };
+
+ Lightbox.prototype.sizeContainer = function(imageWidth, imageHeight) {
+ var $container, $lightbox, $outerContainer, containerBottomPadding, containerLeftPadding, containerRightPadding, containerTopPadding, newHeight, newWidth, oldHeight, oldWidth,
+ _this = this;
+ $lightbox = $('#lightbox');
+ $outerContainer = $lightbox.find('.lb-outerContainer');
+ oldWidth = $outerContainer.outerWidth();
+ oldHeight = $outerContainer.outerHeight();
+ $container = $lightbox.find('.lb-container');
+ containerTopPadding = parseInt($container.css('padding-top'), 10);
+ containerRightPadding = parseInt($container.css('padding-right'), 10);
+ containerBottomPadding = parseInt($container.css('padding-bottom'), 10);
+ containerLeftPadding = parseInt($container.css('padding-left'), 10);
+ newWidth = imageWidth + containerLeftPadding + containerRightPadding;
+ newHeight = imageHeight + containerTopPadding + containerBottomPadding;
+ if (newWidth !== oldWidth && newHeight !== oldHeight) {
+ $outerContainer.animate({
+ width: newWidth,
+ height: newHeight
+ }, this.options.resizeDuration, 'swing');
+ } else if (newWidth !== oldWidth) {
+ $outerContainer.animate({
+ width: newWidth
+ }, this.options.resizeDuration, 'swing');
+ } else if (newHeight !== oldHeight) {
+ $outerContainer.animate({
+ height: newHeight
+ }, this.options.resizeDuration, 'swing');
+ }
+ setTimeout(function() {
+ $lightbox.find('.lb-dataContainer').width(newWidth);
+ $lightbox.find('.lb-prevLink').height(newHeight);
+ $lightbox.find('.lb-nextLink').height(newHeight);
+ _this.showImage();
+ }, this.options.resizeDuration);
+ };
+
+ Lightbox.prototype.showImage = function() {
+ var $lightbox;
+ $lightbox = $('#lightbox');
+ $lightbox.find('.lb-loader').hide();
+ $lightbox.find('.lb-image').fadeIn('slow');
+ this.updateNav();
+ this.updateDetails();
+ this.preloadNeighboringImages();
+ this.enableKeyboardNav();
+ };
+
+ Lightbox.prototype.updateNav = function() {
+ var $lightbox;
+ $lightbox = $('#lightbox');
+ $lightbox.find('.lb-nav').show();
+ if (this.currentImageIndex > 0) $lightbox.find('.lb-prev').show();
+ if (this.currentImageIndex < this.album.length - 1) {
+ $lightbox.find('.lb-next').show();
+ }
+ };
+
+ Lightbox.prototype.updateDetails = function() {
+ var $lightbox,
+ _this = this;
+ $lightbox = $('#lightbox');
+ if (typeof this.album[this.currentImageIndex].title !== 'undefined' && this.album[this.currentImageIndex].title !== "") {
+ $lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast');
+ }
+ if (this.album.length > 1) {
+ $lightbox.find('.lb-number').html(this.options.labelImage + ' ' + (this.currentImageIndex + 1) + ' ' + this.options.labelOf + ' ' + this.album.length).fadeIn('fast');
+ } else {
+ $lightbox.find('.lb-number').hide();
+ }
+ $lightbox.find('.lb-outerContainer').removeClass('animating');
+ $lightbox.find('.lb-dataContainer').fadeIn(this.resizeDuration, function() {
+ return _this.sizeOverlay();
+ });
+ };
+
+ Lightbox.prototype.preloadNeighboringImages = function() {
+ var preloadNext, preloadPrev;
+ if (this.album.length > this.currentImageIndex + 1) {
+ preloadNext = new Image;
+ preloadNext.src = this.album[this.currentImageIndex + 1].link;
+ }
+ if (this.currentImageIndex > 0) {
+ preloadPrev = new Image;
+ preloadPrev.src = this.album[this.currentImageIndex - 1].link;
+ }
+ };
+
+ Lightbox.prototype.enableKeyboardNav = function() {
+ $(document).on('keyup.keyboard', $.proxy(this.keyboardAction, this));
+ };
+
+ Lightbox.prototype.disableKeyboardNav = function() {
+ $(document).off('.keyboard');
+ };
+
+ Lightbox.prototype.keyboardAction = function(event) {
+ var KEYCODE_ESC, KEYCODE_LEFTARROW, KEYCODE_RIGHTARROW, key, keycode;
+ KEYCODE_ESC = 27;
+ KEYCODE_LEFTARROW = 37;
+ KEYCODE_RIGHTARROW = 39;
+ keycode = event.keyCode;
+ key = String.fromCharCode(keycode).toLowerCase();
+ if (keycode === KEYCODE_ESC || key.match(/x|o|c/)) {
+ this.end();
+ } else if (key === 'p' || keycode === KEYCODE_LEFTARROW) {
+ if (this.currentImageIndex !== 0) {
+ this.changeImage(this.currentImageIndex - 1);
+ }
+ } else if (key === 'n' || keycode === KEYCODE_RIGHTARROW) {
+ if (this.currentImageIndex !== this.album.length - 1) {
+ this.changeImage(this.currentImageIndex + 1);
+ }
+ }
+ };
+
+ Lightbox.prototype.end = function() {
+ this.disableKeyboardNav();
+ $(window).off("resize", this.sizeOverlay);
+ $('#lightbox').fadeOut(this.options.fadeDuration);
+ $('#lightboxOverlay').fadeOut(this.options.fadeDuration);
+ return $('select, object, embed').css({
+ visibility: "visible"
+ });
+ };
+
+ return Lightbox;
+
+ })();
+
+ $(function() {
+ var lightbox, options;
+ options = new LightboxOptions;
+ return lightbox = new Lightbox(options);
+ });
+
+}).call(this);
\ No newline at end of file
diff --git a/content/assets/js/modernizr.js b/content/assets/js/modernizr.js
new file mode 100644
index 0000000..2044ec6
--- /dev/null
+++ b/content/assets/js/modernizr.js
@@ -0,0 +1,4 @@
+/* Modernizr 2.5.3 (Custom Build) | MIT & BSD
+ * Build: http://www.modernizr.com/download/#-borderradius-boxshadow-cssanimations-csstransforms-csstransforms3d-csstransitions-shiv-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load
+ */
+;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a)if(j[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.5.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k=b.createElement("div"),l=b.body,m=l?l:b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),k.appendChild(j);return f=["",""].join(""),k.id=h,(l?k:m).innerHTML+=f,m.appendChild(k),l||(m.style.background="",g.appendChild(m)),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e});var G=function(a,c){var d=a.join(""),f=c.length;w(d,function(a,c){var d=b.styleSheets[b.styleSheets.length-1],g=d?d.cssRules&&d.cssRules[0]?d.cssRules[0].cssText:d.cssText||"":"",h=a.childNodes,i={};while(f--)i[h[f].id]=h[f];e.csstransforms3d=(i.csstransforms3d&&i.csstransforms3d.offsetLeft)===9&&i.csstransforms3d.offsetHeight===3},f,c)}([,["@media (",m.join("transform-3d),("),h,")","{#csstransforms3d{left:9px;position:absolute;height:3px;}}"].join("")],[,"csstransforms3d"]);q.borderradius=function(){return F("borderRadius")},q.boxshadow=function(){return F("boxShadow")},q.cssanimations=function(){return F("animationName")},q.csstransforms=function(){return!!F("transform")},q.csstransforms3d=function(){var a=!!F("perspective");return a&&"webkitPerspective"in g.style&&(a=e.csstransforms3d),a},q.csstransitions=function(){return F("transition")};for(var H in q)y(q,H)&&(v=H.toLowerCase(),e[v]=q[H](),t.push((e[v]?"":"no-")+v));return z(""),i=k=null,function(a,b){function g(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function h(){var a=k.elements;return typeof a=="string"?a.split(" "):a}function i(a){var b={},c=a.createElement,e=a.createDocumentFragment,f=e();a.createElement=function(a){var e=(b[a]||(b[a]=c(a))).cloneNode();return k.shivMethods&&e.canHaveChildren&&!d.test(a)?f.appendChild(e):e},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+h().join().replace(/\w+/g,function(a){return b[a]=c(a),f.createElement(a),'c("'+a+'")'})+");return n}")(k,f)}function j(a){var b;return a.documentShived?a:(k.shivCSS&&!e&&(b=!!g(a,"article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio{display:none}canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}mark{background:#FF0;color:#000}")),f||(b=!i(a)),b&&(a.documentShived=b),a)}var c=a.html5||{},d=/^<|^(?:button|form|map|select|textarea)$/i,e,f;(function(){var a=b.createElement("a");a.innerHTML="
",e="hidden"in a,f=a.childNodes.length==1||function(){try{b.createElement("a")}catch(a){return!0}var c=b.createDocumentFragment();return typeof c.cloneNode=="undefined"||typeof c.createDocumentFragment=="undefined"||typeof c.createElement=="undefined"}()})();var k={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:j};a.html5=k,j(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return o.call(a)=="[object Function]"}function e(a){return typeof a=="string"}function f(){}function g(a){return!a||a=="loaded"||a=="complete"||a=="uninitialized"}function h(){var a=p.shift();q=1,a?a.t?m(function(){(a.t=="c"?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){a!="img"&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l={},o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};y[c]===1&&(r=1,y[c]=[],l=b.createElement(a)),a=="object"?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),a!="img"&&(r||y[c]===2?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i(b=="c"?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),p.length==1&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&o.call(a.opera)=="[object Opera]",l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return o.call(a)=="[object Array]"},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f