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