rymai

<script type="text/javascript">document.write(unescape("%3Cscript src='" + (("https:" == document.location.protocol) ? "https://4076.voxcdn.com" : "http://cdn.sublimevideo.net") + "/js/YOUR_TOKEN.js' type='text/javascript'%3E%3C/script%3E"));</script>

rymai

<div id="interactive">
  <div class="video_wrap">
    <video id="video1" class="sublime" poster="posterframe1.jpg"
           width="640" height="360" preload="none">
      <source src="video1.mp4" />
      <source src="video1.webm" />
      <source src="video1.ogv" />
    </video>
  </div>
  <div class="video_wrap">

rymai

#interactive .video_wrap {
  width:640px;
  height:360px;
  display:none;
}
#interactive .video_wrap.active {
  display:block;
}
#interactive li.active {
  background:#000;

rymai

<img id="posterframe_video1" class="custom_play_button" src="posterframe.jpg" width="640" height="360" />
<video id="video1" style="display:none;" poster="posterframe.jpg" width="640" height="360" preload="none">
  <source src="video.mp4" />
  <source src="video.ogv" />
</video>

rymai

<video class="sublime" poster="posterframe.jpg" width="640" height="360" preload="none">
  <source src="video.mp4" />
  <source src="video.webm" />
  <source src="video.ogv" />
</video>

rymai

sublimevideo.ready(function() {
  $$("img.custom_play_button").each(function(img) {
    img.on("click", function(event) {
      event.stop();
      // Hide the posterframe and prepare and play the video
      sublimevideo.prepareAndPlay(img.readAttribute("id").replace(/^posterframe_/, ""));
      img.hide();
    }.bind(this));
  }.bind(this));
});

rymai

In ~/prison, you put the Guardfile that describe which files to watch for changes and what to execute once a file is modified.

guard 'shell' do
  watch(%r{^.+\.txt$}) { |m| `echo #{File.join(::Guard.listener.directory, m[0])}` }
end

In ~/watch_from_here, you put the Gemfile that list the guards you want to use.

rymai

# https://github.com/ernie/squeel/issues/42

NoMethodError: undefined method `with_connection' for ActiveRecord::Base:Class
	from /Users/remy/my_project/vendor/ruby/1.9.1/bundler/gems/rails-d9d78d4165d1/activerecord/lib/active_record/base.rb:1082:in `method_missing'
	from /Users/remy/my_project/vendor/ruby/1.9.1/gems/arel-2.2.0/lib/arel/visitors/to_sql.rb:16:in `accept'
	from /Users/remy/my_project/vendor/ruby/1.9.1/bundler/gems/squeel-788d71821d5b/lib/squeel/visitors/base.rb:85:in `quote'
	from /Users/remy/my_project/vendor/ruby/1.9.1/bundler/gems/squeel-788d71821d5b/lib/squeel/visitors/predicate_visitor.rb:342:in `quote_for_node'
	from /Users/remy/my_project/vendor/ruby/1.9.1/bundler/gems/squeel-788d71821d5b/lib/squeel/visitors/predicate_visitor.rb:101:in `visit_Squeel_Nodes_Predicate'
	from /Users/remy/my_project/vendor/ruby/1.9.1/bundler/gems/squeel-788d71821d5b/lib/squeel/visitors/base.rb:97:in `visit'
	from /Users/remy/my_project/vendor/ruby/1.9.1/bundler/gems/squeel-788d71821d5b/lib/squeel/visitors/pre

rymai

guard :vagrant, :cwd => '/custom/cwd'

guard :phpunit, :vagrant => true do
  watch %r{^website/application/(.+)\.php}
  watch %r{^website/tests/unit/(.+)\.php}
  watch 'website/tests/unit/phpunit.xml'
end

rymai

a.zoomable {
  display:block;
  width:180px;
  height:76px;
  background:#000;
  position:relative;
  -webkit-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
  -moz-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
  box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
}