diff --git a/octopress/.themes/grayshades b/octopress/.themes/grayshades deleted file mode 160000 index 57873f9..0000000 --- a/octopress/.themes/grayshades +++ /dev/null @@ -1 +0,0 @@ -Subproject commit 57873f9f2a45072fb0541347d055c18b39c21e7e diff --git a/octopress/.themes/grayshades/README.md b/octopress/.themes/grayshades/README.md new file mode 100644 index 0000000..f7c714a --- /dev/null +++ b/octopress/.themes/grayshades/README.md @@ -0,0 +1,29 @@ +#Greyshade + +Greyshade is a minimal, responsive theme for Octopress. +Based on [Slash](https://github.com/tommy351/Octopress-Theme-Slash) + +[Demo](http://shashankmehta.in/archive/2012/greyshade.html) + +![mobile view](https://dl.dropbox.com/u/6396581/greyshade/1.png) + +![Desktop view](https://dl.dropbox.com/u/6396581/greyshade/2.png) + +##Conditions + +The only condition to use this theme for your octopress blog is that you have to set a different highlight color than the ones mentioned [here](https://github.com/shashankmehta/greyshade/wiki/Sites-using-Greyshade). When you have chosen a highlight color, please add it to the [wiki](https://github.com/shashankmehta/greyshade/wiki/Sites-using-Greyshade) so that no one else uses it. + +Highlight color: This color is used on a:hover, blockquotes etc. I'll be using it in more places so that blogs with different highlight colors look slightly different and maintain a bit of their uniqueness. + +##Install + +Type the code below in terminal. + + $ git clone git@github.com:shashankmehta/greyshade.git .themes/greyshade + $ echo "\$greyshade: color;" >> sass/custom/_colors.scss //Substitue 'color' with your highlight color + $ rake "install[greyshade]" + $ rake generate + +##License + +MIT: [http://sm.mit-license.org](http://sm.mit-license.org/) diff --git a/octopress/.themes/grayshades/sass/_base.scss b/octopress/.themes/grayshades/sass/_base.scss new file mode 100644 index 0000000..77f309c --- /dev/null +++ b/octopress/.themes/grayshades/sass/_base.scss @@ -0,0 +1,5 @@ +@import "base/color"; +@import "base/font"; +@import "base/layout"; +@import "base/typography"; +@import "base/utilities"; \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/_greyshade.scss b/octopress/.themes/grayshades/sass/_greyshade.scss new file mode 100644 index 0000000..149db5c --- /dev/null +++ b/octopress/.themes/grayshades/sass/_greyshade.scss @@ -0,0 +1,291 @@ +//This is the main GREYSHADE css file. + +html { + height: 100%; +} + +body { + background: #3D4349; + font-family: "Open Sans", "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; + height: 100%; +} + +::selection, ::-moz-selection, ::-webkit-selection { + background-color: $greyshade; + color: $color-background; +} + +#header { + height: auto; + border-bottom: none; + .subtitle { + color: #999; + font-style: italic; + } + #sub-nav { + float: none; + position: relative; + .social { + float: none; + } + .search { + float: none; + .alignright { + float: none; + } + } + } + + h1 { + float: none; + } + + #main-nav { + float: none; + margin-left: 0px; + + ul { + li { + margin-left: 0px; + display: block; + a { + padding: 0px 0px; + } + } + } + } +} + +.container { + position: relative; + min-height: 100%; + + .credit-box { + color: #AAA; + font-size: .8em; + position: fixed; + bottom: 20px; + left: 40px; + a { + color: inherit; + text-decoration: underline; + } + } + .mid-col { + position: absolute; + right: 0; + min-height: 100%; + width: 77%; + background: whitesmoke; + #banner { + width: 100%; + small { + margin-right: 70px; + } + } + footer.inner { + text-align: center; + margin: 0px 70px 0px 40px; + width: auto; + } + .mid-col-container { + padding: 0px 70px 0px 40px; + #content { + width: 100%; + article { + border-top: none; + .title { + margin-left: 0px; + } + .entry-content { + margin-left: 0px; + .gist .gist-file .gist-data { + .line_numbers { + line-height: inherit; + } + pre { + line-height: inherit; + } + } + h2 { + font-size: 1.3em; + color: #574C4C; + border-bottom: none; + } + h2::before { + border-bottom: none; + } + blockquote { + border-left: 5px solid $greyshade; + background: #FCFCFC; + } + table { + line-height: 1.2em; + td { + text-align: left; + } + } + } + .meta { + position: relative; + float: right; + top: 0px; + color: #555; + text-align: right; + width: auto; + .date::before { + color: #555; + position: relative; + margin-right: 10px; + } + .tags::before { + color: #999; + position: relative; + margin-right: 10px; + } + } + h1.title{ + a { + color: #333; + -webkit-transition: color 0.3s; + -moz-transition: color 0.3s; + -o-transition: color 0.3s; + transition: color 0.3s; + } + a:hover { + color: $greyshade; + -webkit-transition: color 0.3s; + -moz-transition: color 0.3s; + -o-transition: color 0.3s; + transition: color 0.3s; + } + } + } + } + } + footer { + width: 100%; + } + } + .left-col:hover { + opacity: 1; + } + .left-col { + width: 23%; + position: fixed; + opacity: .3; + -webkit-transition: all .2s ease-in; + -moz-transition: all .2s ease-in; + -o-transition: all .2s ease-in; + -ms-transition: all .2s ease-in; + transition: all .2s ease-in; + height: 100%; + .intrude-less { + width: 80%; + } + #header { + width: 100%; + padding: 20% 0% 0% 15%; + #main-nav { + margin-top: 10px; + } + .profilepic { + img { + border-radius: 50%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + } + } + a { + color: rgba(167, 167, 167); + text-shadow: 0 1px #333; + } + a:hover { + color: $greyshade; + } + #sub-nav { + margin-top: 10px; + .search::before { + left: 10px; + } + .social { + margin-bottom: 10px; + } + } + } + } +} + +.archives { + .title { + font-size: 1.2em; + } + article { + .meta { + line-height: 1.5em; + margin-top: 0; + span::before { + padding-right: 0; + } + } + } +} + +a { + color: $greyshade; +} + +a:hover { + color: $greyshade; +} + +body { + @media screen and (max-width: 1040px){ + margin: 0 0; + } +} +@media screen and (max-width: 700px){ + .container { + .credit-box { + display: none; + } + .left-col { + position: relative; + width: 100%; + opacity: 1; + .intrude-less { + margin: auto auto; + } + #header { + padding: 40px 0px; + text-align: center; + #sub-nav{ + display: block; + } + #main-nav { + ul { + display: block; + li { + display: inline; + margin-right: 10px; + } + } + } + } + } + .mid-col { + float: none; + width: 100%; + .mid-col-container { + padding: 15px 15px; + #content { + article { + .meta { + float: none; + } + } + } + } + } + } +} diff --git a/octopress/.themes/grayshades/sass/_parts.scss b/octopress/.themes/grayshades/sass/_parts.scss new file mode 100644 index 0000000..b7ee304 --- /dev/null +++ b/octopress/.themes/grayshades/sass/_parts.scss @@ -0,0 +1,9 @@ +@import "parts/header"; +@import "parts/index"; +@import "parts/article"; +@import "parts/post"; +@import "parts/archive"; +@import "parts/comment"; +@import "parts/footer"; +@import "parts/syntax"; +@import "parts/twitter"; \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/_plugins.scss b/octopress/.themes/grayshades/sass/_plugins.scss new file mode 100644 index 0000000..cf82d1c --- /dev/null +++ b/octopress/.themes/grayshades/sass/_plugins.scss @@ -0,0 +1 @@ +@import "plugins/fancybox"; \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/base/_color.scss b/octopress/.themes/grayshades/sass/base/_color.scss new file mode 100644 index 0000000..6739926 --- /dev/null +++ b/octopress/.themes/grayshades/sass/base/_color.scss @@ -0,0 +1,8 @@ +$color-background: #eee; +$color-main: #258fb8; +$color-gray01: #666; +$color-gray02: #999; +$color-gray03: #ccc; +$color-gray04: #ddd; +$color-gray05: #fff; +$greyshade: #fff; diff --git a/octopress/.themes/grayshades/sass/base/_font.scss b/octopress/.themes/grayshades/sass/base/_font.scss new file mode 100644 index 0000000..907e406 --- /dev/null +++ b/octopress/.themes/grayshades/sass/base/_font.scss @@ -0,0 +1,17 @@ +$font-default: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; + +$font-icon: FontAwesome; +$font-icon-path: "/font/fontawesome-webfont"; + +@font-face { + font-family: 'FontAwesome'; + src: url('#{$font-icon-path}.eot'); + src: url('#{$font-icon-path}.eot?#iefix') format('embedded-opentype'), + url('#{$font-icon-path}.woff') format('woff'), + url('#{$font-icon-path}.ttf') format('truetype'), + url('#{$font-icon-path}.svgz#FontAwesomeRegular') format('svg'), + url('#{$font-icon-path}.svg#FontAwesomeRegular') format('svg'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/base/_layout.scss b/octopress/.themes/grayshades/sass/base/_layout.scss new file mode 100644 index 0000000..3424b40 --- /dev/null +++ b/octopress/.themes/grayshades/sass/base/_layout.scss @@ -0,0 +1,57 @@ +$max-width: 1000px; + +*{ + margin: 0; + padding: 0; +} +body{ + font-family: $font-default; + font-weight: 300; + font-size: 14px; + background: $color-background; + color: $color-gray01; + @media screen and (max-width: 1040px){ + margin: 0 20px; + } + @media screen and (max-width: 600px){ + font-size: 13px; + } +} +h1{ + font-size: 1.8em; +} +h2{ + font-size: 1.5em; +} +h3{ + font-size: 1.3em; +} +a{ + text-decoration: none; + outline-width: 0; + color: $color-main; +} + +.basic-alignment { + &.left { float: left; margin-right: 1.5em; } + &.right { float: right; margin-left: 1.5em; } + &.center { display:block; margin: 0 auto 1.5em; } + &.left, &.right { margin-bottom: .8em; } +} + +.alignleft{ + float: left; +} +.alignright{ + float: right; +} +.clearfix{ + @include pie-clearfix; +} +.inner{ + width: $max-width; + margin: 0 auto; + @media screen and (max-width: 1040px){ + width: 100%; + } +} diff --git a/octopress/.themes/grayshades/sass/base/_typography.scss b/octopress/.themes/grayshades/sass/base/_typography.scss new file mode 100644 index 0000000..57f5e1f --- /dev/null +++ b/octopress/.themes/grayshades/sass/base/_typography.scss @@ -0,0 +1,26 @@ +.pullquote-right:before, +.pullquote-left:before { + /* Reset metrics. */ + padding: 0; + border: none; + + /* Content */ + content: attr(data-pullquote); + + /* Pull out to the right, modular scale based margins. */ + float: right; + width: 45%; + margin: .5em 0 1em 1.5em; + + /* Baseline correction */ + position: relative; + top: 7px; + font-size: 1.4em; + line-height: 1.45em; +} + +.pullquote-left:before { + /* Make left pullquotes align properly. */ + float: left; + margin: .5em 1.5em 1em 0; +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/base/_utilities.scss b/octopress/.themes/grayshades/sass/base/_utilities.scss new file mode 100644 index 0000000..63aae7a --- /dev/null +++ b/octopress/.themes/grayshades/sass/base/_utilities.scss @@ -0,0 +1,24 @@ +@mixin square($property){ + width: $property; + height: $property; +} +@mixin user-select($select){ + -moz-user-select: $select; + -khtml-user-select: $select; + -webkit-user-select: $select; + -o-user-select: $select; + user-select: $select; +} +@mixin border-shadow($top: $color-gray05, $bottom: $color-gray04){ + border-top: 1px solid $top; + border-bottom: 1px solid $bottom; +} +@mixin center($width, $height){ + position: absolute; + top: 50%; + left: 50%; + margin-left: $width/(-2); + margin-top: $height/(-2); + width: $width; + height: $height; +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/parts/_archive.scss b/octopress/.themes/grayshades/sass/parts/_archive.scss new file mode 100644 index 0000000..af8f764 --- /dev/null +++ b/octopress/.themes/grayshades/sass/parts/_archive.scss @@ -0,0 +1,73 @@ +.archives{ + position: relative; + &:last-of-type{ + &:before{ + content: ""; + position: absolute; + bottom: 0; + width: 200px; + border-top: 1px solid $color-gray04; + } + } + .year{ + line-height: 35px; + width: 200px; + position: absolute; + top: 0; + padding-top: 15px; + border-top: 1px solid #fff; + &:before{ + content: ""; + position: absolute; + top: -2px; + width: 100%; + border-top: 1px solid $color-gray04; + } + @media screen and (max-width: 600px){ + position: relative; + width: 100%; + } + } + article{ + margin-left: 200px; + padding: 15px 0; + @media screen and (max-width: 600px){ + margin-left: 0; + &:first-of-type{ + border-top: none; + padding-top: 30px; + } + } + .title{ + margin-bottom: 0; + } + .meta{ + color: $color-gray02; + font-size: 0.9em; + line-height: 2; + margin-top: 15px; + @media screen and (max-width: 600px){ + display: none; + } + span{ + margin-right: 30px; + @include inline-block; + &:before{ + color: $color-gray03; + font: 1.3em $font-icon; + padding-right: 10px; + } + } + a{ + color: $color-gray02; + @include transition(0.3s); + &:hover{ + color: $color-gray01; + } + } + .date:before{content: "\f073";} + .tags:before{content: "\f02c";} + .comments:before{content: "\f075";} + } + } +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/parts/_article.scss b/octopress/.themes/grayshades/sass/parts/_article.scss new file mode 100644 index 0000000..37392a8 --- /dev/null +++ b/octopress/.themes/grayshades/sass/parts/_article.scss @@ -0,0 +1,141 @@ +article{ + border-bottom: 1px solid $color-gray04; + border-top: 1px solid $color-gray05; + padding: 30px 0; + position: relative; + @media screen and (max-width: 800px){ + padding-bottom: 15px; + } + @media screen and (max-width: 600px){ + padding: 15px 0; + } + h1.title{ + font-weight: 300; + line-height: 35px; + margin-bottom: 20px; + a{ + color: $color-gray01; + } + } + .entry-content{ + line-height: 2; + text-align: justify; + a{ + &:hover{ + text-decoration: underline; + } + } + .more-link{ + display: block; + margin-top: 16px; + padding-left: 30px; + position: relative; + &:before{ + content: "\f061"; + font: 1.3em $font-icon; + line-height: 1.6em; + position: absolute; + left: 0; + } + } + p, blockquote, ul, ol, dl, table, iframe, h1, h2, h3, h4, h5, h6, .video-container{ + margin-top: 10px; + } + ul, ol, dl{ + margin-left: 20px; + ul, ol, dl{ + margin-top: 0; + } + } + strong{ + font-weight: bold; + } + em{ + font-style: italic; + } + p{ + margin-top: 10px; + } + h2{ + font-weight: 300; + border-bottom: 1px solid $color-gray04; + position: relative; + &:before{ + content: ""; + position: absolute; + bottom: -2px; + border-bottom: 1px solid $color-gray05; + width: 100%; + } + } + img, video{ + max-width: 100%; + height: auto; + @extend .basic-alignment; + } + blockquote{ + background: $color-gray04; + border-left: 5px solid $color-gray03; + padding: 15px 20px; + margin-top: 10px; + & > p:first-of-type{ + margin-top: 0; + } + } + iframe{ + border: none; + } + table{ + background: $color-gray04; + border: 1px solid $color-gray03; + border-spacing: 0; + margin-top: 10px; + th{ + background: $color-gray03; + padding: 0 15px; + } + td{ + text-align: center; + } + tr{ + &:nth-of-type(2n){ + background: #d5d5d5; + } + } + } + .caption{ + display: block; + font-size: 0.9em; + color: $color-gray02; + padding-left: 25px; + position: relative; + &:before{ + content: "\f040"; + color: $color-gray03; + font: 1.3em $font-icon; + line-height: 1.6em; + position: absolute; + left: 0; + } + } + .video-container{ + position: relative; + padding-bottom: 56.25%; + padding-top: 30px; + height: 0; + overflow: hidden; + iframe, object, embed{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin-top: 0; + } + } + } +} +.share{ + padding: 15px 0; + @include border-shadow(); +} diff --git a/octopress/.themes/grayshades/sass/parts/_comment.scss b/octopress/.themes/grayshades/sass/parts/_comment.scss new file mode 100644 index 0000000..ead3ebc --- /dev/null +++ b/octopress/.themes/grayshades/sass/parts/_comment.scss @@ -0,0 +1,10 @@ +#comment{ + padding: 30px 0; + @include border-shadow(); + h1.title{ + font-size: 25px; + font-weight: 300; + line-height: 35px; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/parts/_footer.scss b/octopress/.themes/grayshades/sass/parts/_footer.scss new file mode 100644 index 0000000..6d47846 --- /dev/null +++ b/octopress/.themes/grayshades/sass/parts/_footer.scss @@ -0,0 +1,6 @@ +footer{ + padding: 15px 0; + border-top: 1px solid $color-gray05; + text-align: center; + font-size: 0.9em; +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/parts/_header.scss b/octopress/.themes/grayshades/sass/parts/_header.scss new file mode 100644 index 0000000..9735cd9 --- /dev/null +++ b/octopress/.themes/grayshades/sass/parts/_header.scss @@ -0,0 +1,388 @@ +$header-height: 30px; + +#header{ + height: $header-height; + padding: 30px 0; + border-bottom: 1px solid $color-gray04; + line-height: $header-height; + @media screen and (max-width: 1040px){ + height: auto; + position: relative; + padding-bottom: 10px; + } + a{ + color: $color-gray01; + @include transition(color 0.3s); + &:hover{ + color: $color-main; + } + } + h1{ + float: left; + font-weight: 300; + font-size: 30px; + @media screen and (max-width: 1040px){ + float: none; + } + } +} +#main-nav{ + float: left; + margin-left: 30px; + @media screen and (max-width: 1040px){ + float: none; + margin-left: 0; + margin-top: 15px; + } + >ul{ + @media screen and (max-width: 600px){ + display: none; + } + >li{ + margin-left: 50px; + @include inline-block; + @media screen and (max-width: 1040px){ + margin-left: 0; + margin-right: 50px; + &:last-of-type{ + margin-right: 0; + } + } + &:hover{ + >a{ + color: $color-main; + } + } + >a{ + padding: 38px 0; + margin-top: -38px; + &:after{ + content: "\f078"; + color: $color-gray03; + font: 12px $font-icon; + padding-left: 10px; + } + &:only-child{ + &:after{ + content: ""; + } + } + @media screen and (max-width: 1040px){ + padding: 18px 0; + } + } + } + ul{ + position: absolute; + top: 60px; + left: -15px; + z-index: 10; + white-space: nowrap; + background: $color-gray04; + border: 1px solid $color-gray03; + list-style: none; + display: none; + @media screen and (max-width: 1040px){ + top: 40px; + } + @include box-shadow(0 4px 8px rgba(0,0,0,0.1)); + @include border-radius(0 0 5px 5px); + ul{ + @include border-radius(0 5px 5px 5px); + } + li{ + @include border-shadow($color-background, $color-gray03); + &:hover{ + background: #d5d5d5; + } + &:first-of-type{ + border-top: none; + ul{ + @include border-radius(0 0 5px 5px); + } + } + &:last-of-type{ + border-bottom: none; + } + >a{ + display: block; + padding: 5px 15px; + &:after{ + content: "\f054"; + color: $color-gray02; + font: 12px $font-icon; + padding-left: 10px; + } + &:hover{ + color: $color-gray01; + } + &:only-child{ + &:after{ + content: ""; + } + } + } + } + ul{ + top: 0; + left: 100%; + } + } + li{ + position: relative; + &:hover{ + >ul{ + display: block; + } + } + } + } + select{ + display: none; + margin-bottom: 10px; + @media screen and (max-width: 600px){ + display: block; + } + } +} +#mobile-nav{ + display: none; + height: 37px; + position: relative; + @media screen and (max-width: 600px){ + display: block; + } + a{ + display: block; + } + .button{ + cursor: pointer; + } + .container{ + display: none; + } + .menu{ + position: relative; + width: 100%; + .button{ + background: #f2f2f2; + border: 1px solid $color-gray04; + color: #999; + padding: 0 60px 0 10px; + position: relative; + @include border-radius(5px); + &:hover{ + color: #999; + } + &.on{ + color: #666; + @include border-radius(5px 5px 5px 0); + &:before{ + content: "\f077"; + } + } + &:before{ + content: "\f078"; + color: $color-gray04; + font: 16px $font-icon; + line-height: 30px; + position: absolute; + top: 0; + right: 40px; + } + } + .container{ + background: #f2f2f2; + border: 1px solid #ddd; + border-top: none; + position: absolute; + top: 31px; + z-index: 1; + @include border-radius(0 0 5px 5px); + ul{ + list-style: none; + ul{ + margin-left: 20px; + } + } + a{ + padding: 0 10px; + } + } + } + .search{ + position: absolute; + top: 0; + right: 0; + .button{ + background: $color-gray04; + width: 30px; + height: 30px; + position: absolute; + top: 1px; + right: -1px; + @include border-radius(0 5px 5px 0); + &:before{ + content: "\f002"; + color: #f2f2f2; + font: 20px $font-icon; + line-height: 30px; + position: absolute; + top: 0; + left: 7px; + } + &.on{ + background: $color-gray03; + &:before{ + content: "\f00d"; + } + } + } + .container{ + position: absolute; + right: 51px; + z-index: 1; + } + input[type="text"]{ + background: #fff; + border: 1px solid $color-gray04; + border-right: none; + color: $color-gray02; + font: 13px $font-default; + height: 30px; + width: 100%; + padding: 0 10px; + @include border-radius(5px 0 0 5px); + } + } +} +#sub-nav{ + @media screen and (max-width: 1040px){ + position: absolute; + top: 30px; + right: 0; + } + @media screen and (max-width: 600px){ + display: none; + } + .search{ + float: left; + margin-top: 1px; + position: relative; + @media screen and (max-width: 1040px){ + float: none; + margin-top: 15px; + } + &:before{ + content: "\f002"; + color: $color-gray03; + font: 18px $font-icon; + line-height: 30px; + position: absolute; + top: 0; + right: 125px; + } + input[type="text"]{ + background: #f2f2f2; + color: $color-gray02; + border: 1px solid $color-gray04; + font: 13px $font-default; + padding: 6px 15px 6px 35px; + width: 100px; + @include transition(0.3s); + @include border-radius(15px); + &:focus, &:active{ + background: #fff; + border-top: 1px solid $color-gray03; + color: $color-gray01; + outline: none; + } + } + } + .social{ + float: left; + margin-right: 15px; + @media screen and (max-width: 1040px){ + float: none; + margin-right: 0; + a:last-of-type{ + margin-right: 0; + } + } + a{ + @include border-radius(50%); + @include inline-block; + text-indent: -9999px; + margin-right: 15px; + opacity: 0.5; + @include square(28px); + @include transition(0.3s); + &:hover{ + opacity: 1; + } + &.facebook{ + background: image-url('social/facebook.png') center no-repeat #3B5998; + border: 1px solid #3B5998; + &:hover{ + border: 1px solid darken(#3B5998, 10%); + } + } + &.google{ + background: image-url('social/google.png') center no-repeat #C83D20; + border: 1px solid #C83D20; + &:hover{ + border: 1px solid darken(#C83D20, 10%); + } + } + &.twitter{ + background: image-url('social/twitter.png') center no-repeat #55CFF8; + border: 1px solid #55CFF8; + &:hover{ + border: 1px solid darken(#55CFF8, 10%); + } + } + &.github{ + background: image-url('social/github.png') center no-repeat rgb(175,182,202); + border: 1px solid rgb(175,182,202); + &:hover{ + border: 1px solid darken(rgb(175,182,202), 10%); + } + } + &.linkedin{ + background: image-url('social/linkedin.png') center no-repeat #005A87; + border: 1px solid #005A87; + &:hover{ + border: 1px solid darken(#005A87, 10%); + } + } + &.pinterest{ + background: image-url('social/pinterest.png') center no-repeat rgb(190,64,55); + border: 1px solid rgb(190,64,55); + &:hover{ + border: 1px solid darken(rgb(190,64,55), 10%); + } + } + &.delicious{ + background: image-url('social/delicious.png') center no-repeat rgb(50,113,203); + border: 1px solid rgb(50,113,203); + &:hover{ + border: 1px solid darken(rgb(50,113,203), 10%); + } + } + &.pinboard{ + background: image-url('social/pinboard.png') center no-repeat rgb(0,102,200); + border: 1px solid rgb(58,114,159); + &:hover{ + border: 1px solid darken(rgb(0,102,255), 10%); + } + } + &.rss{ + background: image-url('social/rss.png') center no-repeat #EF7522; + border: 1px solid #EF7522; + &:hover{ + border: 1px solid darken(#EF7522, 10%); + } + } + } + } +} diff --git a/octopress/.themes/grayshades/sass/parts/_index.scss b/octopress/.themes/grayshades/sass/parts/_index.scss new file mode 100644 index 0000000..833bf02 --- /dev/null +++ b/octopress/.themes/grayshades/sass/parts/_index.scss @@ -0,0 +1,43 @@ +#pagenavi{ + padding: 20px 0; + height: 20px; + line-height: 20px; + position: relative; + @include border-shadow(); + a{ + &:hover{ + text-decoration: underline; + } + } + .prev, .next{ + position: absolute; + } + .prev{ + padding-left: 30px; + left: 0; + &:before{ + content: "\f060"; + font: 1.3em $font-icon; + position: absolute; + left: 0; + } + } + .next{ + padding-right: 30px; + right: 0; + &:before{ + content: "\f061"; + font: 1.3em $font-icon; + position: absolute; + right: 0; + } + } + .center{ + text-align: center; + width: 100%; + display: block; + @media screen and (max-width: 400px){ + display: none; + } + } +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/parts/_post.scss b/octopress/.themes/grayshades/sass/parts/_post.scss new file mode 100644 index 0000000..5259265 --- /dev/null +++ b/octopress/.themes/grayshades/sass/parts/_post.scss @@ -0,0 +1,43 @@ +.post{ + h1.title, .entry-content{ + margin-left: 200px; + @media screen and (max-width: 800px){ + margin-left: 0; + } + } + .meta{ + position: absolute; + top: 85px; + line-height: 2; + font-size: 0.9em; + color: $color-gray02; + width: 170px; + @media screen and (max-width: 800px){ + margin-top: 15px; + position: static; + width: auto; + } + a{ + @include link-colors($color-gray02, $color-gray01); + @include transition(0.3s); + } + .date, .tags, .comments{ + padding-left: 30px; + position: relative; + &:before{ + color: $color-gray03; + font: 1.3em $font-icon; + line-height: 1.6em; + position: absolute; + left: 0; + } + @media screen and (max-width: 800px){ + @include inline-block; + margin-right: 30px; + } + } + .date:before{content: "\f073";} + .tags:before{content: "\f02c";} + .comments:before{content: "\f075";} + } +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/parts/_syntax.scss b/octopress/.themes/grayshades/sass/parts/_syntax.scss new file mode 100644 index 0000000..031d17e --- /dev/null +++ b/octopress/.themes/grayshades/sass/parts/_syntax.scss @@ -0,0 +1,386 @@ +$base03: #002b36 !default; //darkest blue +$base02: #073642 !default; //dark blue +$base01: #586e75 !default; //darkest gray +$base00: #657b83 !default; //dark gray +$base0: #839496 !default; //medium gray +$base1: #93a1a1 !default; //medium light gray +$base2: #eee8d5 !default; //cream +$base3: #fdf6e3 !default; //white +$solar-yellow: #b58900 !default; +$solar-orange: #cb4b16 !default; +$solar-red: #dc322f !default; +$solar-magenta: #d33682 !default; +$solar-violet: #6c71c4 !default; +$solar-blue: #268bd2 !default; +$solar-cyan: #2aa198 !default; +$solar-green: #859900 !default; + +$solarized: light !default; + +@if $solarized == light { + + $_base03: $base03; + $_base02: $base02; + $_base01: $base01; + $_base00: $base00; + $_base0: $base0; + $_base1: $base1; + $_base2: $base2; + $_base3: $base3; + + $base03: $_base3; + $base02: $_base2; + $base01: $_base1; + $base00: $_base0; + $base0: $_base00; + $base1: $_base01; + $base2: $_base02; + $base3: $_base03; +} + +$pre-bg: $color-gray04; +$pre-border: $color-gray03; + +article{ + code, pre{ + background: $pre-bg; + border: 1px solid $pre-border; + font-family: $font-mono; + } + code{ + font-size: 0.9em; + padding: 1px 3px; + margin: 0 3px; + @include border-radius(5px); + } + pre{ + font-size: 1 / 0.9em; + line-height: 1.5; + margin-top: 10px; + padding: 5px 15px; + overflow-x: auto; + @include border-radius(5px); + code{ + background: none; + border: none; + padding: 0; + margin: 0; + @include border-radius(0); + } + } +} + +figure.code{ + background: $pre-bg; + border: 1px solid $pre-border; + margin-top: 10px; + padding: 5px 15px; + @include border-radius(5px); + figcaption{ + font-size: 0.9em; + position: relative; + span{ + margin: -5px -15px 0; + padding: 5px 15px; + display: block; + @include background(linear-gradient(top, $pre-border, $pre-bg)); + &:empty{ + display: none; + } + } + a{ + position: absolute; + top: 5px; + right: 0; + } + } + code, pre{ + background: none; + border: none; + padding: 0; + margin: 0; + @include border-radius(0); + } + .highlight{ + overflow-x: auto; + } + .line-numbers{ + border-right: 1px solid $pre-border; + font-family: $font-mono; + padding-right: 15px; + text-align: right; + } + table{ + border: none; + text-align: left; + margin-top: 0; + td{ + text-align: left; + } + } + td.code{ + width: 100%; + padding-left: 15px; + } +} +.entry-content .gist{ + background: $pre-bg; + color: $color-gray01; + padding: 30px 15px 5px; + margin-top: 10px; + border: 1px solid $pre-border; + position: relative; + overflow: hidden; + @include border-radius(5px); + .gist-file{ + margin: 0; + .gist-data{ + background: none; + border: none; + pre{ + font: 0.9em $font-mono; + line-height: 1.5; + } + } + .gist-meta{ + font: 300 0.9em $font-default; + line-height: 1.5; + margin: 0 -16px -6px; + padding: 5px 15px; + @include background(linear-gradient(top, $pre-bg, $pre-border)); + a{ + color: $color-main; + &:first-of-type{ + position: absolute; + top: 5px; + right: 15px; + z-index: 1; + } + &:nth-of-type(2){ + position: absolute; + top: 0; + left: 0; + padding: 5px 15px; + width: 100%; + @include background(linear-gradient(top, $pre-border, $pre-bg)); + } + } + } + } +} +figure.code, .gist-highlight{ + .c { + color:$base01 !important; + font-style: italic !important; + } + /* Comment */ + .cm { + color:$base01 !important; + font-style: italic !important; + } + /* Comment.Multiline */ + .cp { + color:$base01 !important; + font-style: italic !important; + } + /* Comment.Preproc */ + .c1 { + color:$base01 !important; + font-style: italic !important; + } + /* Comment.Single */ + .cs { + color:$base01 !important; + font-weight:bold !important; + font-style: italic !important; + } + /* Comment.Special */ + .err { + color:$solar-red !important; + background: none !important; + } + /* Error */ + .k { + color: $solar-orange !important; + } + /* Keyword */ + .o { + color:$base1 !important; + font-weight: bold !important; + } + /* Operator */ + .p { + color: $base1 !important; + } + /* Operator */ + .ow { + color:$solar-cyan !important; + font-weight: bold !important; + } + /* Operator.Word */ + .gd { + color:$base1 !important; + background-color:mix($solar-red,$base03,25%) !important; + display: inline-block; + } + /* Generic.Deleted */ + .gd .x { + color:$base1 !important; + background-color:mix($solar-red,$base03,35%) !important; + display: inline-block; + } + /* Generic.Deleted.Specific */ + .ge { + color:$base1 !important; + font-style: italic !important; + } + /* Generic.Emph */ + .gh { + color: $base01 !important; + } + /* Generic.Heading */ + .gi { + color:$base1 !important; + background-color:mix($solar-green,$base03,20%) !important; + display: inline-block; + } + /* Generic.Inserted */ + .gi .x { + color:$base1 !important; + background-color:mix($solar-green,$base03,40%) !important; + display: inline-block; + } + /* Generic.Inserted.Specific */ + .gs { + color:$base1 !important; + font-weight: bold !important; + } + /* Generic.Strong */ + .gu { + color: $solar-violet !important; + } + /* Generic.Subheading */ + .kc { + color:$solar-green !important; + font-weight: bold !important; + } + /* Keyword.Constant */ + .kd { + color: $solar-blue !important; + } + /* Keyword.Declaration */ + .kp { + color:$solar-orange !important; + font-weight: bold !important; + } + /* Keyword.Pseudo */ + .kr { + color:$solar-magenta !important; + font-weight: bold !important; + } + /* Keyword.Reserved */ + .kt { + color: $solar-cyan !important; + } + /* Keyword.Type */ + .n { + color:$solar-blue !important; + } + .na { + color: $solar-blue !important; + } + /* Name.Attribute */ + .nb { + color: $solar-green !important; + } + /* Name.Builtin */ + .nc { + color: $solar-magenta !important; + } + /* Name.Class */ + .no { + color: $solar-yellow !important; + } + /* Name.Constant */ + .nl { + color:$solar-green !important; + } + .ne { + color:$solar-blue !important; + font-weight: bold !important; + } + /* Name.Exception */ + .nf { + color:$solar-blue !important; + font-weight: bold !important; + } + /* Name.Function */ + .nn { + color: $solar-yellow !important; + } + /* Name.Namespace */ + .nt { + color:$solar-blue !important; + font-weight: bold !important; + } + /* Name.Tag */ + .nx { + color:$solar-yellow !Important; + } + .vg { + color: $solar-blue !important; + } + /* Name.Variable.Global */ + .vi { + color: $solar-blue !important; + } + /* Name.Variable.Instance */ + .nv { + color: $solar-blue !important; + } + /* Name.Variable */ + .mf { + color: $solar-cyan !important; + } + /* Literal.Number.Float */ + .m { + color: $solar-cyan !important; + } + /* Literal.Number */ + .mh { + color: $solar-cyan !important; + } + /* Literal.Number.Hex */ + .mi { + color: $solar-cyan !important; + } + /* Literal.Number.Integer */ + .s { + color: $solar-cyan !important; + } + /* Literal.String */ + .sd { + color: $solar-cyan !important; + } + /* Literal.String.Doc */ + .s2 { + color: $solar-cyan !important; + } + /* Literal.String.Double */ + .se { + color: $solar-red !important; + } + /* Literal.String.Escape */ + .si { + color: $solar-blue !important; + } + /* Literal.String.Interpol */ + .sr { + color: $solar-cyan !important; + } + /* Literal.String.Regex */ + .s1 { + color: $solar-cyan !important; + } + /* Literal.String.Single */ +} diff --git a/octopress/.themes/grayshades/sass/parts/_twitter.scss b/octopress/.themes/grayshades/sass/parts/_twitter.scss new file mode 100644 index 0000000..6a8e6a1 --- /dev/null +++ b/octopress/.themes/grayshades/sass/parts/_twitter.scss @@ -0,0 +1,49 @@ +#banner{ + color: $color-gray02; + padding: 30px 0; + line-height: 30px; + text-align: center; + position: relative; + display: none; + @include border-shadow(); + &:hover{ + a{ + color: $color-main; + } + } + a{ + color: $color-gray02; + @include transition(0.3s); + &:hover{ + text-decoration: underline; + } + } + small{ + position: absolute; + right: 0; + bottom: 0; + } + .loading{ + background: image-url('loading_pacman.gif') center no-repeat; + text-indent: -9999px; + } + .container{ + height: 30px; + overflow: hidden; + position: relative; + display: none; + .feed{ + list-style: none; + position: absolute; + top: 0; + width: 100%; + li{ + position: relative; + small{ + position: absolute; + right: 0; + } + } + } + } +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/plugins/_fancybox.scss b/octopress/.themes/grayshades/sass/plugins/_fancybox.scss new file mode 100644 index 0000000..20a9437 --- /dev/null +++ b/octopress/.themes/grayshades/sass/plugins/_fancybox.scss @@ -0,0 +1,228 @@ +/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ +.fancybox-tmp iframe, .fancybox-tmp object { + vertical-align: top; + padding: 0; + margin: 0; +} + +.fancybox-wrap { + position: absolute; + top: 0; + left: 0; + z-index: 8020; +} + +.fancybox-skin { + position: relative; + padding: 0; + margin: 0; + background: #f9f9f9; + color: #444; + text-shadow: none; + @include border-radius(4px); +} + +.fancybox-opened { + z-index: 8030; +} + +.fancybox-opened .fancybox-skin { + @include box-shadow(0 10px 25px rgba(0, 0, 0, 0.5)); +} + +.fancybox-outer, .fancybox-inner { + padding: 0; + margin: 0; + position: relative; + outline: none; +} + +.fancybox-inner { + overflow: hidden; +} + +.fancybox-type-iframe .fancybox-inner { + -webkit-overflow-scrolling: touch; +} + +.fancybox-error { + color: #444; + font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; + margin: 0; + padding: 10px; +} + +.fancybox-image, .fancybox-iframe { + display: block; + width: 100%; + height: 100%; + border: 0; + padding: 0; + margin: 0; + vertical-align: top; +} + +.fancybox-image { + max-width: 100%; + max-height: 100%; +} + +#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { + background-image: image-url('fancybox/fancybox_sprite.png'); +} + +#fancybox-loading { + position: fixed; + top: 50%; + left: 50%; + margin-top: -22px; + margin-left: -22px; + background-position: 0 -108px; + opacity: 0.8; + cursor: pointer; + z-index: 8020; +} + +#fancybox-loading div { + width: 44px; + height: 44px; + background: image-url('fancybox/fancybox_loading.gif') center center no-repeat; +} + +.fancybox-close { + position: absolute; + top: -18px; + right: -18px; + width: 36px; + height: 36px; + cursor: pointer; + z-index: 8040; +} + +.fancybox-nav { + position: absolute; + top: 0; + width: 40%; + height: 100%; + cursor: pointer; + background: transparent image-url('fancybox/blank.gif'); /* helps IE */ + -webkit-tap-highlight-color: rgba(0,0,0,0); + z-index: 8040; +} + +.fancybox-prev { + left: 0; +} + +.fancybox-next { + right: 0; +} + +.fancybox-nav span { + position: absolute; + top: 50%; + width: 36px; + height: 34px; + margin-top: -18px; + cursor: pointer; + z-index: 8040; + visibility: hidden; +} + +.fancybox-prev span { + left: 20px; + background-position: 0 -36px; +} + +.fancybox-next span { + right: 20px; + background-position: 0 -72px; +} + +.fancybox-nav:hover span { + visibility: visible; +} + +.fancybox-tmp { + position: absolute; + top: -9999px; + left: -9999px; + padding: 0; + overflow: visible; + visibility: hidden; +} + +/* Overlay helper */ + +#fancybox-overlay { + position: absolute; + top: 0; + left: 0; + overflow: hidden; + display: none; + z-index: 8010; + background: #000; +} + +#fancybox-overlay.overlay-fixed { + position: fixed; + bottom: 0; + right: 0; +} + +/* Title helper */ + +.fancybox-title { + visibility: hidden; + font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; + position: relative; + text-shadow: none; + z-index: 8050; +} + +.fancybox-opened .fancybox-title { + visibility: visible; +} + +.fancybox-title-float-wrap { + position: absolute; + bottom: 0; + right: 50%; + margin-bottom: -35px; + z-index: 8030; + text-align: center; +} + +.fancybox-title-float-wrap .child { + display: inline-block; + margin-right: -100%; + padding: 2px 20px; + background: transparent; /* Fallback for web browsers that doesn't support RGBa */ + background: rgba(0, 0, 0, 0.8); + text-shadow: 0 1px 2px #222; + color: #FFF; + font-weight: bold; + line-height: 24px; + white-space: nowrap; + @include border-radius(15px); +} + +.fancybox-title-outside-wrap { + position: relative; + margin-top: 10px; + color: #fff; +} + +.fancybox-title-inside-wrap { + margin-top: 10px; +} + +.fancybox-title-over-wrap { + position: absolute; + bottom: 0; + left: 0; + color: #fff; + padding: 10px; + background: #000; + background: rgba(0, 0, 0, .8); +} \ No newline at end of file diff --git a/octopress/.themes/grayshades/sass/screen.scss b/octopress/.themes/grayshades/sass/screen.scss new file mode 100644 index 0000000..8a1ed70 --- /dev/null +++ b/octopress/.themes/grayshades/sass/screen.scss @@ -0,0 +1,12 @@ +@import "compass"; + +@import "base"; +@import "parts"; +@import "plugins"; + +@import "custom/colors"; +@import "greyshade"; + +@import "custom/fonts"; +@import "custom/layout"; +@import "custom/styles"; \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/_includes/after_footer.html b/octopress/.themes/grayshades/source/_includes/after_footer.html new file mode 100644 index 0000000..09d93b7 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/after_footer.html @@ -0,0 +1,5 @@ + +{% include fancybox.html %} +{% include disqus.html %} +{% include google_analytics.html %} +{% include custom/after_footer.html %} \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/_includes/archive_post.html b/octopress/.themes/grayshades/source/_includes/archive_post.html new file mode 100644 index 0000000..e2593b9 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/archive_post.html @@ -0,0 +1,20 @@ +{% capture date %}{{ post.date }}{% endcapture %} +{% capture this_year %}{{ date | date: "%Y" }}{% endcapture %} +{% unless year == this_year %} + {% assign year = this_year %} + {% unless forloop.first %} + + {% endunless %} +

{{ date | date: "%Y" }}

+{% endunless %} +
+
+ +
+ {% include post/categories.html %} + {% if site.disqus_short_name and post.comments == true and site.disqus_show_comment_count == true %} + Comments + {% endif %} +
+

{{post.title}}

+
\ No newline at end of file diff --git a/octopress/.themes/grayshades/source/_includes/article.html b/octopress/.themes/grayshades/source/_includes/article.html new file mode 100644 index 0000000..50a1f05 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/article.html @@ -0,0 +1,18 @@ +{% if index %} +
+
{% include post/date.html %}{{ time }}
+
{% include post/categories.html %}
+ {% if site.disqus_short_name and site.disqus_show_comment_count == true %} + Comments + {% endif %} +
+

+
+ {{ content | excerpt }} + {% capture excerpted %}{{ content | has_excerpt }}{% endcapture %} + {% if excerpted == 'true' %}{{ site.excerpt_link }}{% endif %} +
+{% else %} +

{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}

+
{{ content }}
+{% endif %} diff --git a/octopress/.themes/grayshades/source/_includes/banner.html b/octopress/.themes/grayshades/source/_includes/banner.html new file mode 100644 index 0000000..af38f03 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/banner.html @@ -0,0 +1,15 @@ +{% if site.twitter_user and site.twitter_tweet_count > 0 %} + + + +{% endif %} \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/_includes/disqus.html b/octopress/.themes/grayshades/source/_includes/disqus.html new file mode 100644 index 0000000..eb30877 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/disqus.html @@ -0,0 +1,21 @@ +{% comment %} Load script if disquss comments are enabled and `page.comments` is either empty (index) or set to true {% endcomment %} +{% if site.disqus_short_name and page.comments != false %} + +{% endif %} diff --git a/octopress/.themes/grayshades/source/_includes/fancybox.html b/octopress/.themes/grayshades/source/_includes/fancybox.html new file mode 100644 index 0000000..fd5bcfd --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/fancybox.html @@ -0,0 +1,6 @@ + + \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/_includes/footer.html b/octopress/.themes/grayshades/source/_includes/footer.html new file mode 100644 index 0000000..132d891 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/footer.html @@ -0,0 +1,2 @@ +{% include custom/footer.html %} +Design credit: Shashank Mehta \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/_includes/google_analytics.html b/octopress/.themes/grayshades/source/_includes/google_analytics.html new file mode 100644 index 0000000..2950c76 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/google_analytics.html @@ -0,0 +1,13 @@ +{% if site.google_analytics_tracking_id %} + +{% endif %} diff --git a/octopress/.themes/grayshades/source/_includes/head.html b/octopress/.themes/grayshades/source/_includes/head.html new file mode 100644 index 0000000..79bfde1 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/head.html @@ -0,0 +1,26 @@ + + + + + {% if page.title %}{{ page.title }} - {% endif %}{{ site.title }} + + + {% capture description %}{% if page.description %}{{ page.description }}{% else %}{{ content | raw_content }}{% endif %}{% endcapture %} + + {% if page.keywords %}{% endif %} + + + + + + + + {% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' }}{% endif %}{% endcapture %} + + + + + + + {% include custom/head.html %} + diff --git a/octopress/.themes/grayshades/source/_includes/header.html b/octopress/.themes/grayshades/source/_includes/header.html new file mode 100644 index 0000000..5101fe1 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/header.html @@ -0,0 +1,41 @@ +
+ + +
+

{{ site.title }}

+

{{ site.subtitle }}

+ + +{% include custom/header.html %} diff --git a/octopress/.themes/grayshades/source/_includes/navigation.html b/octopress/.themes/grayshades/source/_includes/navigation.html new file mode 100644 index 0000000..888042e --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/navigation.html @@ -0,0 +1 @@ +{% include custom/navigation.html %} \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/_includes/post/author.html b/octopress/.themes/grayshades/source/_includes/post/author.html new file mode 100644 index 0000000..83dd6a8 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/post/author.html @@ -0,0 +1,8 @@ +{% if post.author %} + {% assign author = post.author %} +{% elsif page.author %} + {% assign author = page.author %} +{% else %} + {% assign author = site.author %} +{% endif %} +{% if author %}Posted by {{ author }}{% endif %} diff --git a/octopress/.themes/grayshades/source/_includes/post/categories.html b/octopress/.themes/grayshades/source/_includes/post/categories.html new file mode 100644 index 0000000..8c1c81f --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/post/categories.html @@ -0,0 +1,8 @@ +{% capture category %}{% if post %}{{ post.categories | category_links | size }}{% else %}{{ page.categories | category_links | size }}{% endif %}{% endcapture %} +{% unless category == '0' %} +{% if post %} + {{ post.categories | category_links }} +{% else %} + {{ page.categories | category_links }} +{% endif %} +{% endunless %} diff --git a/octopress/.themes/grayshades/source/_includes/post/date.html b/octopress/.themes/grayshades/source/_includes/post/date.html new file mode 100644 index 0000000..ef10564 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/post/date.html @@ -0,0 +1,15 @@ +{% capture date %}{{ page.date }}{{ post.date }}{% endcapture %} +{% capture date_formatted %}{{ page.date_formatted }}{{ post.date_formatted }}{% endcapture %} +{% capture has_date %}{{ date | size }}{% endcapture %} + +{% capture updated %}{{ page.updated }}{{ post.updated }}{% endcapture %} +{% capture updated_formatted %}{{ page.updated_formatted }}{{ post.updated_formatted }}{% endcapture %} +{% capture was_updated %}{{ updated | size }}{% endcapture %} + +{% if has_date != '0' %} + {% capture time %}{% endcapture %} +{% endif %} + +{% if was_updated != '0' %} + {% capture updated %}{% endcapture %} +{% else %}{% assign updated = false %}{% endif %} \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/_includes/post/disqus_thread.html b/octopress/.themes/grayshades/source/_includes/post/disqus_thread.html new file mode 100644 index 0000000..b1acd8c --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/post/disqus_thread.html @@ -0,0 +1 @@ + diff --git a/octopress/.themes/grayshades/source/_includes/post/sharing.html b/octopress/.themes/grayshades/source/_includes/post/sharing.html new file mode 100644 index 0000000..735c992 --- /dev/null +++ b/octopress/.themes/grayshades/source/_includes/post/sharing.html @@ -0,0 +1,15 @@ +
+
+ {% if site.facebook_like %} + + {% endif %} + {% if site.twitter_tweet_button %} + + {% endif %} + {% if site.google_plus_one %} + + {% endif %} + +
+ +
diff --git a/octopress/.themes/grayshades/source/_layouts/category_index.html b/octopress/.themes/grayshades/source/_layouts/category_index.html new file mode 100644 index 0000000..8ab5341 --- /dev/null +++ b/octopress/.themes/grayshades/source/_layouts/category_index.html @@ -0,0 +1,7 @@ +--- +layout: default +--- + +{% for post in site.categories[page.category] %} + {% include archive_post.html %} +{% endfor %} diff --git a/octopress/.themes/grayshades/source/_layouts/default.html b/octopress/.themes/grayshades/source/_layouts/default.html new file mode 100644 index 0000000..6131358 --- /dev/null +++ b/octopress/.themes/grayshades/source/_layouts/default.html @@ -0,0 +1,23 @@ +{% capture root_url %}{{ site.root | strip_slash }}{% endcapture %} +{% include head.html %} + + +
+
+
+ +
+
+
+ {% unless page.banner == false %} + {% include banner.html %} + {% endunless %} +
+
{{ content | expand_urls: root_url }}
+
+
{% include footer.html %}
+ {% include after_footer.html %} +
+
+ + diff --git a/octopress/.themes/grayshades/source/_layouts/page.html b/octopress/.themes/grayshades/source/_layouts/page.html new file mode 100644 index 0000000..353f725 --- /dev/null +++ b/octopress/.themes/grayshades/source/_layouts/page.html @@ -0,0 +1,20 @@ +--- +layout: default +sharing: false +--- + +
+ {% if page.title %} +

{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}

+ {% endif %} +
{{ content }}
+
+{% unless page.sharing == false %} + {% include post/sharing.html %} +{% endunless %} +{% if site.disqus_short_name and page.comments == true %} +
+

Comments

+
{% include post/disqus_thread.html %}
+
+{% endif %} diff --git a/octopress/.themes/grayshades/source/_layouts/post.html b/octopress/.themes/grayshades/source/_layouts/post.html new file mode 100644 index 0000000..4acf49e --- /dev/null +++ b/octopress/.themes/grayshades/source/_layouts/post.html @@ -0,0 +1,15 @@ +--- +layout: default +single: true +--- + +
{% include article.html %}
+{% unless page.sharing == false %} + {% include post/sharing.html %} +{% endunless %} +{% if site.disqus_short_name and page.comments == true %} +
+

Comments

+
{% include post/disqus_thread.html %}
+
+{% endif %} \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/atom.xml b/octopress/.themes/grayshades/source/atom.xml new file mode 100644 index 0000000..83af3f8 --- /dev/null +++ b/octopress/.themes/grayshades/source/atom.xml @@ -0,0 +1,27 @@ +--- +layout: nil +--- + + + + <![CDATA[{{ site.title }}]]> + + + {{ site.time | date_to_xmlschema }} + {{ site.url }}/ + + + {% if site.email %}{% endif %} + + Octopress + + {% for post in site.posts limit: 20 %} + + <![CDATA[{{ post.title | cdata_escape }}]]> + + {{ post.date | date_to_xmlschema }} + {{ site.url }}{{ post.id }} + + + {% endfor %} + diff --git a/octopress/.themes/grayshades/source/blog/archives/index.html b/octopress/.themes/grayshades/source/blog/archives/index.html new file mode 100644 index 0000000..a8a0109 --- /dev/null +++ b/octopress/.themes/grayshades/source/blog/archives/index.html @@ -0,0 +1,11 @@ +--- +layout: default +title: Blog Archives +--- + +
+{% for post in site.posts reverse %} + {% include archive_post.html %} +{% endfor %} +
+ \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/font/fontawesome-webfont.eot b/octopress/.themes/grayshades/source/font/fontawesome-webfont.eot new file mode 100755 index 0000000..3f669a7 Binary files /dev/null and b/octopress/.themes/grayshades/source/font/fontawesome-webfont.eot differ diff --git a/octopress/.themes/grayshades/source/font/fontawesome-webfont.svg b/octopress/.themes/grayshades/source/font/fontawesome-webfont.svg new file mode 100755 index 0000000..73c0ad9 --- /dev/null +++ b/octopress/.themes/grayshades/source/font/fontawesome-webfont.svg @@ -0,0 +1,175 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Designer : Dave Gandy +Foundry : Fort Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/font/fontawesome-webfont.svgz b/octopress/.themes/grayshades/source/font/fontawesome-webfont.svgz new file mode 100755 index 0000000..2a73cd7 Binary files /dev/null and b/octopress/.themes/grayshades/source/font/fontawesome-webfont.svgz differ diff --git a/octopress/.themes/grayshades/source/font/fontawesome-webfont.ttf b/octopress/.themes/grayshades/source/font/fontawesome-webfont.ttf new file mode 100755 index 0000000..4972eb4 Binary files /dev/null and b/octopress/.themes/grayshades/source/font/fontawesome-webfont.ttf differ diff --git a/octopress/.themes/grayshades/source/font/fontawesome-webfont.woff b/octopress/.themes/grayshades/source/font/fontawesome-webfont.woff new file mode 100755 index 0000000..6e4cb41 Binary files /dev/null and b/octopress/.themes/grayshades/source/font/fontawesome-webfont.woff differ diff --git a/octopress/.themes/grayshades/source/images/fancybox/blank.gif b/octopress/.themes/grayshades/source/images/fancybox/blank.gif new file mode 100644 index 0000000..35d42e8 Binary files /dev/null and b/octopress/.themes/grayshades/source/images/fancybox/blank.gif differ diff --git a/octopress/.themes/grayshades/source/images/fancybox/fancybox_loading.gif b/octopress/.themes/grayshades/source/images/fancybox/fancybox_loading.gif new file mode 100644 index 0000000..0158617 Binary files /dev/null and b/octopress/.themes/grayshades/source/images/fancybox/fancybox_loading.gif differ diff --git a/octopress/.themes/grayshades/source/images/fancybox/fancybox_sprite.png b/octopress/.themes/grayshades/source/images/fancybox/fancybox_sprite.png new file mode 100644 index 0000000..a1aae1a Binary files /dev/null and b/octopress/.themes/grayshades/source/images/fancybox/fancybox_sprite.png differ diff --git a/octopress/.themes/grayshades/source/images/loading_gray.gif b/octopress/.themes/grayshades/source/images/loading_gray.gif new file mode 100644 index 0000000..945a2aa Binary files /dev/null and b/octopress/.themes/grayshades/source/images/loading_gray.gif differ diff --git a/octopress/.themes/grayshades/source/images/loading_pacman.gif b/octopress/.themes/grayshades/source/images/loading_pacman.gif new file mode 100644 index 0000000..8f61add Binary files /dev/null and b/octopress/.themes/grayshades/source/images/loading_pacman.gif differ diff --git a/octopress/.themes/grayshades/source/images/social/delicious.png b/octopress/.themes/grayshades/source/images/social/delicious.png new file mode 100644 index 0000000..a936776 Binary files /dev/null and b/octopress/.themes/grayshades/source/images/social/delicious.png differ diff --git a/octopress/.themes/grayshades/source/images/social/facebook.png b/octopress/.themes/grayshades/source/images/social/facebook.png new file mode 100644 index 0000000..2e43bd8 Binary files /dev/null and b/octopress/.themes/grayshades/source/images/social/facebook.png differ diff --git a/octopress/.themes/grayshades/source/images/social/github.png b/octopress/.themes/grayshades/source/images/social/github.png new file mode 100644 index 0000000..6962c9d Binary files /dev/null and b/octopress/.themes/grayshades/source/images/social/github.png differ diff --git a/octopress/.themes/grayshades/source/images/social/google.png b/octopress/.themes/grayshades/source/images/social/google.png new file mode 100644 index 0000000..68f6978 Binary files /dev/null and b/octopress/.themes/grayshades/source/images/social/google.png differ diff --git a/octopress/.themes/grayshades/source/images/social/linkedin.png b/octopress/.themes/grayshades/source/images/social/linkedin.png new file mode 100644 index 0000000..1a7ae91 Binary files /dev/null and b/octopress/.themes/grayshades/source/images/social/linkedin.png differ diff --git a/octopress/.themes/grayshades/source/images/social/pinboard.png b/octopress/.themes/grayshades/source/images/social/pinboard.png new file mode 100644 index 0000000..2961f30 Binary files /dev/null and b/octopress/.themes/grayshades/source/images/social/pinboard.png differ diff --git a/octopress/.themes/grayshades/source/images/social/pinterest.png b/octopress/.themes/grayshades/source/images/social/pinterest.png new file mode 100644 index 0000000..34a64d6 Binary files /dev/null and b/octopress/.themes/grayshades/source/images/social/pinterest.png differ diff --git a/octopress/.themes/grayshades/source/images/social/rss.png b/octopress/.themes/grayshades/source/images/social/rss.png new file mode 100644 index 0000000..8492267 Binary files /dev/null and b/octopress/.themes/grayshades/source/images/social/rss.png differ diff --git a/octopress/.themes/grayshades/source/images/social/twitter.png b/octopress/.themes/grayshades/source/images/social/twitter.png new file mode 100644 index 0000000..1d63f2d Binary files /dev/null and b/octopress/.themes/grayshades/source/images/social/twitter.png differ diff --git a/octopress/.themes/grayshades/source/index.html b/octopress/.themes/grayshades/source/index.html new file mode 100644 index 0000000..329b8ec --- /dev/null +++ b/octopress/.themes/grayshades/source/index.html @@ -0,0 +1,20 @@ +--- +layout: default +--- + +{% assign index = true %} +
+{% for post in paginator.posts %} +{% assign content = post.content %} +
{% include article.html %}
+{% endfor %} +
+ \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/javascripts/jquery.fancybox.pack.js b/octopress/.themes/grayshades/source/javascripts/jquery.fancybox.pack.js new file mode 100644 index 0000000..6521c21 --- /dev/null +++ b/octopress/.themes/grayshades/source/javascripts/jquery.fancybox.pack.js @@ -0,0 +1,35 @@ +/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ +(function(s,l,d,t){var m=d(s),q=d(l),a=d.fancybox=function(){a.open.apply(this,arguments)},u=!1,k=l.createTouch!==t,o=function(a){return"string"===d.type(a)},n=function(b,c){c&&o(b)&&0
',image:'',iframe:'",swf:'',error:'

The requested content cannot be loaded.
Please try again later.

', +closeBtn:'
',next:'',prev:''},openEffect:"fade",openSpeed:300,openEasing:"swing",openOpacity:!0,openMethod:"zoomIn",closeEffect:"fade",closeSpeed:300,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:300,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic", +prevSpeed:300,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:{speedIn:0,speedOut:300,opacity:0.8,css:{cursor:"pointer"},closeClick:!0},title:{type:"float"}}},group:{},opts:{},coming:null,current:null,isOpen:!1,isOpened:!1,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(b,c){a.close(!0);b&&!d.isArray(b)&&(b=b instanceof d?d(b).get():[b]);a.isActive=!0;a.opts=d.extend(!0,{},a.defaults,c);d.isPlainObject(c)&&c.keys!==t&&(a.opts.keys=c.keys? +d.extend({},a.defaults.keys,c.keys):!1);a.group=b;a._start(a.opts.index||0)},cancel:function(){a.coming&&!1===a.trigger("onCancel")||(a.coming=null,a.hideLoading(),a.ajaxLoad&&a.ajaxLoad.abort(),a.ajaxLoad=null,a.imgPreload&&(a.imgPreload.onload=a.imgPreload.onabort=a.imgPreload.onerror=null))},close:function(b){a.cancel();a.current&&!1!==a.trigger("beforeClose")&&(a.unbindEvents(),!a.isOpen||b&&!0===b[0]?(d(".fancybox-wrap").stop().trigger("onReset").remove(),a._afterZoomOut()):(a.isOpen=a.isOpened= +!1,d(".fancybox-item, .fancybox-nav").remove(),a.wrap.stop(!0).removeClass("fancybox-opened"),a.inner.css("overflow","hidden"),a.transitions[a.current.closeMethod]()))},play:function(b){var c=function(){clearTimeout(a.player.timer)},e=function(){c();a.current&&a.player.isActive&&(a.player.timer=setTimeout(a.next,a.current.playSpeed))},f=function(){c();d("body").unbind(".player");a.player.isActive=!1;a.trigger("onPlayEnd")};if(a.player.isActive||b&&!1===b[0])f();else if(a.current&&(a.current.loop|| +a.current.index=a.group.length?b=0:0>b&&(b=a.group.length-1)),a.group[b]!==t&&(a.cancel(),a._start(b)))},reposition:function(b, +c){var e;a.isOpen&&(e=a._getPosition(c),b&&"scroll"===b.type?(delete e.position,a.wrap.stop(!0,!0).animate(e,200)):a.wrap.css(e))},update:function(b){a.isOpen&&(u||setTimeout(function(){var c=a.current,e=!b||b&&"orientationchange"===b.type;if(u&&(u=!1,c)){if(!b||"scroll"!==b.type||e)c.autoSize&&"iframe"!==c.type&&(a.inner.height("auto"),c.height=a.inner.height()),(c.autoResize||e)&&a._setDimension(),c.canGrow&&"iframe"!==c.type&&a.inner.height("auto");(c.autoCenter||e)&&a.reposition(b);a.trigger("onUpdate")}}, +200),u=!0)},toggle:function(){a.isOpen&&(a.current.fitToView=!a.current.fitToView,a.update())},hideLoading:function(){q.unbind("keypress.fb");d("#fancybox-loading").remove()},showLoading:function(){a.hideLoading();q.bind("keypress.fb",function(b){27===b.keyCode&&(b.preventDefault(),a.cancel())});d('
').click(a.cancel).appendTo("body")},getViewport:function(){return{x:m.scrollLeft(),y:m.scrollTop(),w:k&&s.innerWidth?s.innerWidth:m.width(),h:k&&s.innerHeight? +s.innerHeight:m.height()}},unbindEvents:function(){a.wrap&&a.wrap.unbind(".fb");q.unbind(".fb");m.unbind(".fb")},bindEvents:function(){var b=a.current,c=b.keys;b&&(m.bind("resize.fb orientationchange.fb"+(b.autoCenter&&!b.fixed?" scroll.fb":""),a.update),c&&q.bind("keydown.fb",function(b){var f;f=b.target||b.srcElement;if(!b.ctrlKey&&!b.altKey&&!b.shiftKey&&!b.metaKey&&(!f||!f.type&&!d(f).is("[contenteditable]")))f=b.keyCode,-1b.length))for(i=1;i<=h;i+=1)if(f=b[(c.index+i)%e],g=f.href||d(f).attr("href")||f,"image"===f.type||a.isImage(g))(new Image).src=g},_afterLoad:function(){a.hideLoading(); +!a.coming||!1===a.trigger("afterLoad",a.current)?a.coming=!1:(a.isOpened?(d(".fancybox-item, .fancybox-nav").remove(),a.wrap.stop(!0).removeClass("fancybox-opened"),a.inner.css("overflow","hidden"),a.transitions[a.current.prevMethod]()):(d(".fancybox-wrap").stop().trigger("onReset").remove(),a.trigger("afterClose")),a.unbindEvents(),a.isOpen=!1,a.current=a.coming,a.wrap=d(a.current.tpl.wrap).addClass("fancybox-"+(k?"mobile":"desktop")+" fancybox-type-"+a.current.type+" fancybox-tmp "+a.current.wrapCSS).appendTo("body"), +a.skin=d(".fancybox-skin",a.wrap).css("padding",n(a.current.padding)),a.outer=d(".fancybox-outer",a.wrap),a.inner=d(".fancybox-inner",a.wrap),a._setContent())},_setContent:function(){var b=a.current,c=b.content,e=b.type,f=b.minWidth,g=b.minHeight,i=b.maxWidth,h=b.maxHeight;switch(e){case "inline":case "ajax":case "html":b.selector?c=d("
").html(c).find(b.selector):c instanceof d&&(c.parent().hasClass("fancybox-inner")&&c.parents(".fancybox-wrap").unbind("onReset"),c=c.show().detach(),d(a.wrap).bind("onReset", +function(){c.appendTo("body").hide()}));b.autoSize&&(f=d('
').appendTo("body").css({minWidth:n(f,"w"),minHeight:n(g,"h"),maxWidth:n(i,"w"),maxHeight:n(h,"h")}).append(c),b.width=f.width(),b.height=f.height(),f.width(a.current.width),f.height()>b.height&&(f.width(b.width+1),b.width=f.width(),b.height=f.height()),c=f.contents().detach(),f.remove());break;case "image":c=b.tpl.image.replace("{href}",b.href);b.aspectRatio=!0;break;case "swf":c= +b.tpl.swf.replace(/\{width\}/g,b.width).replace(/\{height\}/g,b.height).replace(/\{href\}/g,b.href);break;case "iframe":c=d(b.tpl.iframe.replace("{rnd}",(new Date).getTime())).attr("scrolling",b.scrolling).attr("src",b.href),b.scrolling=k?"scroll":"auto"}if("image"===e||"swf"===e)b.autoSize=!1,b.scrolling="visible";"iframe"===e&&b.autoSize?(a.showLoading(),a._setDimension(),a.inner.css("overflow",b.scrolling),c.bind({onCancel:function(){d(this).unbind();a._afterZoomOut()},load:function(){a.hideLoading(); +try{this.contentWindow.document.location&&(a.current.height=d(this).contents().find("body").height())}catch(b){a.current.autoSize=!1}a[a.isOpen?"_afterZoomIn":"_beforeShow"]()}}).appendTo(a.inner)):(a.inner.append(c),a._beforeShow())},_beforeShow:function(){a.coming=null;a.trigger("beforeShow");a._setDimension();a.wrap.hide().removeClass("fancybox-tmp");a.bindEvents();a._preloadImages();a.transitions[a.isOpened?a.current.nextMethod:a.current.openMethod]()},_setDimension:function(){var b=a.wrap,c= +a.inner,e=a.current,f=a.getViewport(),g=e.margin,i=2*e.padding,h=e.width,j=e.height,r=e.maxWidth+i,k=e.maxHeight+i,l=e.minWidth+i,m=e.minHeight+i,p;f.w-=g[1]+g[3];f.h-=g[0]+g[2];o(h)&&0r&&(h=r,j=(h-i)/g+i),j>k&&(j=k,h=(j-i)*g+i),hr||p>k)for(;(h>r||p>k)&&h>l&&p>m;)j-=10,e.aspectRatio?(h=Math.round((j-i)*g+i),hm&&jf.w||p>f.h)&&h>l&&j>m)e.canShrink=!0;a.innerSpace=p-i- +c.height()},_getPosition:function(b){var c=a.current,e=a.getViewport(),f=c.margin,d=a.wrap.width()+f[1]+f[3],i=a.wrap.height()+f[0]+f[2],h={position:"absolute",top:f[0]+e.y,left:f[3]+e.x};c.autoCenter&&c.fixed&&!b&&i<=e.h&&d<=e.w&&(h={position:"fixed",top:f[0],left:f[3]});h.top=n(Math.max(h.top,h.top+(e.h-i)*c.topRatio));h.left=n(Math.max(h.left,h.left+0.5*(e.w-d)));return h},_afterZoomIn:function(){var b=a.current,c=b?b.scrolling:"no";if(b&&(a.isOpen=a.isOpened=!0,a.wrap.addClass("fancybox-opened"), +a.inner.css("overflow","yes"===c?"scroll":"no"===c?"hidden":c),a.trigger("afterShow"),a.update(),(b.closeClick||b.nextClick)&&a.inner.css("cursor","pointer").bind("click.fb",function(c){if(!d(c.target).is("a")&&!d(c.target).parent().is("a"))a[b.closeClick?"close":"next"]()}),b.closeBtn&&d(b.tpl.closeBtn).appendTo(a.skin).bind("click.fb",a.close),b.arrows&&1c.end&&(g=1-g),d-=a.innerSpace*g),a.inner[e](d)},zoomIn:function(){var b=a.wrap,c=a.current,e=c.openEffect,f="elastic"===e,g=d.extend({},c.dim, +a._getPosition(f)),i=d.extend({opacity:1},g);delete i.position;f?(g=this.getOrigPosition(),c.openOpacity&&(g.opacity=0),a.outer.add(a.inner).width("auto").height("auto")):"fade"===e&&(g.opacity=0);b.css(g).show().animate(i,{duration:"none"===e?0:c.openSpeed,easing:c.openEasing,step:f?this.step:null,complete:a._afterZoomIn})},zoomOut:function(){var b=a.wrap,c=a.current,d=c.openEffect,f="elastic"===d,g={opacity:0};f&&("fixed"===b.css("position")&&b.css(a._getPosition(!0)),g=this.getOrigPosition(),c.closeOpacity&& +(g.opacity=0));b.animate(g,{duration:"none"===d?0:c.closeSpeed,easing:c.closeEasing,step:f?this.step:null,complete:a._afterZoomOut})},changeIn:function(){var b=a.wrap,c=a.current,d=c.nextEffect,f="elastic"===d,g=a._getPosition(f),i={opacity:1};g.opacity=0;f&&(g.top=n(parseInt(g.top,10)-200),i.top="+=200px");b.css(g).show().animate(i,{duration:"none"===d?0:c.nextSpeed,easing:c.nextEasing,complete:a._afterZoomIn})},changeOut:function(){var b=a.wrap,c=a.current,e=c.prevEffect,f={opacity:0};b.removeClass("fancybox-opened"); +"elastic"===e&&(f.top="+=200px");b.animate(f,{duration:"none"===e?0:c.prevSpeed,easing:c.prevEasing,complete:function(){d(this).trigger("onReset").remove()}})}};a.helpers.overlay={overlay:null,update:function(){var a,c;this.overlay.width("100%").height("100%");d.browser.msie||k?(a=Math.max(l.documentElement.scrollWidth,l.body.scrollWidth),c=Math.max(l.documentElement.offsetWidth,l.body.offsetWidth),a=a
').css(b.css).appendTo("body"),b.closeClick&&this.overlay.bind("click.fb",a.close),a.current.fixed&&!k?this.overlay.addClass("overlay-fixed"):(this.update(),this.onUpdate=function(){this.update()}),this.overlay.fadeTo(b.speedIn,b.opacity))},afterClose:function(a){this.overlay&&this.overlay.fadeOut(a.speedOut||0,function(){d(this).remove()});this.overlay=null}};a.helpers.title={beforeShow:function(b){var c; +if(c=a.current.title)c=d('
'+c+"
").appendTo("body"),"float"===b.type&&(c.width(c.width()),c.wrapInner(''),a.current.margin[2]+=Math.abs(parseInt(c.css("margin-bottom"),10))),c.appendTo("over"===b.type?a.inner:"outside"===b.type?a.wrap:a.skin)}};d.fn.fancybox=function(b){var c=d(this),e=this.selector||"",f,g=function(g){var h=this,j=f,k;!g.ctrlKey&&!g.altKey&&!g.shiftKey&&!g.metaKey&&!d(h).is(".fancybox-wrap")&& +(g.preventDefault(),g=b.groupAttr||"data-fancybox-group",k=d(h).attr(g),k||(g="rel",k=h[g]),k&&""!==k&&"nofollow"!==k&&(h=e.length?d(e):c,h=h.filter("["+g+'="'+k+'"]'),j=h.index(this)),b.index=j,a.open(h,b))},b=b||{};f=b.index||0;e?q.undelegate(e,"click.fb-start").delegate(e,"click.fb-start",g):c.unbind("click.fb-start").bind("click.fb-start",g);return this};d(l).ready(function(){a.defaults.fixed=d.support.fixedPosition||!(d.browser.msie&&6>=d.browser.version)&&!k})})(window,document,jQuery); \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/javascripts/md5.js b/octopress/.themes/grayshades/source/javascripts/md5.js new file mode 100644 index 0000000..c02a1d2 --- /dev/null +++ b/octopress/.themes/grayshades/source/javascripts/md5.js @@ -0,0 +1 @@ +var MD5=function(e){function t(e,t){return e<>>32-t}function n(e,t){var n,r,i,s,o;i=e&2147483648;s=t&2147483648;n=e&1073741824;r=t&1073741824;o=(e&1073741823)+(t&1073741823);if(n&r){return o^2147483648^i^s}if(n|r){if(o&1073741824){return o^3221225472^i^s}else{return o^1073741824^i^s}}else{return o^i^s}}function r(e,t,n){return e&t|~e&n}function i(e,t,n){return e&n|t&~n}function s(e,t,n){return e^t^n}function o(e,t,n){return t^(e|~n)}function u(e,i,s,o,u,a,f){e=n(e,n(n(r(i,s,o),u),f));return n(t(e,a),i)}function a(e,r,s,o,u,a,f){e=n(e,n(n(i(r,s,o),u),f));return n(t(e,a),r)}function f(e,r,i,o,u,a,f){e=n(e,n(n(s(r,i,o),u),f));return n(t(e,a),r)}function l(e,r,i,s,u,a,f){e=n(e,n(n(o(r,i,s),u),f));return n(t(e,a),r)}function c(e){var t;var n=e.length;var r=n+8;var i=(r-r%64)/64;var s=(i+1)*16;var o=Array(s-1);var u=0;var a=0;while(a>>29;return o}function h(e){var t="",n="",r,i;for(i=0;i<=3;i++){r=e>>>i*8&255;n="0"+r.toString(16);t=t+n.substr(n.length-2,2)}return t}function p(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t}var d=Array();var v,m,g,y,b,w,E,S,x;var T=7,N=12,C=17,k=22;var L=5,A=9,O=14,M=20;var _=4,D=11,P=16,H=23;var B=6,j=10,F=15,I=21;e=p(e);d=c(e);w=1732584193;E=4023233417;S=2562383102;x=271733878;for(v=0;v'+alt+''); + } + + $(this).wrap(''); + }); + }); + }; + + externalLinks(); // Delete or comment this line to disable opening external links in new window + appendCaption(); // Delete or comment this line to disable caption + + var mobilenav = $('#mobile-nav'); + + $('html').click(function(){ + mobilenav.find('.on').each(function(){ + $(this).removeClass('on').next().hide(); + }); + }); + + mobilenav.on('click', '.menu .button', function(){ + if (!$(this).hasClass('on')){ + var width = $(this).width() + 42; + $(this).addClass('on').next().show().css({width: width}); + } else { + $(this).removeClass('on').next().hide(); + } + }).on('click', '.search .button', function(){ + if (!$(this).hasClass('on')){ + var width = mobilenav.width() - 51; + mobilenav.children('.menu').children().eq(0).removeClass('on').next().hide(); + $(this).addClass('on').next().show().css({width: width}).children().children().eq(0).focus(); + } else { + $(this).removeClass('on').next().hide().children().children().eq(0).val(''); + } + }).click(function(e){ + e.stopPropagation(); + }); +})(jQuery); \ No newline at end of file diff --git a/octopress/.themes/grayshades/source/javascripts/twitter.js b/octopress/.themes/grayshades/source/javascripts/twitter.js new file mode 100644 index 0000000..00ecc36 --- /dev/null +++ b/octopress/.themes/grayshades/source/javascripts/twitter.js @@ -0,0 +1,92 @@ +(function($){ + $.fn.getTwitterFeed = function(userid, count, reply){ + var banner = $(this), + feed = banner.find('.feed'), + interval = 10000, + speed = 500; + + var linkify = function(text){ + text = text.replace(/(https?:\/\/)([\w\-:;?&=+.%#\/]+)/gi, '$2').replace(/(^|\W)@(\w+)/g, '$1@$2').replace(/(^|\W)#(\w+)/g, '$1#$2'); + + return text; + } + + var relativeDate = function(date){ + if (navigator.appName === 'Microsoft Internet Explorer') return ''; + + var unit = { + now: 'Now', + minute: '1 min', + minutes: ' mins', + hour: '1 hr', + hours: ' hrs', + day: 'Yesterday', + days: ' days', + week: '1 week', + weeks: ' weeks' + }; + + var current = new Date(), + tweet = new Date(date), + diff = (((current.getTime() + (1 * 60000)) - tweet.getTime()) / 1000), + day_diff = Math.floor(diff / 86400); + + if (day_diff == 0){ + if (diff < 60) return unit.now; + else if (diff < 120) return unit.minute; + else if (diff < 3600) return Math.floor(diff / 60) + unit.minutes; + else if (diff < 7200) return unit.hour; + else if (diff < 86400) return Math.floor(diff / 3600) + unit.hours; + else return ''; + } else if (day_diff == 1) { + return unit.day; + } else if (day_diff < 7) { + return day_diff + unit.days; + } else if (day_diff == 7) { + return unit.week; + } else if (day_diff > 7) { + return Math.ceil(day_diff / 7) + unit.weeks; + } else { + return ''; + } + } + + if ($(window).width() > 600){ + var url = 'https://api.twitter.com/1/statuses/user_timeline/'+userid+'.json?count='+count+'&exclude_replies='+(reply ? '0' : '1')+'&trim_user=true&callback=?'; + banner.show(); + $.getJSON(url, function(json){ + var length = json.length, + fragment = document.createDocumentFragment(), + counts = 0, + timeout; + + for (var i=0; i'+relativeDate(json[i].created_at)+''; + fragment.appendChild(item); + } + + var play = function(){ + timeout = setTimeout(function(){ + feed.animate({top: '-='+30}, speed, function(){ + $(this).append($(this).children().eq(counts).clone()); + counts++; + play(); + }); + }, interval); + } + + var pause = function(){ + clearTimeout(timeout); + } + + banner.on('mouseenter', pause).on('mouseleave', play) + .children('.loading').hide().end() + .children('.container').show() + .children('.feed').append(fragment); + + play(); + }); + } + }; +})(jQuery); \ No newline at end of file