Display embed link on the asciicast's page

app/assets/javascripts/application.js

@@ -15,4 +15,8 @@
 
 $(function() {
   $('abbr.timeago').timeago();
+
+  $("input[data-behavior=auto-select]").click(function() {
+    this.select();
+  });
 });

app/assets/stylesheets/asciicasts.css.sass

@@ -96,3 +96,8 @@ div.presentation
 
 .other-asciicasts
   margin-top: 70px
+
+.extras
+  .embed-script
+    width: 100%
+    margin: 5px 0

app/decorators/asciicast_decorator.rb

@@ -99,6 +99,10 @@ class AsciicastDecorator < ApplicationDecorator
     end
   end
 
+  def embed_script
+    %(<script type="text/javascript" src="#{h.asciicast_url(model, :format => :js)}" id="asciicast-#{id}" async></script>)
+  end
+
   private
 
   def prepare_lines(lines, width, height)

app/views/asciicasts/_share.html.erb

@@ -1,7 +0,0 @@
-<h1>Share</h1>
-
-<ul class="delimited">
-  <li>
-    Twitter
-  </li>
-</ul>

app/views/asciicasts/_share.html.slim

@@ -0,0 +1,6 @@
+h1 Share
+
+ul.delimited
+  li
+    ' Embed on your page
+    input[type="text" class="embed-script" value=@asciicast.embed_script data-behavior="auto-select" readonly]

app/views/asciicasts/show.html.erb

@@ -1,25 +0,0 @@
-<section id="presentation" class="feature">
-  <div class="asciicast-wrapper">
-    <%= player @asciicast %>
-  </div>
-</section>
-
-<section class="supplimental">
-  <div class="wrapper">
-    <div class="main">
-      <h1><%= @asciicast.title %></h1>
-
-      <div class="description">
-        <%= @asciicast.description %>
-      </div>
-
-      <%= render :partial => 'other_by_user' %>
-    </div>
-
-    <div class="extras">
-      <%= render :partial => 'author' %>
-      <%= render :partial => 'actions' %>
-      <%= render :partial => 'info' %>
-    </div>
-  </div>
-</section>

app/views/asciicasts/show.html.slim

@@ -0,0 +1,15 @@
+section#presentation.feature
+  .asciicast-wrapper
+    = player @asciicast
+
+section.supplimental
+  .wrapper
+    .main
+      h1 = @asciicast.title
+      .description = @asciicast.description
+      = render :partial => 'other_by_user'
+    .extras
+      = render :partial => 'author'
+      = render :partial => 'actions'
+      = render :partial => 'info'
+      = render :partial => 'share'