diff --git a/_config.yml b/_config.yml index 8c07b4e..0d5bb54 100644 --- a/_config.yml +++ b/_config.yml @@ -1,7 +1,7 @@ # General safe: false timezone: America/Indiana/Indianapolis -lsi: false +url: http://blog.voltaicideas.net # Excludes exclude: ['Readme.md', 'config.rb', 'scss', 'Gemfile', 'Gemfile.lock', 'bower_components', 'node_modules', 'Gruntfile.js', 'package.json', 'bower.json'] @@ -9,19 +9,26 @@ exclude: ['Readme.md', 'config.rb', 'scss', 'Gemfile', 'Gemfile.lock', 'bower_co # Code highlighting pygments: true -# links and paginate +# links permalink: date -paginate: 20 -paginate_path: 'page:num' # Markdown markdown: redcarpet redcarpet: smart: true - #extensions: ['no_intra_emphasis', 'tables', 'disable_indented_code_blocks', 'strikethrough', 'superscript', 'underline'] + extensions: ['no_intra_emphasis', 'tables', 'disable_indented_code_blocks', 'strikethrough', 'superscript', 'underline'] # Extra Variables owner: name: Andrew Senetar email: arsenetar@gmail.com -title: VoltaicIdeas +title: Blog@VoltaicIdeas + +# Disqus +disqus_shortname: voltaicideas + +# Google Analytics +ga: + code: UA-42346765-1 + domain: voltaicideas.net + diff --git a/_data/menu.yml b/_data/menu.yml new file mode 100644 index 0000000..fd16409 --- /dev/null +++ b/_data/menu.yml @@ -0,0 +1,6 @@ +- name: Tags + link: /tags/ +- name: Archive + link: /archive/ +- name: About + link: /about/ diff --git a/_includes/disqus.html b/_includes/disqus.html new file mode 100644 index 0000000..0979411 --- /dev/null +++ b/_includes/disqus.html @@ -0,0 +1,21 @@ + + +comments powered by Disqus diff --git a/_includes/footer.html b/_includes/footer.html index 3edf604..1eca404 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -4,5 +4,20 @@ +{% if site.ga %} + +{% endif %} +{% if page.comments %} +{% include disqus.html %} +{% endif %} - \ No newline at end of file + diff --git a/_includes/header.html b/_includes/header.html index d48f456..6b4db67 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -24,11 +24,6 @@ - - {% if page.feature or site.feature %} - {% capture feature %}{% if page.feature %}{{ page.feature }}{% else %}{{ site.feature }}{% endif %}{% endcapture %} - {% unless feature.url contains 'http://' or feature.url contains 'https://' %}{% capture feature %}{{ site.url }}/images/{{ feature.url }}{% endcapture %}{% endunless %} - {% endif %}
@@ -43,7 +38,15 @@
@@ -59,4 +62,5 @@
-
\ No newline at end of file + + diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100644 index e4f98ce..0000000 --- a/_layouts/default.html +++ /dev/null @@ -1,8 +0,0 @@ -{% include header.html %} -
-
-

{{ page.title }}

- {{ content }} -
-
-{% include footer.html %} \ No newline at end of file diff --git a/_layouts/list.html b/_layouts/list.html new file mode 100644 index 0000000..6153d0d --- /dev/null +++ b/_layouts/list.html @@ -0,0 +1,12 @@ +{% include header.html %} +
+
+

{{ page.title }}

+
+
+
+
+ {{ content }} +
+
+{% include footer.html %} diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..b059c48 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,30 @@ +{% include header.html %} +{% if page.feature %} +
+
+ + {% if page.feature.credit %} +
+ Image Source: {{ page.feature.credit }} +
+ {% endif %} +
+
+{% endif %} + +
+
+
+

{{ page.title }}

+
+
+ {{ content }} +
+ +
+
+{% include footer.html %} diff --git a/_layouts/post.html b/_layouts/post.html index 1b87c02..2c4078d 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,3 +1,52 @@ {% include header.html %} -{{ content }} -{% include footer.html %} \ No newline at end of file +{% if page.feature %} +
+
+ + {% if page.feature.credit %} +
+ Image Source: {{ page.feature.credit }} +
+ {% endif %} +
+
+{% endif %} +
+
+
+

+ {{ page.title }} +

+
+ +
+
+
+ {{ content }} +
+ +
+
+{% if site.disqus_shortname and page.comments %} +
+
+
+
+
+{% endif %} +{% include footer.html %} diff --git a/archive.html b/archive.html new file mode 100644 index 0000000..e8c143a --- /dev/null +++ b/archive.html @@ -0,0 +1,23 @@ +--- +layout: list +title: Post Archive +description: 'All Posts from Blog@VoltaicIdeas' +permalink: /archive/ +--- +{% for post in site.posts %} +
+
+

{{ post.title }}

+
By {{ site.owner.name }} Tagged: + {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
+
+
+ {{ post.excerpt }} +
+ +
+{% endfor %} diff --git a/assets/css/app.css b/assets/css/app.css index 8566c35..b18d1b6 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -4598,7 +4598,6 @@ th.hide-for-touch { .highlight { font-size: 0.875rem; padding: 0; - background-color: #fbfbfb; font-family: 'Source Code Pro', 'Consolas', Monaco, monospace; overflow: auto; margin-bottom: 1rem; } @@ -4606,40 +4605,15 @@ th.hide-for-touch { tab-size: 4; white-space: pre; font-family: inherit; - counter-reset: line-numbering; - border: solid 1px #d9d9d9; + background-color: #f4f4f4; border-radius: 0; - background: white; padding: 0.1875rem; + padding-left: 0.3125rem; line-height: 23px; overflow-x: auto; - word-break: inherit; - word-wrap: inherit; } - .highlight pre a::before { - content: counter(line-numbering); - counter-increment: line-numbering; - padding-right: 1em; - /* space after numbers */ - width: 25px; - text-align: right; - opacity: 0.7; - display: inline-block; - color: #aaaaaa; - background: #eeeeee; - margin-right: 16px; - padding: 2px 10px; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .highlight pre a:first-of-type::before { - padding-top: 10px; } - .highlight pre a:last-of-type::before { - padding-bottom: 10px; } - .highlight pre a:only-of-type::before { - padding: 10px; } + word-break: inherit; } + .highlight pre code.text { + color: #555555; } /* Pygments Code Highlight */ .highlight .hll { @@ -4894,110 +4868,156 @@ a [class*="icon-"]:before { display: inline; } /* Icon Font List */ -.icon-mail:before { +.icon-bookmark:before { content: '\e80a'; } /* '' */ .icon-youtube:before { - content: '\e804'; } - -/* '' */ -.icon-ok:before { - content: '\e814'; } - -/* '' */ -.icon-cancel:before { - content: '\e813'; } - -/* '' */ -.icon-link-ext:before { - content: '\e80b'; } - -/* '' */ -.icon-bookmark:before { - content: '\e80c'; } - -/* '' */ -.icon-bookmark-empty:before { - content: '\e80d'; } - -/* '' */ -.icon-code:before { - content: '\e80e'; } - -/* '' */ -.icon-attention-alt:before { - content: '\e811'; } - -/* '' */ -.icon-attention:before { - content: '\e810'; } - -/* '' */ -.icon-attention-circled:before { - content: '\e80f'; } - -/* '' */ -.icon-mic:before { - content: '\e815'; } - -/* '' */ -.icon-videocam:before { - content: '\e812'; } - -/* '' */ -.icon-tasks:before { - content: '\e816'; } - -/* '' */ -.icon-dollar:before { - content: '\e808'; } - -/* '' */ -.icon-spinner:before { - content: '\e807'; } - -/* '' */ -.icon-terminal:before { - content: '\e809'; } - -/* '' */ -.icon-bitbucket:before { - content: '\e805'; } - -/* '' */ -.icon-github:before { content: '\e800'; } /* '' */ -.icon-gplus:before { - content: '\e801'; } +.icon-code:before { + content: '\e80b'; } -/* '' */ -.icon-html5:before { +/* '' */ +.icon-up-big:before { + content: '\e808'; } + +/* '' */ +.icon-bitbucket:before { + content: '\e807'; } + +/* '' */ +.icon-css3:before { content: '\e806'; } /* '' */ -.icon-linkedin:before { +.icon-bookmark-empty:before { + content: '\e809'; } + +/* '' */ +.icon-gplus:before { + content: '\e804'; } + +/* '' */ +.icon-html5:before { content: '\e803'; } /* '' */ -.icon-twitter:before { +.icon-linkedin:before { content: '\e802'; } /* '' */ -.icon-fork:before { - content: '\e817'; } +.icon-twitter:before { + content: '\e801'; } -/* '' */ +/* '' */ +.icon-github:before { + content: '\e805'; } + +/* '' */ #footer { color: #b4b4b4; } #footer a { color: #713a37; } +#disqus_thread { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; + padding-top: 7px; + margin-bottom: 7px; + margin-top: 10px; } + .social a i { display: none; } +.contain-to-grid { + border-bottom: 1px solid #e5e5e5; } + +.imageHeader { + padding: 0; } + .imageHeader .imageCredit { + font-weight: normal; + font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + text-align: center; + text-decoration: none; + line-height: 1; + white-space: nowrap; + display: inline-block; + position: relative; + margin-bottom: inherit; + padding: 7px 16px; + font-size: 0.7rem; + background-color: rgba(0, 0, 0, 0.5); + color: white; + -webkit-border-radius: 0px; + border-radius: 0px; + position: absolute; + color: #e6e6e6; + right: 0; + bottom: 0; } + .imageHeader .imageCredit a { + color: white; } + +.pageHeader { + border-bottom: 1px solid #e7e7e7; } + +.content { + padding-left: 0.5rem; + padding-right: 0.5rem; } + .content a { + text-decoration: underline; } + +.tag { + text-align: center; + text-decoration: none; + display: inline-block; + padding: 0.25rem 0.75rem; + font-size: 0.6875rem; + color: #8a231e; + background-color: #e7e7e7; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; } + .tag:hover { + background-color: #cecece; } + .tag span { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + display: inline-block; + margin-left: 5px; + background-color: #f4f4f4; + padding: 2px 5px; } + +article header { + border-bottom: 1px dashed #e7e7e7; } +article .content { + border-bottom: 1px dashed #e7e7e7; } +article footer { + color: #b4b4b4; + margin-bottom: 7px; } + article footer a { + color: #713a37; } + article footer .meta { + display: block; + margin-top: 7px; + margin-bottom: 7px; } +article.excerpt { + border-bottom: 1px solid #e7e7e7; + margin-bottom: 7px; + padding-bottom: 7px; } + article.excerpt header { + border-bottom: none; } + article.excerpt .content { + border-bottom: none; } + article.excerpt footer { + margin-bottom: 0; } + @media only screen and (min-width:40.063em) { .social a { padding: 0 9px !important; } diff --git a/assets/fonts/voltaicideas.eot b/assets/fonts/voltaicideas.eot index 2251832..e911131 100644 Binary files a/assets/fonts/voltaicideas.eot and b/assets/fonts/voltaicideas.eot differ diff --git a/assets/fonts/voltaicideas.svg b/assets/fonts/voltaicideas.svg index 0702294..5329ec1 100644 --- a/assets/fonts/voltaicideas.svg +++ b/assets/fonts/voltaicideas.svg @@ -6,30 +6,18 @@ - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/voltaicideas.ttf b/assets/fonts/voltaicideas.ttf index e52d96d..36cd1c7 100644 Binary files a/assets/fonts/voltaicideas.ttf and b/assets/fonts/voltaicideas.ttf differ diff --git a/assets/fonts/voltaicideas.woff b/assets/fonts/voltaicideas.woff index 7a32db0..d920dbf 100644 Binary files a/assets/fonts/voltaicideas.woff and b/assets/fonts/voltaicideas.woff differ diff --git a/assets/scss/app.scss b/assets/scss/app.scss index fa39afa..0975414 100644 --- a/assets/scss/app.scss +++ b/assets/scss/app.scss @@ -13,14 +13,107 @@ } } +#disqus_thread { + border-top: 1px solid $secondary-color; + border-bottom: 1px solid $secondary-color; + padding-top: 7px; + margin-bottom: 7px; + margin-top: 10px; +} + .social a{ i { display: none; } } +.contain-to-grid { + border-bottom: 1px solid #e5e5e5; +} + +.imageHeader { + padding: 0; + .imageCredit { + @include label(7px 16px, 0.7rem, rgba(0,0,0,0.5), 0px); + position: absolute; + color: darken(#fff, 10%); + right: 0; + bottom: 0; + a { + color: #fff; + } + } +} +.pageHeader { + border-bottom: 1px solid $secondary-color; +} + +.content { + padding-left: 0.5rem; + padding-right: 0.5rem; + a { + text-decoration: underline; + } +} + +.tag { + text-align: center; + text-decoration: none; + display: inline-block; + padding: 0.25rem 0.75rem; + font-size: 0.6875rem; + color: desaturate($primary-color, 20%); + background-color: $secondary-color; + @include border-radius($global-radius); + &:hover { + background-color: darken($secondary-color, 10%); + } + span { + @include border-radius($global-radius); + display: inline-block; + margin-left: 5px; + background-color: lighten($secondary-color, 5%); + padding: 2px 5px; + } +} + +article { + header { + border-bottom: 1px dashed $secondary-color; + } + .content { + border-bottom: 1px dashed $secondary-color; + } + footer { + color: darken($secondary-color, 20%); + a { + color: desaturate($primary-color, 50%); + } + margin-bottom: 7px; + .meta { + display: block; + margin-top: 7px; + margin-bottom: 7px; + } + } + &.excerpt { + border-bottom: 1px solid $secondary-color; + margin-bottom: 7px; + padding-bottom: 7px; + header { + border-bottom: none; + } + .content { + border-bottom: none; + } + footer { + margin-bottom: 0; + } + } +} + @media #{$medium-up} { .social a { padding: 0 9px !important; span { display: none; } i { display: inline } } -} \ No newline at end of file +} diff --git a/assets/scss/voltaicideas/_icon_codes.scss b/assets/scss/voltaicideas/_icon_codes.scss index 172e592..1642b43 100644 --- a/assets/scss/voltaicideas/_icon_codes.scss +++ b/assets/scss/voltaicideas/_icon_codes.scss @@ -1,24 +1,12 @@ -.icon-mail:before { content: '\e80a'; } /* '' */ -.icon-youtube:before { content: '\e804'; } /* '' */ -.icon-ok:before { content: '\e814'; } /* '' */ -.icon-cancel:before { content: '\e813'; } /* '' */ -.icon-link-ext:before { content: '\e80b'; } /* '' */ -.icon-bookmark:before { content: '\e80c'; } /* '' */ -.icon-bookmark-empty:before { content: '\e80d'; } /* '' */ -.icon-code:before { content: '\e80e'; } /* '' */ -.icon-attention-alt:before { content: '\e811'; } /* '' */ -.icon-attention:before { content: '\e810'; } /* '' */ -.icon-attention-circled:before { content: '\e80f'; } /* '' */ -.icon-mic:before { content: '\e815'; } /* '' */ -.icon-videocam:before { content: '\e812'; } /* '' */ -.icon-tasks:before { content: '\e816'; } /* '' */ -.icon-dollar:before { content: '\e808'; } /* '' */ -.icon-spinner:before { content: '\e807'; } /* '' */ -.icon-terminal:before { content: '\e809'; } /* '' */ -.icon-bitbucket:before { content: '\e805'; } /* '' */ -.icon-github:before { content: '\e800'; } /* '' */ -.icon-gplus:before { content: '\e801'; } /* '' */ -.icon-html5:before { content: '\e806'; } /* '' */ -.icon-linkedin:before { content: '\e803'; } /* '' */ -.icon-twitter:before { content: '\e802'; } /* '' */ -.icon-fork:before { content: '\e817'; } /* '' */ \ No newline at end of file +.icon-bookmark:before { content: '\e80a'; } /* '' */ +.icon-youtube:before { content: '\e800'; } /* '' */ +.icon-code:before { content: '\e80b'; } /* '' */ +.icon-up-big:before { content: '\e808'; } /* '' */ +.icon-bitbucket:before { content: '\e807'; } /* '' */ +.icon-css3:before { content: '\e806'; } /* '' */ +.icon-bookmark-empty:before { content: '\e809'; } /* '' */ +.icon-gplus:before { content: '\e804'; } /* '' */ +.icon-html5:before { content: '\e803'; } /* '' */ +.icon-linkedin:before { content: '\e802'; } /* '' */ +.icon-twitter:before { content: '\e801'; } /* '' */ +.icon-github:before { content: '\e805'; } /* '' */ \ No newline at end of file diff --git a/assets/scss/voltaicideas/_pygments.scss b/assets/scss/voltaicideas/_pygments.scss index 7b1923c..73bf618 100644 --- a/assets/scss/voltaicideas/_pygments.scss +++ b/assets/scss/voltaicideas/_pygments.scss @@ -1,7 +1,6 @@ .highlight{ font-size: rem-calc(14px); padding: 0; - background-color: lighten($secondary-color, 8%); font-family: 'Source Code Pro', 'Consolas', Monaco, monospace; overflow: auto; margin-bottom: rem-calc(16px); @@ -9,43 +8,16 @@ tab-size: 4; white-space: pre; font-family: inherit; - counter-reset: line-numbering; - border: solid 1px #d9d9d9; + background-color: lighten($secondary-color, 5%); border-radius: 0; - background: #fff; padding: rem-calc(3px); + padding-left: rem-calc(5px); line-height: 23px; overflow-x: auto; word-break: inherit; - word-wrap: inherit; - a { - &::before { - content: counter(line-numbering); - counter-increment: line-numbering; - padding-right: 1em; /* space after numbers */ - width: 25px; - text-align: right; - opacity: 0.7; - display: inline-block; - color: #aaa; - background: #eee; - margin-right: 16px; - padding: 2px 10px; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - &:first-of-type::before { - padding-top: 10px; - } - &:last-of-type::before { - padding-bottom: 10px; - } - &:only-of-type::before { - padding: 10px; + code { + &.text { + color: #555; } } } diff --git a/index.html b/index.html index 481fff5..fe98477 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,25 @@ --- -layout: default +layout: list +title: Latest Posts +description: 'Latest Posts from Blog@VoltaicIdeas' --- -

Some Text

- +
+

Post Archive

+
diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..54fb989 --- /dev/null +++ b/robots.txt @@ -0,0 +1,2 @@ +User-agent: * + diff --git a/tags.html b/tags.html new file mode 100644 index 0000000..2d2c14d --- /dev/null +++ b/tags.html @@ -0,0 +1,28 @@ +--- +layout: list +title: Tags +description: 'All Posts from Blog@VoltaicIdeas grouped by tag.' +permalink: /tags/ +--- +
+
+ {% for tag in site.tags %} + {{ tag[0] }}{{ tag[1].size }} + {% endfor %} +
+
+{% for tag in site.tags %} +
+
+

{{ tag[0] }}

+ + +
+
+{% endfor %}