Clicking on term view toggles playback

app/assets/javascripts/player/terminal_view.js.coffee

@@ -2,6 +2,9 @@ class AsciiIo.TerminalView extends Backbone.View
   tagName: 'pre'
   className: 'terminal'
 
+  events:
+    'click': 'onClick'
+
   initialize: (options) ->
     @cols = options.cols
     @lines = options.lines
@@ -22,6 +25,9 @@ class AsciiIo.TerminalView extends Backbone.View
       @$el.append "\n"
       i++
 
+  onClick: ->
+    @trigger('terminal-click')
+
   clearScreen: ->
     # this.lineData.length = 0;
     # @cursorY = @cursorX = 0

app/assets/stylesheets/asciicasts.css.scss

@@ -26,6 +26,7 @@
       color: #ccc;
       overflow: auto;
       overflow-x: hidden;
+      cursor: pointer;
 
       .line {
         font-size: 12px;
@@ -60,6 +61,7 @@
         width: 30px;
         height: 100%;
         float: left;
+        cursor: pointer;
 
         &.paused {
           background-color: orange;
@@ -71,6 +73,7 @@
         width: 60%;
         height: 100%;
         float: left;
+        cursor: pointer;
 
         .gutter {
           background-color: #333;