Use clipboard.js and jekyll-coffeescript.

Author: braddunbar

Gemfile

@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gem 'github-pages'

Gemfile.lock

@@ -0,0 +1,139 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (4.2.7)
+      i18n (~> 0.7)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
+      tzinfo (~> 1.1)
+    addressable (2.4.0)
+    coffee-script (2.4.1)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.10.0)
+    colorator (1.1.0)
+    ethon (0.9.1)
+      ffi (>= 1.3.0)
+    execjs (2.7.0)
+    faraday (0.9.2)
+      multipart-post (>= 1.2, < 3)
+    ffi (1.9.14)
+    forwardable-extended (2.6.0)
+    gemoji (2.1.0)
+    github-pages (97)
+      activesupport (= 4.2.7)
+      github-pages-health-check (= 1.2.0)
+      jekyll (= 3.2.1)
+      jekyll-coffeescript (= 1.0.1)
+      jekyll-feed (= 0.5.1)
+      jekyll-gist (= 1.4.0)
+      jekyll-github-metadata (= 2.1.0)
+      jekyll-mentions (= 1.2.0)
+      jekyll-paginate (= 1.1.0)
+      jekyll-redirect-from (= 0.11.0)
+      jekyll-sass-converter (= 1.3.0)
+      jekyll-seo-tag (= 2.0.0)
+      jekyll-sitemap (= 0.10.0)
+      jekyll-swiss (= 0.4.0)
+      jemoji (= 0.7.0)
+      kramdown (= 1.11.1)
+      liquid (= 3.0.6)
+      listen (= 3.0.6)
+      mercenary (~> 0.3)
+      minima (= 1.2.0)
+      rouge (= 1.11.1)
+      terminal-table (~> 1.4)
+    github-pages-health-check (1.2.0)
+      addressable (~> 2.3)
+      net-dns (~> 0.8)
+      octokit (~> 4.0)
+      public_suffix (~> 1.4)
+      typhoeus (~> 0.7)
+    html-pipeline (2.4.2)
+      activesupport (>= 2)
+      nokogiri (>= 1.4)
+    i18n (0.7.0)
+    jekyll (3.2.1)
+      colorator (~> 1.0)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 1.1)
+      kramdown (~> 1.3)
+      liquid (~> 3.0)
+      mercenary (~> 0.3.3)
+      pathutil (~> 0.9)
+      rouge (~> 1.7)
+      safe_yaml (~> 1.0)
+    jekyll-coffeescript (1.0.1)
+      coffee-script (~> 2.2)
+    jekyll-feed (0.5.1)
+    jekyll-gist (1.4.0)
+      octokit (~> 4.2)
+    jekyll-github-metadata (2.1.0)
+      jekyll (~> 3.1)
+      octokit (~> 4.0)
+    jekyll-mentions (1.2.0)
+      activesupport (~> 4.0)
+      html-pipeline (~> 2.3)
+      jekyll (~> 3.0)
+    jekyll-paginate (1.1.0)
+    jekyll-redirect-from (0.11.0)
+      jekyll (>= 2.0)
+    jekyll-sass-converter (1.3.0)
+      sass (~> 3.2)
+    jekyll-seo-tag (2.0.0)
+      jekyll (~> 3.1)
+    jekyll-sitemap (0.10.0)
+    jekyll-swiss (0.4.0)
+    jekyll-watch (1.5.0)
+      listen (~> 3.0, < 3.1)
+    jemoji (0.7.0)
+      activesupport (~> 4.0)
+      gemoji (~> 2.0)
+      html-pipeline (~> 2.2)
+      jekyll (>= 3.0)
+    json (1.8.3)
+    kramdown (1.11.1)
+    liquid (3.0.6)
+    listen (3.0.6)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9.7)
+    mercenary (0.3.6)
+    mini_portile2 (2.1.0)
+    minima (1.2.0)
+    minitest (5.9.1)
+    multipart-post (2.0.0)
+    net-dns (0.8.0)
+    nokogiri (1.6.8.1)
+      mini_portile2 (~> 2.1.0)
+    octokit (4.3.0)
+      sawyer (~> 0.7.0, >= 0.5.3)
+    pathutil (0.14.0)
+      forwardable-extended (~> 2.6)
+    public_suffix (1.5.3)
+    rb-fsevent (0.9.7)
+    rb-inotify (0.9.7)
+      ffi (>= 0.5.0)
+    rouge (1.11.1)
+    safe_yaml (1.0.4)
+    sass (3.4.22)
+    sawyer (0.7.0)
+      addressable (>= 2.3.5, < 2.5)
+      faraday (~> 0.8, < 0.10)
+    terminal-table (1.7.3)
+      unicode-display_width (~> 1.1.1)
+    thread_safe (0.3.5)
+    typhoeus (0.8.0)
+      ethon (>= 0.8.0)
+    tzinfo (1.2.2)
+      thread_safe (~> 0.1)
+    unicode-display_width (1.1.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  github-pages
+
+BUNDLED WITH
+   1.13.2

_config.yml

@@ -0,0 +1,2 @@
+gems:
+  - jekyll-coffeescript

index.html

@@ -79,18 +79,20 @@ <h2>How easy is it for you to imagine this performs in an unexpected way after d
           <textarea rows="3" id="final-message" class="github-badge input-xxlarge uneditable-input">[FIAS Score:7/7/9=23](http://google.com?foo=1)</textarea>
         </div>
         <div style="position:relative" id="final-copy-btn-div">
-          <button id="final-copy-btn" class="btn btn-primary btn-large" title="Click to copy me.">Copy to Clipboard</button>
+          <button id="final-copy-btn" class="btn btn-primary btn-large" title="Click to copy me." data-clipboard-target="#final-message">
+            Copy to Clipboard
+          </button>
         </div>
       </div>
     </div>
 
   </div> <!-- /container -->
 </body>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-  <script src="js/ZeroClipboard.js"></script>
+  <script src="js/clipboard.js"></script>
   <script src="js/bootstrap.min.js"></script>
   <script src="js/jquery.knob.js"></script>
-  <script src="js/main.js?v=2"></script>
+  <script src="js/main.js"></script>
 
   <script>
     $(function() {

js/ZeroClipboard.js

@@ -1,3 +1,6 @@
+---
+---
+
 $.fn.message = -> $("##{$(@).data("message-id")}")
 
 fixValue = (dial, value) ->
@@ -35,7 +38,12 @@ class FIASCalculator
     $("[data-dial]").each ->
       changed.call($(@).data("knob"), $(@).val())
 
-    @setupCopyButton()
+    new Clipboard('#final-copy-btn').on 'success', ({trigger}) =>
+      original = trigger.innerHTML
+      trigger.innerHTML = 'Copied!'
+      setTimeout ->
+        trigger.innerHTML = original
+      , 1000
 
   changed: (value) ->
     value = fixValue(@, value)
@@ -83,22 +91,6 @@ class FIASCalculator
     else
       return decodeURIComponent(results[1].replace(/\+/g, " "))
 
-  setupCopyButton: ->
-    ZeroClipboard.setMoviePath('js/ZeroClipboard10.swf')
-    clip = new ZeroClipboard.Client()
-    clip.glue("final-copy-btn", "final-copy-btn-div")
-    clip.addEventListener("mouseDown", (client) ->
-      client.setText($("#final-message").val())
-    )
-    clip.addEventListener("complete", ->
-      btn = $("#final-copy-btn")
-      btn.data("old-html", btn.html())
-      btn.html("Copied!")
-      setTimeout(() ->
-        btn.html(btn.data("old-html"))
-      , 2000)
-    )
-
 class Score
   messages = [
     [