added --nocontrols flag to remove arrows from presentation

memoriestravel · Oct 9, 2012 · 63de3c9 · 63de3c9
1 parent 2e7f33f
commit 63de3c9
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -118,6 +118,14 @@ stylesheet:
 cleaver --file=examples/basic.json --output=render.html --style=styles/dark.css
 ```
 
+By default, **cleaver** will place navigation arrows in the bottom
+  corners of your presentation. To omit those, append a `--nocontrols`
+  flag to your command.
+
+```
+cleaver --file=examples/basic.json --nocontrols
+```
+
 ## Header Information
 
 **name**: A string representing the name of the document. Cleaver will

diff --git a/lib/render.js b/lib/render.js
@@ -42,7 +42,8 @@ exports.render = function(json, options) {
 
   fs.readFile('templates/layout.mustache', 'utf8', function(err, data) {
     if (err) throw err;
-    var output = mustache.render(data, { slides: renders, title: json.name, styles: styles });
+
+    var output = mustache.render(data, { slides: renders, title: json.name, styles: styles, controls: !(options.nocontrols) });
     if (options.debug) {
       console.log(output);
     } else {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cleaver",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "plug-n-play HTML slideshows",
   "author": "Jordan Scales",
   "keywords":[

diff --git a/templates/layout.mustache b/templates/layout.mustache
@@ -13,10 +13,12 @@
       {{{.}}}
     {{/slides}}
   </div>
-  <div id="controls">
-    <div id="prev">&larr;</div>
-    <div id="next">&rarr;</div>
-  </div>
+  {{#controls}}
+    <div id="controls">
+      <div id="prev">&larr;</div>
+      <div id="next">&rarr;</div>
+    </div>
+  {{/controls}}
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   <script type="text/javascript">
     $(function() {
@@ -62,17 +64,19 @@
 
       });
 
-      // clicking the next box
-      $('#next').on('click', function(e) {
-        e.preventDefault();
-        go_forward();
-      });
+      {{#controls}}
+        // clicking the next box
+        $('#next').on('click', function(e) {
+          e.preventDefault();
+          go_forward();
+        });
 
-      // clicking the prev box
-      $('#prev').on('click', function(e) {
-        e.preventDefault();
-        go_back();
-      });
+        // clicking the prev box
+        $('#prev').on('click', function(e) {
+          e.preventDefault();
+          go_back();
+        });
+      {{/controls}}
     });
   </script>
 </body>