Add more instructions and rename the gem with hyphens.

README.md

@@ -6,7 +6,7 @@ Jekyll Video Tag is a liquid tag that adds responsive videos to your [Jekyll](ht
 
 Add this line to your application's Gemfile:
 
-    gem 'jekyll_video_tag'
+    gem 'jekyll-video-tag'
 
 And then execute:
 
@@ -14,7 +14,24 @@ And then execute:
 
 Or install it yourself as:
 
-    $ gem install jekyll_video_tag
+    $ gem install jekyll-video-tag
+
+Add the gem to your Jekyll config:
+
+    gems: ['jekyll_video_tag']
+
+Place the following snippet somewhere in your CSS:
+
+``` css
+.video-container {
+  position: relative;
+  width: 100%;
+  height: 0; }
+  .video-container iframe {
+    position: absolute;
+    width: 100%;
+    height: 100%; }
+```
 
 ## Usage
 

jekyll_video_tag.gemspec

@@ -4,12 +4,12 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 require 'jekyll_video_tag/version'
 
 Gem::Specification.new do |spec|
-  spec.name          = "jekyll_video_tag"
+  spec.name          = "jekyll-video-tag"
   spec.version       = JekyllVideoTag::VERSION
   spec.authors       = ["Dan Barber"]
   spec.email         = ["hello@danbarber.me"]
-  spec.summary       = %q{TODO: Write a short summary. Required.}
-  spec.description   = %q{TODO: Write a longer description. Optional.}
+  spec.summary       = %q{Responsive video tag for Jekyll.}
+  spec.description   = %q{Responsive video tag for Jekyll. Allows and iframe embeddable video to be responsive.}
   spec.homepage      = ""
   spec.license       = "MIT"
 
@@ -20,4 +20,5 @@ Gem::Specification.new do |spec|
 
   spec.add_development_dependency "bundler", "~> 1.6"
   spec.add_development_dependency "rake"
+  spec.add_development_dependency "jekyll"
 end

video.css

@@ -1,8 +0,0 @@
-.video-container {
-  position: relative;
-  width: 100%;
-  height: 0; }
-  .video-container iframe {
-    position: absolute;
-    width: 100%;
-    height: 100%; }

video.css.sass

@@ -1,8 +0,0 @@
-.video-container
-  position: relative
-  width: 100%
-  height: 0
-  iframe
-    position: absolute
-    width: 100%
-    height: 100%