hyaslide 0.2.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 8da32a463b9e78e260618047ce41e372051cba35
+  data.tar.gz: e777a229d8ea06fd9c0244917b85f1fb76505b98
+SHA512:
+  metadata.gz: febb2b046ecd82944a9d17de00a6ba4404e44f813f52192300f730d3119a3ba9ba1b4aa637c733030ca922a49bef264b51d3d072311de1df5ba488be97f03776
+  data.tar.gz: 9a0635689640c296a674deba02dd8f94777a98944627124b1539fe57ca8dd4568d9fd7384ff087fc9972279723afd342250c629290a501368de921d7fbee27e9

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "hyaslide"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/hyaslide

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+
+require File.expand_path('../../lib/hyaslide', __FILE__)
+
+Hyaslide::Cli.start(ARGV)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/hyaslide/cli.rb

@@ -0,0 +1,27 @@
+require 'thor'
+require 'fileutils'
+require 'rouge'
+
+module Hyaslide
+  class Cli < Thor
+    desc 'new', 'create new project'
+
+    def new(name)
+      puts "Create new project '#{name}'"
+
+      FileUtils.mkdir name
+      dir = Dir.new(__dir__+'/../../template/project')
+      dir.each do |file|
+        next if file == '..'
+        FileUtils.cp_r(dir.path + '/' + file, name)
+      end
+    end
+
+    desc 'highlight', 'generate highlight.css'
+
+    def highlight
+      puts Rouge::Themes::Base16.mode(:dark).render(scope: '.highlight')
+    end
+  end
+end
+

data/lib/hyaslide/render_hyaslide.rb

@@ -0,0 +1,218 @@
+require 'unindent'
+require 'rouge'
+require 'redcarpet'
+
+class String
+  def escape
+    if self =~ /<a>(.*)<\/a>/
+      "a(#{$1})"
+    elsif self =~ /<img>(.*)<\/img>/
+      "img(#{$1})"
+    elsif self =~ /<div>(.*)<\/div>/
+      "div(#{$1})"
+    elsif self =~ /<strong>(.*)<\/strong>/
+      "strong(nil, \"#{$1}\")"
+    else
+      "\"#{self.gsub(/\"/, "\\\"").gsub(/\\/, "\\\\")}\""
+    end
+  end
+end
+
+module Redcarpet
+  module Render
+    class Hyaslide < Base
+      def initialize
+        super
+        @enter_title_page = false
+        @enter_page = false
+        @page_count = 0
+        clear_list_state
+      end
+
+      def clear_list_state
+        @enter_list = false
+        @list_depth = 0
+      end
+
+      [
+        # block-level calls
+        :block_quote,
+
+        # span-level calls
+        :autolink,
+        :underline, :raw_html,
+        :triple_emphasis, :strikethrough,
+        :superscript, :highlight,
+
+        # footnotes
+        :footnotes, :footnote_def, :footnote_ref,
+
+        # low level rendering
+        #:entity, :normal_text
+      ].each do |method|
+        define_method method do |*args|
+          "#{method} #{args.first}"
+        end
+      end
+
+      def hrule
+        clear_list_state
+        "".tap do |result|
+          if @enter_title_page || @enter_page
+            result <<
+<<EOD
+    end
+  end
+end
+
+EOD
+            @enter_title_page = @enter_page = false
+          end
+
+          result << <<EOD
+class Hyaslide::Page#{@page_count} < Hyaslide::PageBase
+  def content
+    [].tap do |children|
+EOD
+
+          @enter_page = true
+          @page_count += 1
+        end
+      end
+
+      def header(text, header_level)
+        clear_list_state
+
+        if header_level > 3
+          return "      children << h#{header_level}(nil, #{text.escape})\n"
+        end
+
+        "".tap do |result|
+          if @enter_title_page || @enter_page
+            result <<
+<<EOD
+    end
+  end
+end
+
+EOD
+            @enter_title_page = @enter_page = false
+          end
+
+          if header_level == 1
+            @enter_title_page = true
+            @title = text.escape
+          else
+            @enter_page = true
+          end
+
+
+          result <<
+<<EOD
+class Hyaslide::Page#{@page_count} < Hyaslide::PageBase
+  def header
+    h#{header_level}(nil, #{text.escape})
+  end
+
+  def content
+    [].tap do |children|
+EOD
+
+          @page_count += 1
+        end
+      end
+
+      def doc_footer(*args)
+<<EOD
+    end
+  end
+end
+
+Hyaslide.page_count = #{@page_count}
+Hyaslide.title = #{@title}
+EOD
+      end
+
+      def list_item(item, orderd)
+        "".tap do |result|
+          if item =~ /.*\n +children << /
+            result << item.sub(/(.*)\n +children << /) { "                  li(nil, #{$1.strip.escape}),\n                  " }.rstrip
+            result << ",\n"
+            @enter_list = false
+          else
+            result << "                    li(nil, #{item.strip.escape}),\n"
+          end
+        end
+      end
+
+      def list(text, ordered)
+        "".tap do |result|
+          result << "      children << ul(nil,\n"
+          result << text.sub(/,\n\z/, "\n")
+          result << "      )\n"
+          @enter_list = false
+        end
+      end
+
+      def link(link, title, content)
+        "<a>{href: #{link.escape}, target: \"_blank\"}, #{content.escape}</a>"
+      end
+
+      def image(link, title, alt_text)
+        "<img>{className: \"#{alt_text}\", src: #{link.escape}}</img>"
+      end
+
+      def block_code(code, language)
+        clear_list_state
+
+        formatter = Rouge::Formatters::HTML.new(css_class: 'highlight', line_numbers: true)
+        lexer = case language
+                when 'ruby'
+                  Rouge::Lexers::Ruby.new
+                when 'javascript'
+                  Rouge::Lexers::Javascript.new
+                else
+                  Rouge::Lexers::PlainText.new
+                end
+        highlight = formatter.format(lexer.lex(code))
+        "      children << code({ dangerouslySetInnerHTML: { __html: %q{#{highlight}} } })\n"
+      end
+
+      def block_html(html)
+        clear_list_state
+        "      children << code({ dangerouslySetInnerHTML: { __html: %q{#{html}} } })\n"
+      end
+
+      def emphasis(*args)
+        "# #{args}"
+      end
+
+      def double_emphasis(*args)
+        "<strong>#{args.first}</strong>"
+      end
+
+      def paragraph(text)
+        lines = text.split(/  $/)
+        if text[0] == '%'
+          class_name = text[1...text.index(':')]
+          lines[0] = lines.first[(lines.first.index(':') + 1)...lines.first.length].lstrip
+          "      children << p({className:\"#{class_name}\"}, #{lines.map{|l| l.escape}.join(',Hyalite.create_element(\'br\'),')})\n"
+        else
+          "      children << p(nil, #{lines.map{|l| l.escape}.join(',Hyalite.create_element(\'br\'),')})\n"
+        end
+      end
+
+      def table(header, body)
+        "#{header}#{body}"
+      end
+
+      def table_row(content)
+        content + "\n"
+      end
+
+      def table_cell(content, alignment)
+        content + "\t"
+      end
+    end
+  end
+end

data/lib/hyaslide/slide_loader.rb

@@ -0,0 +1,34 @@
+require 'rouge'
+require 'fssm'
+require 'eventmachine'
+require 'redcarpet'
+
+require_relative './render_hyaslide'
+
+module Hyaslide
+  class SlideLoader
+    def initialize(dir)
+      @dir = dir
+    end
+
+    def self.load_slide(dir)
+      markdown = Redcarpet::Markdown.new(Redcarpet::Render::Hyaslide, fenced_code_blocks: true)
+      File.open("#{dir}/pages/pages.rb", "w+") do |f|
+        data = File.read("#{dir}/slide.md")
+        f.write markdown.render(data)
+      end
+    end
+
+    def run
+      Hyaslide::SlideLoader.load_slide(@dir)
+
+      EM.defer do
+        FSSM.monitor("#{@dir}", "slide.md") do
+          update {|base, relative| SlideLoader.load_slide }
+          delete {|base, relative|}
+          create {|base, relative|}
+        end
+      end
+    end
+  end
+end

data/lib/hyaslide/version.rb

@@ -0,0 +1,3 @@
+module Hyaslide
+  VERSION = "0.2.0"
+end

data/lib/hyaslide.rb

@@ -0,0 +1,8 @@
+require "hyaslide/version"
+
+require 'hyaslide/cli'
+require "hyaslide/slide_loader"
+require "hyaslide/server"
+
+module Hyaslide
+end

data/template/project/Gemfile

@@ -0,0 +1,8 @@
+source "https://rubygems.org"
+
+gem 'hyaslide'
+gem 'opal-browser'
+gem 'opal-router',    github: 'adambeynon/opal-router'
+gem 'opal-haml',      github: 'opal/opal-haml'
+gem 'hyalite'
+

data/template/project/Gemfile.lock

@@ -0,0 +1,96 @@
+GIT
+  remote: git://github.com/adambeynon/opal-router.git
+  revision: bc8c242510794ecbb842b52423732f2ec55c2a1e
+  specs:
+    opal-router (0.0.1)
+      opal (>= 0.3.44)
+
+GIT
+  remote: git://github.com/opal/opal-haml.git
+  revision: ca3d7339098dc115c0cedb9f1aeccd1f7187dd71
+  specs:
+    opal-haml (0.4.1)
+      haml
+      opal (>= 0.5.0, < 1.0.0)
+
+PATH
+  remote: ../..
+  specs:
+    hyaslide (0.1.0)
+      eventmachine
+      fssm
+      haml
+      redcarpet
+      rouge
+      sass
+      sinatra
+      sinatra-contrib
+      thin
+      unindent
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    backports (3.6.8)
+    concurrent-ruby (1.0.2)
+    daemons (1.2.4)
+    eventmachine (1.2.0.1)
+    fssm (0.2.10)
+    haml (4.0.7)
+      tilt
+    hike (1.2.3)
+    hyalite (0.0.2)
+      opal
+      opal-browser
+    multi_json (1.12.1)
+    opal (0.10.2)
+      hike (~> 1.2)
+      sourcemap (~> 0.1.0)
+      sprockets (~> 3.1)
+      tilt (>= 1.4)
+    opal-browser (0.2.0)
+      opal
+      paggio
+    paggio (0.2.6)
+    rack (1.6.4)
+    rack-protection (1.5.3)
+      rack
+    rack-test (0.6.3)
+      rack (>= 1.0)
+    redcarpet (3.3.4)
+    rouge (2.0.6)
+    sass (3.4.22)
+    sinatra (1.4.7)
+      rack (~> 1.5)
+      rack-protection (~> 1.4)
+      tilt (>= 1.3, < 3)
+    sinatra-contrib (1.4.7)
+      backports (>= 2.0)
+      multi_json
+      rack-protection
+      rack-test
+      sinatra (~> 1.4.0)
+      tilt (>= 1.3, < 3)
+    sourcemap (0.1.1)
+    sprockets (3.7.0)
+      concurrent-ruby (~> 1.0)
+      rack (> 1, < 3)
+    thin (1.7.0)
+      daemons (~> 1.0, >= 1.0.9)
+      eventmachine (~> 1.0, >= 1.0.4)
+      rack (>= 1, < 3)
+    tilt (2.0.5)
+    unindent (1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  hyalite
+  hyaslide!
+  opal-browser
+  opal-haml!
+  opal-router!
+
+BUNDLED WITH
+   1.12.5

data/template/project/app/application.rb

@@ -0,0 +1,156 @@
+require 'hyalite'
+require 'opal-router'
+require 'browser/interval'
+require 'browser/location'
+require 'track_field'
+require 'page_base'
+
+module App
+  def self.render
+    Hyalite.render(Hyalite.create_element(Hyaslide::Slide, nil), $document['.hyaslide'])
+  end
+end
+
+module Hyaslide
+  SLIDE_WIDTH = 960
+  SLIDE_HEIGHT = 720
+  TOTAL_TIME = 35 * 60
+
+  def self.page_count
+    @page_count
+  end
+
+  def self.page_count=(count)
+    @page_count = count
+  end
+
+  def self.title
+    @title
+  end
+
+  def self.title=(title)
+    @title = title
+  end
+
+  class Slide
+    include Hyalite::Component
+    include Hyalite::Component::ShortHand
+
+    def pages(height)
+      case @state[:mode]
+      when :slide
+        Hyaslide.page_count.times.map do |i|
+          Object.const_get("Hyaslide::Page#{i}").el({visible: @state[:page_number] == i, page_number: i, slide_height: height})
+        end
+      when :print
+        Hyaslide.page_count.times.map do |i|
+          Object.const_get("Hyaslide::Page#{i}").el({visible: true, page_number: i, slide_height: height})
+        end
+      end
+    end
+
+    def initial_state
+      page_num = $window.location.uri.sub(/.*\/#\/([0-9]+)/, '\1').to_i
+
+      {
+        page_number: page_num,
+        mode: :slide,
+        start: nil,
+        footer_visible: false
+       }
+    end
+
+    def component_did_mount
+      $window.on(:keydown) do |evt|
+        handle_key_down(evt)
+      end
+
+      router = Router.new
+      router.route('/') { page_to(num) }
+      router.route('/:page') {|params| p params; set_state(page_number: params[:page].to_i) }
+    end
+
+    def page_to(num)
+      $window.location.assign("/#/#{num}")
+    end
+
+    def handle_key_down(evt)
+      case evt.code
+      when 39
+        page_to(@state[:page_number] + 1) if @state[:page_number] < Hyaslide.page_count
+      when 37
+        page_to(@state[:page_number] - 1) if @state[:page_number] > 0
+      when 83
+        unless @state[:start]
+          set_state(start: Time.now)
+        else
+          set_state(start: nil)
+        end
+      when 80
+        if @state[:mode] == :slide
+          set_state(mode: :print)
+        else
+          set_state(mode: :slide)
+        end
+      when 70
+        set_state(footer_visible: !@state[:footer_visible])
+      else
+        puts "keycode = #{evt.code}"
+      end
+    end
+
+    def render
+      follow_height = $window.view.height / $window.view.width < SLIDE_HEIGHT / SLIDE_WIDTH
+      if follow_height
+        zoom = $window.view.height.to_f / SLIDE_HEIGHT * 0.98
+      else
+        zoom = $window.view.width.to_f / SLIDE_WIDTH * 0.98
+      end
+
+      top = ($window.view.height / zoom - SLIDE_HEIGHT) / 2
+      left = ($window.view.width / zoom - SLIDE_WIDTH) / 2
+
+      footer_style = @state[:page_number] == 1 || !@state[:footer_visible] ? {style: {display: 'none'}} : {}
+
+      case @state[:mode]
+      when :slide
+        div({className: 'background'},
+          div({
+            className: 'slide',
+            style: {zoom: zoom, top: "#{top}px", left: "#{left}px"},
+            onKeyDown: -> (evt) { handle_key_down(evt) }
+          },
+            pages(SLIDE_HEIGHT * zoom)
+          ),
+          Hyaslide::TrackField.el({total_time: TOTAL_TIME, start: @state[:start], page_number: @state[:page_number], page_count: Hyaslide.page_count}),
+          section({className: 'footer'}.merge(footer_style),
+            p({className: 'title'}, Hyaslide.title),
+            p({className: 'powered-by'}, "Powered by ", span({className: "hyalite"}, "Hyalite"))
+          )
+        )
+      when :print
+        div({
+            className: 'print',
+            onKeyDown: -> (evt) { handle_key_down(evt) } },
+          pages(SLIDE_HEIGHT * zoom).map do |page|
+            top += SLIDE_HEIGHT * zoom
+            div({
+              className: 'wrap-page',
+              style: {zoom: zoom, top: "#{top}px", left: "#{left}px"},
+            }, page)
+          end
+        )
+      end
+    end
+  end
+end
+
+require 'pages'
+
+$document.ready do
+  $window.on(:resize) do
+    App.render
+  end
+
+  App.render
+end

data/template/project/app/page_base.rb

@@ -0,0 +1,46 @@
+module Hyaslide
+  class PageBase
+    include Hyalite::Component
+    include Hyalite::Component::ShortHand
+
+    def initialize
+      @height = 0
+    end
+
+    # def component_did_mount
+    #   every(0.05) do
+    #     if @props[:visible]
+    #       prev_height = @height
+    #       el = $document.css(".#{page_class_name}")[0]
+    #       if el
+    #         height = el.height.to_i
+    #         unless (height - prev_height).abs < 3
+    #           @height = height
+    #           set_state(top: "#{((700 - @height)/2).to_i}px")
+    #         end
+    #       end
+    #     end
+    #   end
+    # end
+
+    def page_class_name
+      "page_#{@props[:page_number]}"
+    end
+
+    def style
+      {top: @state[:top]}.merge(@props[:visible] ? {display: 'block'} : {display: 'none'})
+    end
+
+    def header
+      nil
+    end
+
+    def content
+      nil
+    end
+
+    def render
+      section({className: "page #{page_class_name}", style: style}, header, content)
+    end
+  end
+end

data/template/project/app/track_field.rb

@@ -0,0 +1,43 @@
+require 'browser/interval'
+
+module Hyaslide
+  class TrackField
+    include Hyalite::Component
+    include Hyalite::Component::ShortHand
+
+    def initialize
+      super
+      @width = 0
+    end
+
+    def initial_state
+      { tic: false }
+    end
+
+    def component_did_mount
+      every(1) do
+        set_state(tic: !@state[:tic])
+        if el = $document.css(".track-field")[0]
+          @width = el.width.to_i
+          spend_time = @props[:start] ? Time.now - @props[:start] : 0
+          rabbit_pos = [(spend_time / @props[:total_time]), 1].min * (@width - 40) * 0.96 + @width * 0.02
+          set_state(rabbit_pos: rabbit_pos)
+        end
+      end
+    end
+
+    def render
+      turtle_pos = (@props[:page_number] / @props[:page_count]) * (@width - 40) * 0.96 + @width * 0.02
+      mstyle = {transform: "rotate(#{@state[:tic]?'-':''}7deg)", left: "#{@state[:rabbit_pos]}px"}
+      ystyle = {transform: "rotate(#{@state[:tic]?'':'-'}7deg)"}
+      ystyle.merge!(left: "#{turtle_pos}px") if @width > 0
+
+      div({className: 'track-field'},
+        @props[:start] ? [
+          div({className: 'flag', style: {right: "#{@width * 0.02}px"}}),
+          div({className: 'rabbit avatar', style: mstyle}),
+          div({className: 'turtle avatar', style: ystyle})
+        ] : nil)
+    end
+  end
+end

data/template/project/config.ru

@@ -0,0 +1,29 @@
+require 'bundler/setup'
+Bundler.require(:default)
+
+require 'opal'
+require 'opal-browser'
+require 'rack'
+
+dir = 'data'
+Dir.mkdir dir + '/pages' unless Dir.exist? dir + '/pages'
+
+Hyaslide::SlideLoader.new(dir).run
+
+server = Opal::Server.new do |s|
+  s.append_path dir + '/pages'
+  s.append_path 'app'
+  s.append_path 'images'
+  s.append_path 'css'
+  s.append_path 'fonts'
+
+  Opal.use_gem 'opal-router'
+  Opal.use_gem 'hyalite'
+  Opal.use_gem 'hyaslide'
+
+  s.debug = true
+  s.main = 'application'
+  s.index_path = 'index.html.haml'
+end
+
+Rack::Handler::WEBrick.run server

data/template/project/css/application.css

@@ -0,0 +1,193 @@
+html {
+  height: 100%;
+}
+
+body {
+  height: 100%;
+  margin: 0;
+}
+
+::selection {
+  background: #770;
+}
+
+.hyaslide {
+  height: 100%;
+  font-size: 32px;
+}
+
+.hyaslide .background {
+  height: 100%;
+  background-color: #222;
+  color: #fff;
+}
+
+.slide {
+  position: absolute;
+  width: 960px;
+  height: 720px;
+  margin: 0 auto;
+}
+
+.wrap-page {
+  width: 960px;
+  height: 720px;
+  margin: 0 auto;
+  color: #000;
+  background-color: #fff;
+  margin-bottom: 60px;
+  page-break-after: always;
+}
+
+.print {
+  background: #fff;
+  background-color: #fff;
+  color: #000;
+}
+
+.slide .page {
+  top: 50%;
+  transform: translateY(-50%);
+  position: absolute;
+  width: 100%;
+}
+
+.page code {
+  font-size: 0.8em;
+}
+
+
+.page h3 img {
+  width: 1.2em;
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+.page h4 img {
+  width: 80%;
+  margin: 0 auto;
+  display: block;
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+.page img {
+  width: 1em;
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+h1 {
+  font-size: 1.6em;
+  text-align: center;
+}
+
+h2 {
+  font-size: 1.4em;
+  text-align: center;
+}
+
+h3 {
+  font-size: 1.2em;
+  text-align: center;
+}
+
+h4 {
+  font-size: 1.0em;
+  text-align: center;
+}
+
+.page ul ul {
+  font-size: 0.9em;
+}
+
+.page li {
+  padding-left: 16px;
+}
+
+.page .author {
+  text-align: right;
+  padding-right: 20%;
+}
+
+a:link {
+  color: #cee;
+  text-decoration: none;
+}
+
+a:visited {
+  color: #cee;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #cca;
+  text-decoration: underline;
+}
+
+a:active {
+  color: #cee;
+  text-decoration: none;
+}
+
+.track-field {
+  position: absolute;
+  bottom: 1em;
+  width: 100%;
+  height: 70px;
+}
+
+.track-field .avatar {
+  position: absolute;
+  left: 2%;
+  width: 40px;
+  height: 40px;
+  background-size: contain;
+  border-radius: 4px;
+}
+
+.track-field .flag {
+  position: absolute;
+  width: 30px;
+  height: 60px;
+  background-image: url("../images/flag.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  z-index: 900;
+}
+
+.track-field .rabbit {
+  background-image: url("../images/rabbit.png");
+  background-repeat: no-repeat;
+  z-index: 1000;
+}
+
+.track-field .turtle {
+  background-image: url("../images/turtle.png");
+  background-repeat: no-repeat;
+  z-index: 999;
+  top: 30px;
+}
+
+.footer .title {
+  position: absolute;
+  bottom: 4px;
+  left: 16px;
+  margin: 0;
+  font-size: 0.6em;
+  color: #888;
+}
+
+.footer .powered-by {
+  position: absolute;
+  bottom: 4px;
+  right: 16px;
+  margin: 0;
+  font-size: 0.6em;
+  color: #888;
+}
+
+.footer .powered-by .hyalite {
+  color: #ee8;
+  font-weight: bold;
+}

data/template/project/css/highlight.css

@@ -0,0 +1,101 @@
+@font-face{ 
+  font-family: Inconsolata;
+  src: url(fonts/Inconsolata-Regular.ttf) format(truetype);
+}
+
+.highlight {
+  padding: 8px;
+}
+
+.highlight pre {
+  font-family: Inconsolata, monospace;
+  font-size: 0.9em;
+}
+
+.highlight .code pre {
+  margin-left: 16px;
+}
+
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+  color: #d0d0d0;
+  background-color: #151515;
+}
+.highlight .err {
+  color: #151515;
+  background-color: #ac4142;
+}
+.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
+  color: #505050;
+}
+.highlight .cp {
+  color: #f4bf75;
+}
+.highlight .nt {
+  color: #f4bf75;
+}
+.highlight .o, .highlight .ow {
+  color: #d0d0d0;
+}
+.highlight .p, .highlight .pi {
+  color: #d0d0d0;
+}
+.highlight .gi {
+  color: #90a959;
+}
+.highlight .gd {
+  color: #ac4142;
+}
+.highlight .gh {
+  color: #6a9fb5;
+  background-color: #151515;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+  color: #aa759f;
+}
+.highlight .kc {
+  color: #d28445;
+}
+.highlight .kt {
+  color: #d28445;
+}
+.highlight .kd {
+  color: #d28445;
+}
+.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+  color: #90a959;
+}
+.highlight .sr {
+  color: #75b5aa;
+}
+.highlight .si {
+  color: #8f5536;
+}
+.highlight .se {
+  color: #8f5536;
+}
+.highlight .nn {
+  color: #f4bf75;
+}
+.highlight .nc {
+  color: #f4bf75;
+}
+.highlight .no {
+  color: #f4bf75;
+}
+.highlight .na {
+  color: #6a9fb5;
+}
+.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
+  color: #90a959;
+}
+.highlight .ss {
+  color: #90a959;
+}
+
+.highlight .gutter {
+  border-right: solid 1px #666;
+  color: #882;
+}

data/template/project/data/slide.md

@@ -0,0 +1,12 @@
+# Title
+
+%author: Your Name
+
+---
+
+#### Press 's' then starting the race of rabbit and turtle.
+
+## Slide
+
+* Listing
+* ...

data/template/project/index.html.haml

@@ -0,0 +1,14 @@
+!!!
+%html(lang="en" data-framework="hyalite")
+  %head
+    %meta{charset:"utf-8"}
+    %title Writting web application in Ruby
+    %link{rel:"stylesheet", href:"css/application.css"}
+    %link{rel:"stylesheet", href:"data/css/custom.css"}
+    %link{rel:"stylesheet", href:"css/highlight.css"}
+
+  %body
+    %section.hyaslide
+
+    = javascript_include_tag 'application'
+

metadata

@@ -0,0 +1,265 @@
+--- !ruby/object:Gem::Specification
+name: hyaslide
+version: !ruby/object:Gem::Version
+  version: 0.2.0
+platform: ruby
+authors:
+- youchan
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-09-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sinatra-contrib
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: thin
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: haml
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: redcarpet
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: unindent
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rouge
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: fssm
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: eventmachine
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: This is presentation app making slide from markdown file.
+email:
+- youchan01@gmail.com
+executables:
+- hyaslide
+extensions: []
+extra_rdoc_files: []
+files:
+- bin/console
+- bin/hyaslide
+- bin/setup
+- lib/hyaslide.rb
+- lib/hyaslide/cli.rb
+- lib/hyaslide/render_hyaslide.rb
+- lib/hyaslide/server.rb
+- lib/hyaslide/slide_loader.rb
+- lib/hyaslide/version.rb
+- template/project/Gemfile
+- template/project/Gemfile.lock
+- template/project/app/application.rb
+- template/project/app/page_base.rb
+- template/project/app/track_field.rb
+- template/project/config.ru
+- template/project/css/application.css
+- template/project/css/highlight.css
+- template/project/data/css/custom.css
+- template/project/data/slide.md
+- template/project/fonts/Inconsolata-Regular.ttf
+- template/project/images/flag.png
+- template/project/images/rabbit.png
+- template/project/images/turtle.png
+- template/project/index.html.haml
+homepage: https://github.com/youchan/hyalide
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.1
+signing_key: 
+specification_version: 4
+summary: Making slide from markdown file
+test_files: []