image and link changes

cosmos and youtube iframe fix. still have to do breakpoints Signed-off-by: Mark Poon <markpoon@me.com>
markpoon · Jul 19, 2013 · f647d4f · f647d4f
1 parent a062e2c
commit f647d4f
Show file tree

Hide file tree

Showing 10 changed files with 21 additions and 3 deletions.
diff --git a/.sass-cache/cba8472ee7801c353b365655501b30443472168a/_base.scssc b/.sass-cache/cba8472ee7801c353b365655501b30443472168a/_base.scssc
diff --git a/.sass-cache/f22761bc75c38053800e72cc31f292896f824bb3/ie.scssc b/.sass-cache/f22761bc75c38053800e72cc31f292896f824bb3/ie.scssc
diff --git a/.sass-cache/f22761bc75c38053800e72cc31f292896f824bb3/print.scssc b/.sass-cache/f22761bc75c38053800e72cc31f292896f824bb3/print.scssc
diff --git a/.sass-cache/f22761bc75c38053800e72cc31f292896f824bb3/screen.scssc b/.sass-cache/f22761bc75c38053800e72cc31f292896f824bb3/screen.scssc
diff --git a/application.rb b/application.rb
@@ -1,4 +1,4 @@
-[ "sinatra", "haml", "sass", "redcarpet", "pry", "mongoid", "coffee-script", "compass"].each { |gem| require gem}
+["sinatra", "haml", "sass", "redcarpet", "pry", "mongoid", "coffee-script", "compass"].each { |gem| require gem}
 enable :inline_templates
 set :app_file, __FILE__
 set :root, File.dirname(__FILE__)
@@ -87,7 +87,7 @@ def check(url)
 
 not_found{ haml :'404'}
 error{ @error = request.env['sinatra_error']; haml :'500'}
-# Binding.pry
+Binding.pry
 __END__
 
 @@layout

diff --git a/static/images/bgnoise.png b/static/images/bgnoise.png
diff --git a/static/images/thumb/cosmic.jpg b/static/images/thumb/cosmic.jpg
diff --git a/static/images/thumb/cosmos.jpg b/static/images/thumb/cosmos.jpg
diff --git a/static/stylesheets/screen.css b/static/stylesheets/screen.css
diff --git a/views/stylesheets/screen.scss b/views/stylesheets/screen.scss
@@ -16,6 +16,7 @@ html{
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d3d3d3',GradientType=1 ); /* IE6-8 */
 }
 body{
+
   @include blueprint-typography-body;
   .row{
     clear: both;
@@ -169,4 +170,21 @@ body{
     margin-top: 20px;
     margin-bottom: 20px;
   }
+}
+.videoWrapper {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 */
+  padding-top: 25px;
+  height: 0;
+  margin-top:20px;
+  margin-bottom: 20px;
+
+}
+.videoWrapper iframe {
+  @include shadow();
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
 }