Adding version number to the header

docs/_templates/layout.html

@@ -70,7 +70,7 @@
         <div class="mdl-layout-spacer"></div>
         <a href="https://github.com/google/material-design-lite" class="mdl-navigation__link"><span class="mdl-icon mdl-icon--link"></span>GitHub</a>
         <a href="#" class="download">
-          Download
+          Download $$version$$
           <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--fab mdl-button--mini-fab mdl-color--lime-A200">
             <i class="material-icons">file_download</i>
           </button>

gulpfile.js

@@ -361,10 +361,10 @@ gulp.task('demohtml', function() {
  */
 gulp.task('pages', ['components'], function() {
   return gulp.src(['docs/_pages/*.md'])
-    .pipe($.replace('$$version$$', pkg.version))
     .pipe($.frontMatter({property: 'page', remove: true}))
     .pipe($.marked())
     .pipe(applyTemplate())
+    .pipe($.replace('$$version$$', pkg.version))
     /* Replacing code blocks class name to match Prism's. */
     .pipe($.replace('class="lang-', 'class="language-'))
     /* Translate html code blocks to "markup" because that's what Prism uses. */