highcarb 0.2.3 → 0.2.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: d9929cb6a55b1e5db242cf01b020a89a3eeda37a
+  data.tar.gz: 79409df9cd1ad9d993ecb9ea9dc2215daa02311c
+SHA512:
+  metadata.gz: 4ef3b4f5ba7217d43d7d20cad4fa6660d1fe0f4b009a7e7f20ad80d1cfef74c6efa5a125305fd52e2bbce261a530c6fdff29f496dabd695fe5b72e9e53aafb30
+  data.tar.gz: 72c93b190216dbd6a2e61c22b1f8ec1f0cbd5242b58aeb97b5bc1124784570c48248a8916b34911b509118169e633504c2c319007bed436053d3a60da3b3bea5

data/Gemfile.lock

@@ -1,13 +1,12 @@
 PATH
   remote: .
   specs:
-    highcarb (0.2)
-      coffee-script
-      em-websocket
+    highcarb (0.2.3)
       haml
       kramdown
       mime-types
       nokogiri
+      rouge
       sass
       thin
       trollop
@@ -15,33 +14,42 @@ PATH
 GEM
   remote: http://rubygems.org/
   specs:
-    addressable (2.3.2)
-    coffee-script (2.2.0)
-      coffee-script-source
-      execjs
-    coffee-script-source (1.3.3)
-    daemons (1.1.9)
-    em-websocket (0.3.8)
-      addressable (>= 2.1.1)
-      eventmachine (>= 0.12.9)
-    eventmachine (1.0.0)
-    execjs (1.4.0)
-      multi_json (~> 1.0)
-    haml (3.1.7)
-    kramdown (0.14.0)
-    mime-types (1.19)
-    multi_json (1.3.6)
-    nokogiri (1.5.5)
-    rack (1.4.1)
-    sass (3.2.1)
-    thin (1.5.0)
-      daemons (>= 1.0.9)
-      eventmachine (>= 0.12.6)
-      rack (>= 1.0.0)
-    trollop (2.0)
+    daemons (1.2.4)
+    eventmachine (1.2.3)
+    ffi (1.9.18)
+    haml (5.0.1)
+      temple (>= 0.8.0)
+      tilt
+    kramdown (1.14.0)
+    mime-types (3.1)
+      mime-types-data (~> 3.2015)
+    mime-types-data (3.2016.0521)
+    mini_portile2 (2.2.0)
+    nokogiri (1.8.0)
+      mini_portile2 (~> 2.2.0)
+    rack (2.0.3)
+    rb-fsevent (0.10.2)
+    rb-inotify (0.9.10)
+      ffi (>= 0.5.0, < 2)
+    rouge (2.1.1)
+    sass (3.5.1)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    temple (0.8.0)
+    thin (1.7.2)
+      daemons (~> 1.0, >= 1.0.9)
+      eventmachine (~> 1.0, >= 1.0.4)
+      rack (>= 1, < 3)
+    tilt (2.0.7)
+    trollop (2.1.2)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
   highcarb!
+
+BUNDLED WITH
+   1.13.2

data/README.md

@@ -1,38 +1,21 @@
 # HighCarb
 
-HighCarb is a framework to create presentations, and to control them remotely.
+HighCarb is a framework to create presentations.
 
 The presentation is based on Deck.js
 
 ## Installation
 
 ```
-  $ gem install highcarb
+$ gem install highcarb
 ```
 
-### Dependencies
-
-* You have to install Pygmentize if you want to highlight the code snippets.
-* A JavaScript interpreter is needed to compile the CoffeeScript source. Rhino or JavaScript can be used with no problems.
-
-In Debian (and derived) everything can be installed with
-
-```
-  $ sudo apt-get install nodejs python-pygments
-```
-
-Mac OSX
-
-```
-  $ brew install node.js
-  $ sudo easy_install Pygments
-```
 ## Generate a presentation project
 
 The `-g` flag generate a new tree with the base for the presentation
 
 ```
-  $ highcarb -g /my/slides/foobar
+$ highcarb -g /my/slides/foobar
 ```
 
 ## Adding content
@@ -44,9 +27,7 @@ The generated tree is something like
 ├── assets
 │   ├── README
 │   ├── base.scss
-│   ├── remote.scss
-│   ├── custom.coffee
-│   ├── custom-remote.coffee
+│   ├── custom.js
 │   └── vendor
 │       └── deck.js
 │           ├── ...
@@ -65,9 +46,9 @@ The generator will concatenate all the files when the presentation is shown.
 
 #### Special tags
 
-`%snippet` is used to load a file from the `snippets` directory. If Pygmentize is found, the code will be highlighted. If not, the content will be shown in a monospace font.
+`%snippet` is used to load a file from the `snippets` directory.
 
-`%asset` load a file from the `assets` directory. If the file is an image, an `img` will be created. If it is a CSS file (or SCSS), a `link` tag will be used. And, for JavaScript (or CoffeeScript) files, a `script` tag is used.
+`%asset` load a file from the `assets` directory. If the file is an image, an `img` will be created. If it is a CSS file (or SCSS), a `link` tag will be used. And, for JavaScript files, a `script` tag is used.
 
 If type asset type can not be determined by the MIME type, a CSS class can be added to the `asset` tag to force the type. The class can be `image`, `style` or `javascript`
 
@@ -75,16 +56,10 @@ If the asset is something else, a link will be added with an anchor.
 
 `%external` can be used to create link to external pages. The shown text is shorted to be less noisy.
 
-#### Notes
-
-Everything with the `note` CSS class will be removed from the slide. This content is accessible in the `remote` view.
-
 ## Assets
 
 Every file from the `asset` directory is accessible from the `http://domain/asset/` URL.
 
-If the file is a CoffeeScript source, it will be compiled as JavaScript before be sent. Same for SCSS.
-
 ## Example
 
 With this files
@@ -92,7 +67,7 @@ With this files
 ```
 /slide
 ├── assets
-│   ├── hacks.coffee
+│   ├── hacks.js
     └── first.png
 └── snippets
     └── README
@@ -102,7 +77,7 @@ We could write
 
 ```haml
 
-  %asset hacks.coffee
+  %asset hacks.js
 
   .slide
     %h1 First slide
@@ -133,10 +108,6 @@ Some options are available with the `--help` flag.
 With the defaults options the web server will listen on 9090, so the presentation can
 be see at http://localhost:9090/
 
-To control it from another browser go to http://localhost:9090/remote. The remote view
-show the full slides, so you can see everything. Left and right keys can be used to move
-the slide of the remote browser.
-
 There is no need to restart the server if the content is changed. Everything will be regenerated
 when reload the page in the browser. The HTML generated for the snippets is cached. The cached key
 is the MD5 sum of the content.

data/highcarb.gemspec

@@ -10,7 +10,7 @@ Gem::Specification.new do |s|
   s.email       = ["ayosec@gmail.com"]
   s.homepage    = "https://github.com/ayosec/highcarb"
   s.summary     = %q{Slides manager based on Deck.js }
-  s.description = %q{HighCarb can build a presentation based on HAML, Markdown or raw HTML, and let to control them from another browser, via WebSockets.}
+  s.description = %q{HighCarb can build a presentation based on HAML, Markdown or raw HTML}
 
   # Manifest
   s.files         = `git ls-files`.split("\n")
@@ -20,12 +20,11 @@ Gem::Specification.new do |s|
 
   s.add_runtime_dependency "thin"
   s.add_runtime_dependency "mime-types"
-  s.add_runtime_dependency "em-websocket"
   s.add_runtime_dependency "trollop"
   s.add_runtime_dependency "nokogiri"
   s.add_runtime_dependency "haml"
   s.add_runtime_dependency "sass"
   s.add_runtime_dependency "kramdown"
-  s.add_runtime_dependency "coffee-script"
+  s.add_runtime_dependency "rouge"
 end
 

data/lib/highcarb/assets_controller.rb

@@ -26,12 +26,6 @@ module HighCarb
         mime_type = "text/css"
       end
 
-      # Process CoffeeScript
-      if asset_path.extname == ".coffee"
-        output = CoffeeScript.compile(asset_path.read)
-        mime_type = "application/javascript"
-      end
-
       if output == nil
         mime_type = MIME::Types.type_for(asset_path.to_s).first || "application/octet-stream"
         output = asset_path.read

data/lib/highcarb/command.rb

@@ -27,8 +27,6 @@ module HighCarb
         opt "server", "Start the servers (default action). See --http-port and --ws-port"
 
         opt "http-port", "HTTP server port", default: 9090
-        opt "ws-port", "WebSockets port", default: 9091
-        opt "ws", "Enable/Disable WebSockets", default: true
 
         opt "skip-libs", "Don't download vendor libraries, like Deck.js and jQuery"
 

data/lib/highcarb/generator.rb

@@ -29,7 +29,6 @@ module HighCarb
 
       create_file path.join("assets/README"),
         "Put in this directory any file that you want to use in your presentation (images, et al)\n\n" +
-        "Files ending with .coffee will be compiled with CoffeeScript.\n" +
         "Files ending with .scss will be compiled with SASS. Compass is available."
 
       create_file path.join("assets/base.scss"),
@@ -47,12 +46,10 @@ module HighCarb
 
 
       create_file path.join("assets/remote.scss"), "/* Add here your styles for the /remote view */"
-      create_file path.join("assets/custom-remote.coffee"), "# Add here your own code for the /remote view"
-      create_file path.join("assets/custom.coffee"), "# Add here your own code for the views"
+      create_file path.join("assets/custom.js"), "// Add here your own code for the views"
 
       create_file path.join("snippets/README"),
         "Put in this directory any snippet of code that you want to include in your presentation.\n" +
-        "You need to install Pygmentize if you want to format the code.\n" +
         "The snippets are loaded with a <snippet>name.rb</snippet> tag.\n" +
         "With Haml, you can use %snippet name.rb\n"
 

data/lib/highcarb/services.rb

@@ -1,9 +1,6 @@
 
 require "thin"
-require "em-websocket"
-
 require "highcarb/rack_app"
-require "highcarb/sockets"
 
 module HighCarb
   module Services

data/lib/highcarb/slides_controller.rb

@@ -1,6 +1,6 @@
-
 require "digest/md5"
 require "nokogiri"
+require "rouge"
 
 module HighCarb
   module SlidesController
@@ -76,18 +76,16 @@ module HighCarb
 
       else
 
-        content = begin
-          IO.popen(["pygmentize", "-f", "html", "-O", "noclasses=true", snippet_path.to_s]).read
-        rescue Errno::ENOENT
-          if not @pygmentize_error_shown
-            STDERR.puts "\033[31mpygmentize could not be used. You have to install it if you want to highlight the snippets."
-            STDERR.puts "The snippets will be included with no format\033[m"
-            @pygmentize_error_shown = true
+        content =
+          begin
+            formatter = Rouge::Formatters::HTMLInline.new(Rouge::Themes::Github)
+            lexer = Rouge::Lexer.guess_by_filename(snippet_name)
+            "<pre>" + formatter.format(lexer.lex(File.read(snippet_path))) + "</pre>"
+          rescue => e
+            STDERR.puts "\033[31mCould not render snippet #{snippet_name}: #{e}\033[m"
+            %[<pre class="raw-snippet">#{ERB::Util.h snippet_path.read}</pre>]
           end
 
-          %[<pre class="raw-snippet">#{ERB::Util.h snippet_path.read}</pre>]
-        end
-
         snippet_html_cached.dirname.mkpath
         snippet_html_cached.open("w") {|f| f.write content }
         content
@@ -112,7 +110,7 @@ module HighCarb
             "image"
           elsif mime_type.to_s == "text/css"
             "style"
-          elsif mime_type.to_s == "application/javascript" or asset_path.extname == "coffee"
+          elsif mime_type.to_s == "application/javascript"
             "javascript"
           end
       end

data/lib/highcarb/version.rb

@@ -1,3 +1,3 @@
 module HighCarb
-  Version = "0.2.3"
+  Version = "0.2.4"
 end

data/lib/highcarb/views_controller.rb

@@ -1,6 +1,5 @@
 
 require "json"
-require "coffee-script"
 
 module HighCarb
   module ViewsController
@@ -15,10 +14,6 @@ module HighCarb
         @root = root
       end
 
-      def load_coffe(source)
-        "<script>//<![CDATA[\n" + CoffeeScript.compile(root.join(source + ".coffee").read) + "\n//]]></script>"
-      end
-
       def jquery_path
         Dir.chdir(root) { Dir["assets/vendor/deck.js/jquery-*.js"].first }
       end

data/resources/views/index.haml

@@ -14,9 +14,14 @@
     %script{ src: "/assets/vendor/deck.js/extensions/status/deck.status.js" }
     %script{ src: "/assets/vendor/deck.js/extensions/hash/deck.hash.js" }
 
+    %script{ src: "/assets/custom.js" }
+
     :javascript
-      window.EnableWebSocketsURL = #{!!options["ws"]};
-      window.WebSocketsURL = "ws://" + location.hostname + ":#{options["ws-port"].to_json}/";
+      $(function() {
+        $.get("/slides", function(data) {
+          $(".slides").replaceWith(data);
+          $(".slides").find(".note").remove();
+          $.deck(".slide");
+        })
+      });
 
-    = load_coffe "index"
-    %script{ src: "/assets/custom.coffee" }

metadata

@@ -1,117 +1,128 @@
 --- !ruby/object:Gem::Specification
 name: highcarb
 version: !ruby/object:Gem::Version
-  version: 0.2.3
-  prerelease: 
+  version: 0.2.4
 platform: ruby
 authors:
 - Ayose Cazorla
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-10-28 00:00:00.000000000 Z
+date: 2017-07-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: thin
-  requirement: &22024620 !ruby/object:Gem::Requirement
-    none: false
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *22024620
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: mime-types
-  requirement: &22024000 !ruby/object:Gem::Requirement
-    none: false
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *22024000
-- !ruby/object:Gem::Dependency
-  name: em-websocket
-  requirement: &22023340 !ruby/object:Gem::Requirement
-    none: false
+  version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: *22023340
 - !ruby/object:Gem::Dependency
   name: trollop
-  requirement: &22022420 !ruby/object:Gem::Requirement
-    none: false
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *22022420
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: nokogiri
-  requirement: &22020620 !ruby/object:Gem::Requirement
-    none: false
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *22020620
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: haml
-  requirement: &22019140 !ruby/object:Gem::Requirement
-    none: false
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *22019140
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: sass
-  requirement: &22018460 !ruby/object:Gem::Requirement
-    none: false
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *22018460
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: kramdown
-  requirement: &21966520 !ruby/object:Gem::Requirement
-    none: false
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *21966520
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: coffee-script
-  requirement: &21964700 !ruby/object:Gem::Requirement
-    none: false
+  name: rouge
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *21964700
-description: HighCarb can build a presentation based on HAML, Markdown or raw HTML,
-  and let to control them from another browser, via WebSockets.
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: HighCarb can build a presentation based on HAML, Markdown or raw HTML
 email:
 - ayosec@gmail.com
 executables:
@@ -119,8 +130,8 @@ executables:
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
-- .rvmrc
+- ".gitignore"
+- ".rvmrc"
 - Gemfile
 - Gemfile.lock
 - README.md
@@ -133,35 +144,30 @@ files:
 - lib/highcarb/rack_app.rb
 - lib/highcarb/services.rb
 - lib/highcarb/slides_controller.rb
-- lib/highcarb/sockets.rb
 - lib/highcarb/version.rb
 - lib/highcarb/views_controller.rb
-- resources/views/index.coffee
 - resources/views/index.haml
-- resources/views/remote.coffee
-- resources/views/remote.haml
 homepage: https://github.com/ayosec/highcarb
 licenses: []
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.10
+rubygems_version: 2.6.7
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: Slides manager based on Deck.js
 test_files: []

data/lib/highcarb/sockets.rb

@@ -1,47 +0,0 @@
-
-module HighCarb
-  class WSConnection
-
-    class <<self
-      attr_accessor :connected_clients
-      attr_accessor :last_client_id
-    end
-
-    self.connected_clients = []
-    self.last_client_id = 0
-
-    attr_reader :client_id
-    attr_reader :websocket
-    attr_reader :logger
-
-    def initialize(websocket, logger)
-      @logger = logger
-      @client_id = (self.class.last_client_id += 1)
-
-      @websocket = websocket
-      websocket.onopen &method(:on_open)
-      websocket.onclose &method(:on_close)
-      websocket.onmessage &method(:on_msg)
-    end
-
-    def on_open
-      logger.info { "[WS] Open client: #{client_id}" }
-      self.class.connected_clients << self
-    end
-
-    def on_close
-      logger.info { "[WS] Closed client: #{client_id}" }
-      self.class.connected_clients.delete self
-    end
-
-    def on_msg(msg)
-      logger.info { "[WS] Message from #{client_id}: #{msg}" }
-
-      self.class.connected_clients.each do |client|
-        if client != self
-          client.websocket.send msg
-        end
-      end
-    end
-  end
-end

data/resources/views/index.coffee

@@ -1,48 +0,0 @@
-
-window.WebSocket = MozWebSocket if MozWebSocket?
-
-$ ->
-
-  # Load slides and initialize Deck.js
-  $.get "/slides",
-    (data) ->
-      $(".slides").replaceWith data
-      $(".slides").find(".note").remove()
-      $.deck ".slide"
-
-  # Open a permanent connection to the server. With this channel
-  # we can receive commands to change the current slide
-  toJson = JSON.stringify
-
-
-  # Don't initialize the websocket if we don't have any URL
-  return unless EnableWebSocketsURL
-
-
-  channel = new WebSocket WebSocketsURL
-  channel.onmessage = (msgEvent) ->
-    msg = JSON.parse(msgEvent.data)
-
-    switch msg.action
-      when "next-slide" then $.deck('next')
-      when "prev-slide" then $.deck('prev')
-      when "go-to"
-        for slide, index in $.deck('getSlides')
-          if slide.data("slide-id") == msg.slideId
-            $.deck("go", index)
-            break
-
-  channel.onopen = ->
-    channel.send toJson(ack: true)
-
-  # Send a notification to every other client when the current slide has changed
-  lastSlideSelectedEvent = -1
-  $(document).bind 'deck.change', (event, from, to) ->
-    if lastSlideSelectedEvent != -1
-      clearTimeout lastSlideSelectedEvent
-
-    lastSlideSelectedEvent = \
-      setTimeout ->
-        lastSlideSelectedEvent = -1
-        channel.send toJson(action: "slide-selected", slideId: $.deck('getSlide').data("slide-id"))
-      100

data/resources/views/remote.coffee

@@ -1,59 +0,0 @@
-
-window.WebSocket = MozWebSocket if MozWebSocket?
-
-$ ->
-  # Don't initialize the websocket if we don't have any URL
-  return unless EnableWebSocketsURL
-
-  $(".slides").
-    load("/slides").
-    delegate(".slide", "click", (event) ->
-      node = event.target
-      while node
-        slideId = $(node).data("slide-id")
-        if slideId
-          event.preventDefault()
-          channel.send toJson(action: "go-to", slideId: slideId)
-          return false
-
-        node = node.parentNode
-
-      true
-    )
-
-  toJson = JSON.stringify
-
-  channel = new WebSocket WebSocketsURL
-  channel.onmessage = (msgEvent) ->
-    msg = JSON.parse(msgEvent.data)
-
-    # Set the remote-selected class to the new slide
-    $(".remote-selected").removeClass "remote-selected"
-    item = $(".slide[data-slide-id=#{msg.slideId}]").
-      addClass("remote-selected")
-
-    # Keep the selected item always in the center
-    offset = item.offset()
-    if offset
-      newTop = offset.top - ($(window).height() - item.height()) / 2
-      #$("html").scrollTop newTop
-      $("html").animate(scrollTop: newTop, 300)
-
-  channel.onopen = ->
-    channel.send toJson(ack: true)
-
-  # Send commands to the presenter
-  nextSlide = -> channel.send toJson(action: "next-slide")
-  prevSlide = -> channel.send toJson(action: "prev-slide")
-  $(".actions .next").click nextSlide
-  $(".actions .prev").click prevSlide
-
-  $(document).keypress (event) ->
-    switch(event.keyCode)
-      when 37 then prevSlide()
-      when 39 then nextSlide()
-      else return
-
-    event.preventDefault()
-
-

data/resources/views/remote.haml

@@ -1,61 +0,0 @@
-!!! 5
-%html
-  %head
-    %title Remote control
-    %script{ src: app.config["jquery"] }
-    %script{ src: "/assets/custom.coffee" }
-    %script{ src: "/assets/custom-remote.coffee" }
-
-    %style
-      :erb
-        body {
-          background: black;
-          color: white;
-        }
-
-        .slides > .slide {
-          background: white;
-          color: black;
-          border: 1px solid black;
-          padding: 1em;
-          margin: 1em;
-        }
-
-        .slide:hover {
-          cursor: pointer;
-          border: 1px solid black;
-        }
-
-        .remote-selected { background: #ffc !important; }
-
-        .actions {
-          position: fixed;
-          right: 1em;
-          top: 1em;
-        }
-
-        .actions span {
-          color: black;
-          background: gray;
-          display: inline-block;
-          font-size: 120%;
-          cursor: pointer;
-          margin: 0.1ex;
-          padding: 0.5ex;
-        }
-
-    %link{rel: "stylesheet", href: "/assets/remote.scss"}
-
-  %body.remote
-    .actions
-      %span.prev Prev
-      %span.next Next
-
-    .slides Loading ...
-
-    :javascript
-      window.EnableWebSocketsURL = #{!!options["ws"]};
-      window.WebSocketsURL = "ws://" + location.hostname + ":#{options["ws-port"].to_json}/";
-
-    = load_coffe "remote"
-