Introduce title option

chikathreesix · Dec 31, 2014 · 19af835 · 19af835
1 parent 9fc65b7
commit 19af835
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -85,6 +85,18 @@ align: middle
 
 ## Options
 
+### title
+Type: `string`
+
+Title for the slide HTML. Only available in global option.
+
+### layout
+Type: `string`
+
+Default: `default`
+
+Name of layout file in `layouts` directory. The file name will be `layouts/layout.html.erb`. Only available in global option.
+
 ### backgroundColor
 Type: `string`
 
@@ -110,12 +122,6 @@ Type: `string`
 
 Spefies the type of the slide. Can be `title`.
 
-### layout
-Type: `string`
-Default: `default`
-
-Name of layout file in `layouts` directory. The file name will be `layouts/layout.html.erb`. Only available in global option.
-
 
 ## Development
 

diff --git a/build/index.html b/build/index.html
@@ -6,6 +6,9 @@
   <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/styles/default.min.css">
   <script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/highlight.min.js"></script>
+
+  <title>Harmonide - HTML slide for JS Hackers</title>
+
 </head>
 <body>
   <div id="presentation" class="slide_container">
@@ -14,7 +17,7 @@
         <div class="slide">
           <div class="slide_content">
             <h1 id="harmonide">Harmonide</h1>
-<h2 id="slideshows-for-js-hackers">Slideshows for JS hackers</h2>
+<h2 id="html-slide-for-js-hackers">HTML slide for JS hackers</h2>
 <p><iframe src="http://ghbtns.com/github-btn.html?user=chikathreesix&repo=harmonide&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="80" height="20" style="display: inline-block"></iframe>
 <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://harmonide.com" data-text="HTML slide for JS Hackers" data-via="chikathreesix">Tweet</a></p>
 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

diff --git a/drafts/index.md b/drafts/index.md
@@ -1,10 +1,12 @@
+title: Harmonide - HTML slide for JS Hackers
+
 -----
 align: middle
 type: title
 -----
 
 # Harmonide
-## Slideshows for JS hackers
+## HTML slide for JS hackers
 
 <iframe src="http://ghbtns.com/github-btn.html?user=chikathreesix&repo=harmonide&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="80" height="20" style="display: inline-block"></iframe>
 <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://harmonide.com" data-text="HTML slide for JS Hackers" data-via="chikathreesix">Tweet</a>

diff --git a/layouts/default.html.ejs b/layouts/default.html.ejs
@@ -6,6 +6,9 @@
   <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/styles/default.min.css">
   <script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/highlight.min.js"></script>
+  <% if(title){ %>
+  <title><%= title %></title>
+  <% } %>
 </head>
 <body>
   <div id="presentation" class="slide_container">

diff --git a/lib/parser.js b/lib/parser.js
@@ -57,10 +57,11 @@ HarmonideParser.prototype = {
     }
 
     var layoutName = this._globalOption.layout || 'default';
+    var title = this._globalOption.title;
     var template = fs.readFileSync(path.resolve(rootDir, 'layouts/' + layoutName + '.html.ejs'), 'utf8');
     var buildFilename = 'build/' + path.basename(this._fileName).replace('.md', '.html');
 
-    fs.writeFileSync(buildFilename, ejs.render(template, {slides: this._slides}));
+    fs.writeFileSync(buildFilename, ejs.render(template, {title: title, slides: this._slides}));
 
     console.log('build completed: "' + buildFilename + '"');
   },