Commit b5883cac

mo k <mo@mokhan.ca>
2012-09-11 03:07:21
use embedly to display previews on the tutorials index page.
master
1 parent 08fec6c
Changed files (2)
app
views
layouts
application.html.erb
tutorials
index.html.erb
app/views/layouts/application.html.erb
@@ -29,7 +29,10 @@
     <%= render "shared/uservoice_feedback"%>
     <%= render "shared/chrome_frame"%>
     <%= yield :javascript %>
-    <%= render "shared/google_analytics" %>
     <script type="text/javascript" src="http://scripts.embed.ly/jquery.embedly.min.js"></script>
+    <script type="text/javascript" charset="utf-8">
+      $.embedly.defaults['key'] = '4b97d740439245d8905d046dfa4d3e9a';
+    </script>
+    <%= render "shared/google_analytics" %>
   </body>
 </html>
app/views/tutorials/index.html.erb
@@ -1,10 +1,18 @@
 <% provide(:description, "The latest tutorials") -%>
+<% content_for :javascript do %>
+<script type="text/javascript" charset="utf-8">
+$(function(){
+    $('a.oembed').embedly({maxwidth:300});
+});
+</script>
+<% end %>
 <div class="row-fluid">
   <%= link_to 'New Tutorial', new_tutorial_path %>
   <ul class="thumbnails">
     <% @tutorials.each do |tutorial| %>
       <div class="span4">
         <div class="thumbnail">
+          <a href="<%= tutorial.url %>" class="oembed"></a>
           <div class="caption">
             <h3><%= tutorial.heading %></h3>
             <p><%= tutorial.description %></p>