lint & version bump

Author: kenwheeler

package.json

@@ -1,6 +1,6 @@
 {
   "name": "spectacle",
-  "version": "1.0.0-rc7",
+  "version": "1.0.0",
   "description": "ReactJS Powered Presentation Framework",
   "main": "lib/index.js",
   "scripts": {

presentation/index.js

@@ -8,6 +8,8 @@ import {
 
 import preloader from "../src/utils/preloader";
 
+import createTheme from "../src/themes/default";
+
 import Interactive from "../assets/interactive";
 
 require("normalize.css");
@@ -20,10 +22,16 @@ const images = {
   markdown: require("../assets/markdown.png")
 };
 
+preloader(images);
+
+const theme = createTheme({
+  primary: "#ff4081"
+});
+
 export default class Presentation extends React.Component {
   render() {
     return (
-      <Spectacle>
+      <Spectacle theme={theme}>
         <Deck transition={["zoom", "slide"]} transitionDuration={500}>
           <Slide transition={["zoom"]} bgColor="primary">
             <Heading size={1} fit caps lineHeight={1} textColor="black">
@@ -42,7 +50,7 @@ export default class Presentation extends React.Component {
           </Slide>
           <Slide transition={["slide"]} bgColor="black" notes="You can even put notes on your slide. How awesome is that?">
             <Image src={images.kat.replace("/", "")} margin="0px auto 40px" height="293px"/>
-            <Heading size={1} fit textColor="primary" textFont="secondary">
+            <Heading size={2} caps fit textColor="primary" textFont="primary">
               Wait what?
             </Heading>
           </Slide>

src/components/deck.js

@@ -75,28 +75,28 @@ export default class Deck extends Component {
     window.removeEventListener("storage", this._goToSlide);
     window.removeEventListener("keydown", this._handleKeyPress);
   }
-  _handleKeyPress(e) {
+  _handleEvent(e) {
     const event = window.event ? window.event : e;
 
-    if (event.target instanceof HTMLInputElement || event.target.type === "textarea") {
-      return;
-    }
-
-    // left, page down
     if (event.keyCode === 37 || event.keyCode === 33 || (event.keyCode === 32 && event.shiftKey)) {
       this._prevSlide();
-    }
-    // right, page up
-    if (event.keyCode === 39 || event.keyCode === 34 || (event.keyCode === 32 && !event.shiftKey)) {
+    } else if (event.keyCode === 39 || event.keyCode === 34 || (event.keyCode === 32 && !event.shiftKey)) {
       this._nextSlide();
-    }
-    if ((event.altKey && event.keyCode === 79) && !event.ctrlKey && !event.metaKey) { // o
+    } else if ((event.altKey && event.keyCode === 79) && !event.ctrlKey && !event.metaKey) { // o
       this._toggleOverviewMode();
-    }
-    if ((event.altKey && event.keyCode === 80) && !event.ctrlKey && !event.metaKey) { // p
+    } else if ((event.altKey && event.keyCode === 80) && !event.ctrlKey && !event.metaKey) { // p
       this._togglePresenterMode();
     }
   }
+  _handleKeyPress(e) {
+    const event = window.event ? window.event : e;
+
+    if (event.target instanceof HTMLInputElement || event.target.type === "textarea") {
+      return;
+    }
+
+    this._handleEvent(e);
+  }
   _toggleOverviewMode() {
     const suffix = this.props.route.params.indexOf("overview") !== -1 ? "" : "?overview";
     this.context.history.replaceState(null, `/${this.props.route.slide}${suffix}`);

src/themes/default/index.js

@@ -2,8 +2,8 @@ import screen from "./screen";
 import print from "./print";
 
 const styles = (colors, fonts) => ({
-  screen: screen.call(colors, fonts),
-  print: print.call()
+  screen: screen(colors, fonts),
+  print: print()
 });
 
 export default styles;