Permalink
Browse files

Robert presentation.

  • Loading branch information...
robertmilner committed Mar 26, 2012
1 parent ff1f229 commit b806652eb5be552eb2acf0759eed2961f2234085
@@ -62,5 +62,34 @@ $(document).ready(function($) {
// $('.carousel-previous-button, .carousel-forward-button').height(pageheight);
// });
// // end
+
+ // YouTube Video Resize
+ // Find all YouTube videos
+ var $allVideos = $("iframe[src^='http://www.youtube.com']"),
+ // The element that is fluid width
+ $fluidEl = $(".item");
+ // Figure out and save aspect ratio for each video
+ $allVideos.each(function() {
+ $(this)
+ .data('aspectRatio', this.height / this.width)
+
+ // and remove the hard coded width/height
+ .removeAttr('height')
+ .removeAttr('width');
+ });
+ // When the window is resized
+ // (You'll probably want to debounce this)
+ $(window).resize(function() {
+ var newWidth = $fluidEl.width();
+ // Resize all videos according to their own aspect ratio
+ $allVideos.each(function() {
+ var $el = $(this);
+ $el
+ .width(newWidth)
+ .height(newWidth * $el.data('aspectRatio'));
+ });
+ // Kick off one resize to fix all videos on page load
+ }).resize();
+ // end
});
@@ -26,6 +26,9 @@ a {
color: $black;
text-decoration: none;
}
+em {
+ font-style: italic;
+}
.close {
float: right;
font-size: 20px;
@@ -0,0 +1,280 @@
+<div class="carousel slide" id="carousel-excuses">
+ <div class="carousel-previous-button">
+ <div class="carousel-previous-icon"></div>
+ </div>
+ <div class="carousel-inner">
+ <div class="item active">
+ <h2>
+ My dog ate my homework.
+ </h2>
+ <div class="details">
+ <div class="favorite">
+ <h3>Favorite</h3>
+ <form accept-charset="UTF-8" action="/favorites" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value="khk8KVQxySsAg+H/ZokKUWPqFhwimUPjc7toVLknDBg="></div>
+ <input id="excuse" name="excuse" type="hidden" value="16">
+ <img alt="" class="btn-favorite" src="/assets/heart_black-49e2679841ddaa2e64092b68f71696c4.svg">
+ </form>
+
+ </div>
+ <div class="location">
+ <h3>Location</h3>
+ <ul>
+ <li><a href="/location/chicago">Chicago</a></li>
+ </ul>
+ </div>
+ <div class="tags">
+ <h3>Tags</h3>
+ <ul>
+ <li class="tag"><a href="/tag/Original" rel="tag">Original</a></li>
+ <li class="tag"><a href="/tag/School" rel="tag">School</a></li>
+ <li class="tag"><a href="/tag/Detention" rel="tag">Detention</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="item">
+ <h2>
+ Just drop the vowels.
+ </h2>
+ <div class="details">
+ <div class="favorite">
+ <h3>Favorite</h3>
+ <form accept-charset="UTF-8" action="/favorites" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value="khk8KVQxySsAg+H/ZokKUWPqFhwimUPjc7toVLknDBg="></div>
+ <input id="excuse" name="excuse" type="hidden" value="17">
+ <img alt="" class="btn-favorite" src="/assets/heart_black-49e2679841ddaa2e64092b68f71696c4.svg">
+ </form>
+
+ </div>
+ <div class="location">
+ <h3>Location</h3>
+ <ul>
+ <li><a href="/location/chicago">Chicago</a></li>
+ </ul>
+ </div>
+ <div class="tags">
+ <h3>Tags</h3>
+ <ul>
+ <li class="tag"><a href="/tag/rbrtmlnr" rel="tag">rbrtmlnr</a></li>
+ <li class="tag"><a href="/tag/Me" rel="tag">Me</a></li>
+ <li class="tag"><a href="/tag/Freelancer" rel="tag">Freelancer</a></li>
+ <li class="tag"><a href="/tag/Builder" rel="tag">Builder</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="item">
+ <h2>
+ Just Google it.
+ </h2>
+ <div class="details">
+ <div class="favorite">
+ <h3>Favorite</h3>
+ <form accept-charset="UTF-8" action="/favorites" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value="khk8KVQxySsAg+H/ZokKUWPqFhwimUPjc7toVLknDBg="></div>
+ <input id="excuse" name="excuse" type="hidden" value="18">
+ <img alt="" class="btn-favorite" src="/assets/heart_black-49e2679841ddaa2e64092b68f71696c4.svg">
+ </form>
+
+ </div>
+ <div class="location">
+ <h3>Location</h3>
+ <ul>
+ <li><a href="/location/chicago">Chicago</a></li>
+ </ul>
+ </div>
+ <div class="tags">
+ <h3>Tags</h3>
+ <ul>
+ <li class="tag"><a href="/tag/Search" rel="tag">Search</a></li>
+ <li class="tag"><a href="/tag/Answers" rel="tag">Answers</a></li>
+ <li class="tag"><a href="/tag/Learning" rel="tag">Learning</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="item">
+ <h2>
+ Yeah I got ideas.
+ </h2>
+ <div class="details">
+ <div class="favorite">
+ <h3>Favorite</h3>
+ <form accept-charset="UTF-8" action="/favorites" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value="khk8KVQxySsAg+H/ZokKUWPqFhwimUPjc7toVLknDBg="></div>
+ <input id="excuse" name="excuse" type="hidden" value="19">
+ <img alt="" class="btn-favorite" src="/assets/heart_black-49e2679841ddaa2e64092b68f71696c4.svg">
+ </form>
+
+ </div>
+ <div class="location">
+ <h3>Location</h3>
+ <ul>
+ <li><a href="/location/chicago">Chicago</a></li>
+ </ul>
+ </div>
+ <div class="tags">
+ <h3>Tags</h3>
+ <ul>
+ <li class="tag"><a href="/tag/Twitter" rel="tag">Twitter</a></li>
+ <li class="tag"><a href="/tag/Branding" rel="tag">Branding</a></li>
+ <li class="tag"><a href="/tag/Social Media" rel="tag">Social Media</a></li>
+ <li class="tag"><a href="/tag/Code Academy" rel="tag">Code Academy</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="item">
+ <h2>
+ .rb .html.erb .html.haml .css.scss .css.scss.erb .js.coffee .js.erb .rake .md
+ </h2>
+ <div class="details">
+ <div class="favorite">
+ <h3>Favorite</h3>
+ <form accept-charset="UTF-8" action="/favorites" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value="khk8KVQxySsAg+H/ZokKUWPqFhwimUPjc7toVLknDBg="></div>
+ <input id="excuse" name="excuse" type="hidden" value="20">
+ <img alt="" class="btn-favorite" src="/assets/heart_black-49e2679841ddaa2e64092b68f71696c4.svg">
+ </form>
+ </div>
+ <div class="location">
+ <h3>Location</h3>
+ <ul>
+ <li><a href="/location/chicago">Chicago</a></li>
+ </ul>
+ </div>
+ <div class="tags">
+ <h3>Tags</h3>
+ <ul>
+ <li class="tag"><a href="/tag/Development" rel="tag">Development</a></li>
+ <li class="tag"><a href="/tag/Backend" rel="tag">Backend</a></li>
+ <li class="tag"><a href="/tag/Frontend" rel="tag">Frontend</a></li>
+ <li class="tag"><a href="/tag/Programming" rel="tag">Programming</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="item">
+ <h2>
+ This ain&apos;t no community college.
+ </h2>
+ <div class="details">
+ <div class="favorite">
+ <h3>Favorite</h3>
+ <form accept-charset="UTF-8" action="/favorites" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value="khk8KVQxySsAg+H/ZokKUWPqFhwimUPjc7toVLknDBg="></div>
+ <input id="excuse" name="excuse" type="hidden" value="20">
+ <img alt="" class="btn-favorite" src="/assets/heart_black-49e2679841ddaa2e64092b68f71696c4.svg">
+ </form>
+ </div>
+ <div class="location">
+ <h3>Location</h3>
+ <ul>
+ <li><a href="/location/chicago">Chicago</a></li>
+ </ul>
+ </div>
+ <div class="tags">
+ <h3>Tags</h3>
+ <ul>
+ <li class="tag"><a href="/tag/Community" rel="tag">Community</a></li>
+ <li class="tag"><a href="/tag/Vision" rel="tag">Vision</a></li>
+ <li class="tag"><a href="/tag/Goals" rel="tag">Goals</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="item">
+ <h2>
+ No <em>pressure.</em>
+ </h2>
+ <div class="details">
+ <div class="favorite">
+ <h3>Favorite</h3>
+ <form accept-charset="UTF-8" action="/favorites" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value="khk8KVQxySsAg+H/ZokKUWPqFhwimUPjc7toVLknDBg="></div>
+ <input id="excuse" name="excuse" type="hidden" value="20">
+ <img alt="" class="btn-favorite" src="/assets/heart_black-49e2679841ddaa2e64092b68f71696c4.svg">
+ </form>
+
+ </div>
+ <div class="location">
+ <h3>Location</h3>
+ <ul>
+ <li><a href="/location/chicago">Chicago</a></li>
+ </ul>
+ </div>
+ <div class="tags">
+ <h3>Tags</h3>
+ <ul>
+ <li class="tag"><a href="/tag/Community" rel="tag">Community</a></li>
+ <li class="tag"><a href="/tag/Vision" rel="tag">Vision</a></li>
+ <li class="tag"><a href="/tag/Goals" rel="tag">Goals</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="item">
+ <h2>
+ Sorry been working on santa this afternoon.
+ </h2>
+ <div class="details">
+ <div class="favorite">
+ <h3>Favorite</h3>
+ <form accept-charset="UTF-8" action="/favorites" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value="khk8KVQxySsAg+H/ZokKUWPqFhwimUPjc7toVLknDBg="></div>
+ <input id="excuse" name="excuse" type="hidden" value="20">
+ <img alt="" class="btn-favorite" src="/assets/heart_black-49e2679841ddaa2e64092b68f71696c4.svg">
+ </form>
+ </div>
+ <div class="location">
+ <h3>Location</h3>
+ <ul>
+ <li><a href="/location/milwaukee">Milwaukee</a></li>
+ </ul>
+ </div>
+ <div class="tags">
+ <h3>Tags</h3>
+ <ul>
+ <li class="tag"><a href="/tag/Typeface" rel="tag">Typeface</a></li>
+ <li class="tag"><a href="/tag/Ocupop" rel="tag">Ocupop</a></li>
+ <li class="tag"><a href="/tag/Work" rel="tag">Work</a></li>
+ <li class="tag"><a href="/tag/Christmas Cards" rel="tag">Christmas Cards</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="item">
+ <div style="padding-bottom: 40px; text-align: center;">
+ <object style="height: 390px; width: 640px;">
+ <param name="movie" value="https://www.youtube.com/v/hUrEACMFLkM?version=3&feature=player_embedded&showinfo=0&vq=hd720&showsearch=0&rel=0&autohide=1&fs=1&feature=player_embedded">
+ <param name="allowFullScreen" value="true">
+ <param name="window" value="wmode">
+ <param name="allowScriptAccess" value="always">
+ <embed src="https://www.youtube.com/v/hUrEACMFLkM?version=3&feature=player_embedded&showinfo=0&vq=hd720&showsearch=0&rel=0&autohide=1&fs=1&feature=player_embedded" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360">
+ </object>
+ </div>
+ <div class="details">
+ <div class="favorite">
+ <h3>Favorite</h3>
+ <form accept-charset="UTF-8" action="/favorites" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value="khk8KVQxySsAg+H/ZokKUWPqFhwimUPjc7toVLknDBg="></div>
+ <input id="excuse" name="excuse" type="hidden" value="20">
+ <img alt="" class="btn-favorite" src="/assets/heart_black-49e2679841ddaa2e64092b68f71696c4.svg">
+ </form>
+
+ </div>
+ <div class="location">
+ <h3>Location</h3>
+ <ul>
+ <li><a href="/location/chicago">Chicago</a></li>
+ </ul>
+ </div>
+ <div class="tags">
+ <h3>Tags</h3>
+ <ul>
+ <li class="tag"><a href="/tag/Development" rel="tag">Development</a></li>
+ <li class="tag"><a href="/tag/Backend" rel="tag">Backend</a></li>
+ <li class="tag"><a href="/tag/Frontend" rel="tag">Frontend</a></li>
+ <li class="tag"><a href="/tag/Programming" rel="tag">Programming</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="clearfix"></div>
+ <div class="carousel-forward-button">
+ <div class="carousel-forward-icon"></div>
+ </div>
+</div>
@@ -7,4 +7,5 @@
.space
- = render 'carousel', :excuses => @excuses
+ / = render 'carousel', :excuses => @excuses
+ = render 'robert'

0 comments on commit b806652

Please sign in to comment.