adding link to browse episode source code

ryanb · Aug 18, 2011 · 24bcaec · 24bcaec
1 parent f477de0
commit 24bcaec
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 6 deletions.
diff --git a/app/views/episodes/_show_notes.html.erb b/app/views/episodes/_show_notes.html.erb
@@ -2,12 +2,20 @@
   <div class="actions episode_actions"><%= link_to "Edit", edit_episode_path(@episode) %></div>
 <% end %>
 
-<% if @episode.asciicasts? %>
+<div class="extra_nav">
-  <p>
+  <% if @episode.asciicasts? %>
-    <%= image_tag "icons/asciicasts.png", :size => "12x15", :class => "icon" %>
+    <span class="asciicasts">
-    <%= link_to "Read on ASCIIcasts", "http://asciicasts.com/episodes/#{@episode.to_param}" %>
+      <%= image_tag "icons/asciicasts.png", :size => "12x15", :class => "icon" %>
-  </p>
+      <%= link_to "Read on ASCIIcasts", "http://asciicasts.com/episodes/#{@episode.to_param}" %>
-<% end %>
+    </span>
+  <% end %>
+  <% if @episode.file_sizes && @episode.file_sizes["zip"] %>
+    <span class="browse_code">
+      <%= image_tag "icons/browse_code.png", :size => "22x21", :class => "icon" %>
+      <%= link_to "Browse Source Code", "http://github.com/railscasts/episode-#{@episode.position}" %>
+    </span>
+  <% end %>
+</div>
 
 <div class="show_notes">
   <%= textilize @episode.notes %>

diff --git a/public/images/icons/browse_code.png b/public/images/icons/browse_code.png
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
@@ -694,6 +694,14 @@ label.check_box {
   left: 320px;
 }
 
+#episode .asciicasts {
+  padding-right: 20px;
+}
+
+#episode .browse_code img {
+  vertical-align: bottom;
+}
+
 #episode .show_notes ul {
   margin-top: -10px; /* quick hack to move resources list under headline */
   padding-top: 0;