Releasing 1.4

Author: Seth Lilly

.gitignore

@@ -1,2 +1,11 @@
 .DS_Store
-*.sublime*
+*.sublime*
+*.codekit
+.idea/.name
+.idea/Vapor.iml
+.idea/encodings.xml
+.idea/modules.xml
+.idea/misc.xml
+.idea/scopes/scope_settings.xml
+.idea/workspace.xml
+.idea/vcs.xml

CHANGELOG.md

@@ -1,7 +1,18 @@
 # Changelog
 
+* 1.4 - 2014-04-19
+    * Added `package.json` (closes [#26](https://github.com/sethlilly/Vapor/issues/26))
+    * Added `{{asset}}` helper (closes [#24](https://github.com/sethlilly/Vapor/issues/24) and [#13](https://github.com/sethlilly/Vapor/issues/13))
+    * Added `page.hbs` to support static pages; view example at [Hipster Ghost](http://hipsterghost.com/static-page-example/) (closes [#21](https://github.com/sethlilly/Vapor/issues/21))
+    * Added more files to `.gitignore` (closes [#19](https://github.com/sethlilly/Vapor/issues/19))
+    * Added `<table>` style; view example at [Hipster Ghost](http://hipsterghost.com/static-page-example/) (closes [#15](https://github.com/sethlilly/Vapor/issues/15))
+    * Added Disqus, Facebook, and Google+ commenting options (closes [#16](https://github.com/sethlilly/Vapor/issues/16) and [#14](https://github.com/sethlilly/Vapor/issues/14))
+    * Added `{{menu}}` helper (closes [#11](https://github.com/sethlilly/Vapor/issues/11))
+    * Added `{{header-description}}` and `{{footer-description}}` helpers
+    * Moved site-wide `<header>` into `default.hbs`
+    * Replaced Casper-based sharing icons with their Font Awesome counterparts (closes [#17](https://github.com/sethlilly/Vapor/issues/17) and [#18](https://github.com/sethlilly/Vapor/issues/18))
 * 1.3 - 2014-01-12
-    * NEW: Blog logos and author images must be at least 100px in height and width, but do not need to be 1:1 (closes #6)
+    * NEW: Blog logos and author images must be at least 100px in height and width, but do not need to be 1:1 (closes [#6](https://github.com/sethlilly/Vapor/issues/6))
 * 1.2.1 - 2013-12-14
     * Added Font Awesome icons
     * Changed pagination links to use Font Awesome Icons

LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2013 Seth Lilly - Released under The MIT License.
+Copyright (c) 2013-2014 Seth Lilly - Released under The MIT License.
 
 Permission is hereby granted, free of charge, to any person
 obtaining a copy of this software and associated documentation

README.md

@@ -12,18 +12,25 @@ Other icons provided by [Font Awesome](https://github.com/FortAwesome/Font-Aweso
 
 See *Vapor* in action at [Hipster Ghost](http://hipsterghost.com/).
 
-## Modifications
+## What's New?
 
-Since 1.3, blog logos and author images must be at least 100px in height and width, but do not need to be 1:1.
+_[Hipster Ghost](http://hipsterghost.com) is always running the latest version of Vapor. You can preview all new features there._
 
-Since 1.2, a [LESS](http://lesscss.org) file is included which contains variables allowing you to quickly change the theme's stylesheet. However, I've chosen to exclude `less.js` from the theme and I recommend using a desktop compiler like [LESS.app for Mac](http://incident57.com/less/), [SimpLESS](http://wearekiss.com/simpless), or [Crunch!](http://crunchapp.net/) to process your LESS file.
+*New in 1.4:* You may now use the `{{> menu}}` partial to display a custom menu on your pages. This is helpful for linking to certain posts or static pages. To activate this feature, simply remove the `!` in `{{!> menu}}` in `index.hbs`, `post.hbs`, and `page.hbs`. Also included are the `{{> header-description}}` and `{{> footer-description}}` partials for those using the menu. You can simply add the `!` to `{{> header-description}}` in the header (now located in `default.hbs` for all posts and pages) to deactivate. Remove the `!` from the `{{!> footer-description}}` partial call on the same page to activate display of the description in the footer. If you want to edit these partials (to add menu items or other content), you'll find them in the `/partials` directory. If you're using a self-hosted version of Ghost, you may need to restart or reload Ghost in order for the Handlebars partials to recompile after editing. There are also three new commenting options (Disqus, Facebook, and Google+) that follow the same conventions. You'll find these calls in `post.hbs` and `page.hbs`. I contend that Disqus is the best of these three options in terms of appearance and responsiveness; YMMV.
+
+See the [changelog](CHANGELOG.md) for a full list of new features in 1.4.
+
+*New in 1.3:* Blog logos and author images must be at least 100px in height and width, but do not need to be 1:1.
+
+*New in 1.2:* A [LESS](http://lesscss.org) file is included which contains variables allowing you to quickly change the theme's stylesheet. However, I've chosen to exclude `less.js` from the theme and I recommend using a desktop compiler like [CodeKit](https://incident57.com/codekit/) to process your LESS file.
 
 ## Releases
 
 See the [changelog](CHANGELOG.md) for release details.
 
 | Version | Release Date |
 | :-----: | :----------: |
+| 1.4 | 2014-04-19 |
 | 1.3 | 2014-01-12 |
 | 1.2.1 | 2013-12-14 |
 | 1.2 | 2013-11-10 |
@@ -38,11 +45,15 @@ See the [changelog](CHANGELOG.md) for release details.
 
 ## Copyright & License
 
-Copyright (c) 2013 Seth Lilly - Released under The MIT License.
+Copyright (c) 2013-2014 Seth Lilly - Released under The MIT License.
+
+## Are you using Vapor?
+
+If you're using Vapor on a live site, I'd love if you'd send me a message with the URL. I enjoy seeing the customizations and implmentations taking place all over the world. Regardless, thanks for using Vapor!
 
 ## Thanks
 
-*Update 2013-11-10*: Thanks to everyone who has installed, starred, forked, or otherwise promoted Vapor. This is a labor of love, and it belongs to all of us.
+Thanks to everyone who has installed, starred, forked, contributed to, or otherwise promoted Vapor. This is a labor of love, and it belongs to all of us.
 
 Thanks to [@JohnONolan](http://twitter.com/JohnONolan) for [suggesting this project](https://alpha.app.net/johnonolan/post/9574144).
 

assets/css/screen.css

@@ -1,6 +1,5 @@
-@import url(//fonts.googleapis.com/css?subset=latin,cyrillic-ext,latin-ext,cyrillic&family=Open+Sans+Condensed:300|Merriweather:400,300,300italic,400italic,700,700italic|Roboto+Slab:400,300);
-
-@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
+@import url('//fonts.googleapis.com/css?subset=latin,cyrillic-ext,latin-ext,cyrillic&family=Open+Sans+Condensed:300|Open+Sans:400,600,400italic,600italic|Merriweather:400,300,300italic,400italic,700,700italic|Roboto+Slab:400,300');
+@import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');
 /* === Core Styles === */
 body {
   background-color: #ffffff;
@@ -83,7 +82,6 @@ h1 {
 }
 #site-head,
 article,
-nav,
 article.preview,
 a.archive-link,
 .article-nav {
@@ -114,6 +112,7 @@ article.preview p.readmore {
   width: 100px;
   height: 100px;
   border-radius: 50%;
+  -webkit-background-size: cover !important;
   background-size: cover !important;
   background-position: center center !important;
   background-color: #ffffff;
@@ -132,10 +131,13 @@ h1.blog-title {
 h2.blog-description {
   border-bottom: 1px solid #ecf0f1;
   border-top: 1px solid #ecf0f1;
-  margin-bottom: 3em;
+  margin-bottom: 2em;
   padding: .5em 1em;
   line-height: 1.2em;
 }
+section.footer-description {
+  margin-bottom: 1em;
+}
 header.article-header,
 header.page-header {
   margin-bottom: 3em;
@@ -171,6 +173,10 @@ section.share p.info {
   text-transform: uppercase;
   font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, "Nimbus L", sans-serif;
 }
+section.share p.info.prompt {
+  top: -5px;
+  position: relative;
+}
 section.author p.attr {
   margin-bottom: 2px;
 }
@@ -218,6 +224,7 @@ div.authorimage {
   width: 70px;
   height: 70px;
   border-radius: 50%;
+  -webkit-background-size: cover !important;
   background-size: cover !important;
   background-position: center center !important;
   margin-right: 10px;
@@ -286,8 +293,10 @@ footer.post-footer {
 nav {
   border-bottom: 1px solid #ecf0f1;
   border-top: 1px solid #ecf0f1;
-  margin-bottom: 3em;
+  margin-bottom: 2em;
   text-align: center;
+  margin: 20px auto 2em auto;
+  max-width: 600px;
 }
 nav ul {
   list-style: none;
@@ -297,27 +306,41 @@ nav ul {
   overflow: hidden;
   text-align: center;
 }
-nav li {
+nav ul li {
   display: inline-block;
   font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, "Nimbus L", sans-serif;
   font-size: 18px;
   font-weight: 300;
-  margin: 0 2em;
-  padding: 0;
+  margin: 0;
+  padding: 0 .5em;
   text-align: center;
   text-transform: uppercase;
-  width: 4em;
 }
-nav li a {
+nav ul li a {
   display: block;
   padding: .5em 0;
 }
-nav li:first-child {
+nav.menu {
+  margin-bottom: 2.5em;
+}
+nav.menu li {
+  margin: 0 .5em;
+  padding: 0;
+}
+nav.menu li:last-child {
+  margin: 0;
+}
+@media only screen and (min-width: 320px) and (max-width: 662px) {
+  nav.menu li {
+    display: block;
+  }
+}
+nav.pagination li:first-child {
   margin-left: 0;
   margin-right: 0;
   text-align: right;
 }
-nav li:last-child {
+nav.pagination li:last-child {
   margin-left: 0;
   margin-right: 0;
   text-align: left;
@@ -390,7 +413,6 @@ a.archive-link {
   text-transform: uppercase !important;
   display: none !important;
   /* Hide GitHub attribution */
-
 }
 .gist .gist-file .gist-meta a:visited {
   color: #3498db !important;
@@ -399,7 +421,6 @@ a.archive-link {
   background: #fdfdfd !important;
   border-bottom: none !important;
   /* Hide GitHub attribution */
-
 }
 .gist .gist-file .gist-data .line-numbers {
   border-right: none !important;
@@ -425,10 +446,7 @@ a.archive-link {
   font-style: normal;
 }
 .icon-ghost,
-.icon-feed,
-.icon-twitter,
-.icon-google-plus,
-.icon-facebook {
+.icon-feed {
   font-family: 'icons';
   speak: none;
   font-style: normal;
@@ -439,32 +457,43 @@ a.archive-link {
   -webkit-font-smoothing: antialiased;
   text-decoration: none;
 }
-.icon-twitter,
-.icon-google-plus,
-.icon-facebook {
-  padding-left: 0.5em;
-}
 .icon-ghost:before {
   content: "\e000";
 }
 .icon-feed:before {
   content: "\e001";
 }
-.icon-twitter:before {
-  content: "\e002";
-  font-size: 1.1em;
-}
-.icon-google-plus:before {
-  content: "\e003";
-}
-.icon-facebook:before {
-  content: "\e004";
-}
 .icon-ghost {
   font-size: 12px;
   position: relative;
   top: -1px;
 }
+/* Comments */
+#disqus_thread {
+  color: #787878;
+}
+/* Tables */
+table {
+  width: 100%;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Nimbus L", sans-serif;
+  border-collapse: collapse;
+  margin: 1em 0 3em;
+}
+table td {
+  padding: .5em;
+}
+table thead {
+  font-weight: 600;
+  border-bottom: 1px solid #ecf0f1;
+}
+table tbody tr:nth-child(even) {
+  background-color: #ecf0f1;
+  border-top: 1px solid #e3e9eb;
+  border-bottom: 1px solid #e3e9eb;
+}
+table tfoot {
+  border-top: 1px solid #ecf0f1;
+}
 /* === Media Queries === */
 @media only screen and (min-width: 320px) and (max-width: 500px) {
   footer section span.copyright {