ruby-readability 0.6.0 → 0.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7c4e7dd91c7e7dbd34238150565daacd14d19c4f
-  data.tar.gz: fa8ef220bba559a5e3621de373bc3cb5295f9583
+  metadata.gz: 7452ade635ade3314c5eb992de803b2ed6d103e0
+  data.tar.gz: 90c7b2d34dd4d6070e06c589d5e01f5ebb5e76db
 SHA512:
-  metadata.gz: 37f7e00448f2390cf87166899d967ad8521413b727e89a97f977310ceedf51e2f4a99201b046484bde645257ff9828ea3e1365056575776f107f50d0d1a8d15d
-  data.tar.gz: 2e4bcfceac1c8be2b2cd9cc9ed725f459f57bebfc87beaf940e972a2ed8b37e73d5681955b71a8cebc9ffee246e92b3f33cc8c983ec2ee97b201268149555e73
+  metadata.gz: 09a7bfef009fdc001749a2695876d0c0adfcb12ca7cdce31ef494227cd9712133b6ba7a18ffd8340b7a2f233954f6e1cf83e1470b70052d9cb64ad66db24d0c8
+  data.tar.gz: cf7b9884f2339f8e2cc99c0a17fc4170a3a97e7f59c9c1e0a0b40417f45c059d2df31d54253b6535f942915096b11e0592d2f8cd2ff735c0bb9edd5ae465afe8

data/.travis.yml

@@ -1,6 +1,6 @@
 language: ruby
 rvm:
+  - 2.1.1
   - 2.0.0
   - 1.9.3
-  - 1.9.2
 script: "bundle exec rspec"

data/Gemfile

@@ -2,6 +2,8 @@ source "http://rubygems.org"
 
 gem 'fastimage', '~> 1.2.13'
 gem 'rake'
+gem 'guard'
+gem 'guard-rspec'
 
 group :test do
   gem "fakeweb",      "~> 1.3.0"

data/Guardfile

@@ -0,0 +1,9 @@
+# A sample Guardfile
+# More info at https://github.com/guard/guard#readme
+
+guard :rspec do
+  watch(%r{^spec/.+_spec\.rb$})
+  watch(%r{^lib/(.+)\.rb$})     { |m| "spec/lib/#{m[1]}_spec.rb" }
+  watch('spec/spec_helper.rb')  { "spec" }
+end
+

data/README.md

@@ -51,6 +51,7 @@ You may provide options to `Readability::Document.new`, including:
   `:ignore_image_format => ["gif", "png"]`;
 * `:min_image_height`: set a minimum image height for `#images`;
 * `:min_image_width`: set a minimum image width for `#images`.
+* `:blacklist` and `:whitelist` allow you to explicitly scope to, or remove, CSS selectors.
 
 
 Command Line Tool
@@ -74,6 +75,10 @@ feature requires that the `fastimage` gem be installed.
     rbody = Readability::Document.new(body, :tags => %w[div p img a], :attributes => %w[src href], :remove_empty_nodes => false)
     rbody.images
 
+Related Projects
+----------------
+
+* [newspaper](https://github.com/codelucas/newspaper) is an advanced news extraction, article extraction, and content curation library for Python.
 
 Potential Issues
 ----------------

data/bin/readability

@@ -1,4 +1,4 @@
-#!/usr/bin/env ruby 
+#!/usr/bin/env ruby
 require 'rubygems'
 require 'open-uri'
 require 'optparse'
@@ -29,11 +29,13 @@ if ARGV.length != 1
 end
 
 text = open(ARGV.first).read
-if options[:images]
-  puts Readability::Document.new(text, :tags => %w[div p img a], 
-                                       :attributes => %w[src href], 
-                                       :remove_empty_nodes => false, 
-                                       :debug => options[:debug]).content
+params = if options[:images]
+  { :tags => %w[div p img a],
+    :attributes => %w[src href],
+    :remove_empty_nodes => false,
+    :debug => options[:debug] }
 else
-  puts Readability::Document.new(text, :debug => options[:debug]).content
+  { :debug => options[:debug] }
 end
+
+puts Readability::Document.new(text, params).content

data/lib/readability.rb

@@ -15,7 +15,9 @@ module Readability
       :remove_empty_nodes         => true,
       :min_image_width            => 130,
       :min_image_height           => 80,
-      :ignore_image_format        => []
+      :ignore_image_format        => [],
+      :blacklist                  => nil,
+      :whitelist                  => nil
     }.freeze
 
     attr_accessor :options, :html, :best_candidate, :candidates, :best_candidate_has_image
@@ -35,18 +37,42 @@ module Readability
       @clean_conditionally = @options[:clean_conditionally]
       @best_candidate_has_image = true
       make_html
+      handle_exclusions!(@options[:whitelist], @options[:blacklist])
     end
 
     def prepare_candidates
       @html.css("script, style").each { |i| i.remove }
       remove_unlikely_candidates! if @remove_unlikely_candidates
       transform_misused_divs_into_paragraphs!
-      
+
       @candidates     = score_paragraphs(options[:min_text_length])
       @best_candidate = select_best_candidate(@candidates)
     end
 
-    def make_html
+    def handle_exclusions!(whitelist, blacklist)
+      return unless whitelist || blacklist
+
+      if blacklist
+        elems = @html.css(blacklist)
+        if elems
+          elems.each do |e|
+            e.remove
+          end
+        end
+      end
+
+      if whitelist
+        elems = @html.css(whitelist).to_s
+
+        if body = @html.at_css('body')
+          body.inner_html = elems
+        end
+      end
+
+      @input = @html.to_s
+    end
+
+    def make_html(whitelist=nil, blacklist=nil)
       @html = Nokogiri::HTML(@input, nil, @options[:encoding])
       # In case document has no body, such as from empty string or redirect
       @html = Nokogiri::HTML('<body />', nil, @options[:encoding]) if @html.css('body').length == 0
@@ -78,16 +104,16 @@ module Readability
           url     = element["src"].value
           height  = element["height"].nil?  ? 0 : element["height"].value.to_i
           width   = element["width"].nil?   ? 0 : element["width"].value.to_i
-          
+
           if url =~ /\Ahttps?:\/\//i && (height.zero? || width.zero?)
-            image   = get_image_size(url) 
+            image   = get_image_size(url)
             next unless image
           else
             image = {:width => width, :height => height}
           end
-          
+
           image[:format] = File.extname(url).gsub(".", "")
-          
+
           if tested_images.include?(url)
             debug("Image was tested: #{url}")
             next
@@ -105,14 +131,12 @@ module Readability
     end
 
     def get_image_size(url)
-      begin
-        w, h = FastImage.size(url)
-        raise "Couldn't get size." if w.nil? || h.nil?
-        {:width => w, :height => h}
-      rescue => e
-        debug("Image error: #{e}")
-        nil
-      end
+      w, h = FastImage.size(url)
+      raise "Couldn't get size." if w.nil? || h.nil?
+      {:width => w, :height => h}
+    rescue => e
+      debug("Image error: #{e}")
+      nil
     end
 
     def image_meets_criteria?(image)
@@ -148,9 +172,7 @@ module Readability
       author_elements = @html.xpath('//meta[@name = "dc.creator"]')
       unless author_elements.empty?
         author_elements.each do |element|
-          if element['content']
-            return element['content'].strip
-          end
+          return element['content'].strip if element['content']
         end
       end
 
@@ -160,9 +182,7 @@ module Readability
       author_elements = @html.xpath('//*[contains(@class, "vcard")]//*[contains(@class, "fn")]')
       unless author_elements.empty?
         author_elements.each do |element|
-          if element.text
-            return element.text.strip
-          end
+          return element.text.strip if element.text
         end
       end
 
@@ -172,18 +192,14 @@ module Readability
       author_elements = @html.xpath('//a[@rel = "author"]')
       unless author_elements.empty?
         author_elements.each do |element|
-          if element.text
-            return element.text.strip
-          end
+          return element.text.strip if element.text
         end
       end
 
       author_elements = @html.xpath('//*[@id = "author"]')
       unless author_elements.empty?
         author_elements.each do |element|
-          if element.text
-            return element.text.strip
-          end
+          return element.text.strip if element.text
         end
       end
     end
@@ -230,10 +246,10 @@ module Readability
           node_content = sibling.text
           node_length = node_content.length
 
-          if node_length > 80 && link_density < 0.25
-            append = true
+          append = if node_length > 80 && link_density < 0.25
+            true
           elsif node_length < 80 && link_density == 0 && node_content =~ /\.( |$)/
-            append = true
+            true
           end
         end
 
@@ -302,40 +318,28 @@ module Readability
       return weight unless @weight_classes
 
       if e[:class] && e[:class] != ""
-        if e[:class] =~ REGEXES[:negativeRe]
-          weight -= 25
-        end
-
-        if e[:class] =~ REGEXES[:positiveRe]
-          weight += 25
-        end
+        weight -= 25 if e[:class] =~ REGEXES[:negativeRe]
+        weight += 25 if e[:class] =~ REGEXES[:positiveRe]
       end
 
       if e[:id] && e[:id] != ""
-        if e[:id] =~ REGEXES[:negativeRe]
-          weight -= 25
-        end
-
-        if e[:id] =~ REGEXES[:positiveRe]
-          weight += 25
-        end
+        weight -= 25 if e[:id] =~ REGEXES[:negativeRe]
+        weight += 25 if e[:id] =~ REGEXES[:positiveRe]
       end
 
       weight
     end
 
+    ELEMENT_SCORES = {
+      'div' => 5,
+      'blockquote' => 3,
+      'form' => -3,
+      'th' => -5
+    }.freeze
+
     def score_node(elem)
       content_score = class_weight(elem)
-      case elem.name.downcase
-        when "div"
-          content_score += 5
-        when "blockquote"
-          content_score += 3
-        when "form"
-          content_score -= 3
-        when "th"
-          content_score -= 5
-      end
+      content_score += ELEMENT_SCORES.fetch(elem.name.downcase, 0)
       { :content_score => content_score, :elem => elem }
     end
 
@@ -373,7 +377,7 @@ module Readability
       end
     end
 
-    def sanitize(node, candidates, options = {})    
+    def sanitize(node, candidates, options = {})
       node.css("h1, h2, h3, h4, h5, h6").each do |header|
         header.remove if class_weight(header) < 0 || get_link_density(header) > 0.33
       end
@@ -450,38 +454,35 @@ module Readability
 
           content_length = el.text.strip.length  # Count the text length excluding any surrounding whitespace
           link_density = get_link_density(el)
-          to_remove = false
-          reason = ""
-
-          if counts["img"] > counts["p"]
-            reason = "too many images"
-            to_remove = true
-          elsif counts["li"] > counts["p"] && name != "ul" && name != "ol"
-            reason = "more <li>s than <p>s"
-            to_remove = true
-          elsif counts["input"] > (counts["p"] / 3).to_i
-            reason = "less than 3x <p>s than <input>s"
-            to_remove = true
-          elsif content_length < (options[:min_text_length] || TEXT_LENGTH_THRESHOLD) && (counts["img"] == 0 || counts["img"] > 2)
-            reason = "too short a content length without a single image"
-            to_remove = true
-          elsif weight < 25 && link_density > 0.2
-            reason = "too many links for its weight (#{weight})"
-            to_remove = true
-          elsif weight >= 25 && link_density > 0.5
-            reason = "too many links for its weight (#{weight})"
-            to_remove = true
-          elsif (counts["embed"] == 1 && content_length < 75) || counts["embed"] > 1
-            reason = "<embed>s with too short a content length, or too many <embed>s"
-            to_remove = true
-          end
 
-          if to_remove
+          reason = clean_conditionally_reason?(counts, content_length, options, weight, link_density)
+          if reason
             debug("Conditionally cleaned #{name}##{el[:id]}.#{el[:class]} with weight #{weight} and content score #{content_score} because it has #{reason}.")
             el.remove
           end
         end
       end
     end
+
+    def clean_conditionally_reason?(counts, content_length, options, weight, link_density)
+      if counts["img"] > counts["p"]
+        "too many images"
+      elsif counts["li"] > counts["p"] && name != "ul" && name != "ol"
+        "more <li>s than <p>s"
+      elsif counts["input"] > (counts["p"] / 3).to_i
+        "less than 3x <p>s than <input>s"
+      elsif content_length < (options[:min_text_length] || TEXT_LENGTH_THRESHOLD) && (counts["img"] == 0 || counts["img"] > 2)
+        "too short a content length without a single image"
+      elsif weight < 25 && link_density > 0.2
+        "too many links for its weight (#{weight})"
+      elsif weight >= 25 && link_density > 0.5
+        "too many links for its weight (#{weight})"
+      elsif (counts["embed"] == 1 && content_length < 75) || counts["embed"] > 1
+        "<embed>s with too short a content length, or too many <embed>s"
+      else
+        nil
+      end
+    end
+
   end
 end

data/ruby-readability.gemspec

@@ -3,7 +3,7 @@ $:.push File.expand_path("../lib", __FILE__)
 
 Gem::Specification.new do |s|
   s.name        = "ruby-readability"
-  s.version     = '0.6.0'
+  s.version     = '0.6.1'
   s.authors     = ["Andrew Cantino", "starrhorne", "libc", "Kyle Maxwell"]
   s.email       = ["andrew@iterationlabs.com"]
   s.homepage    = "http://github.com/cantino/ruby-readability"

data/spec/fixtures/boing_boing.html

@@ -0,0 +1,876 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>Tick, tick, tick - Boing Boing</title><meta charset="utf-8">
+	<meta property="twitter:account_id" content="5971922" />
+	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1" />
+	<link rel="stylesheet" href="http://media.boingboing.net/wp-content/themes/2012/style.css?v=33" type="text/css" charset="utf-8" />
+  	<!--[if lt IE 9]>	<link rel="stylesheet" href="http://media.boingboing.net/wp-content/themes/2012/style_IE.css?v=3" type="text/css" charset="utf-8" /><![endif]-->
+	<script type="text/javascript" src="//use.typekit.net/its8tor.js"></script>
+	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+	<meta property="fb:admins" content="1219680052" />
+	<meta property="og:site_name" content="Boing Boing" />
+	<link rel="apple-touch-icon" href="/wp-content/themes/2012/sundries/apple-touch-icon.png"/>
+	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
+		<script type="text/javascript" charset="utf-8">
+	document.domain = 'boingboing.net';
+	</script>
+    
+	
+  <!-- Begin DoubleClick For Publishers code -->
+  <script type='text/javascript'>
+  var googletag = googletag || {};
+  googletag.cmd = googletag.cmd || [];
+  (function() {
+  var gads = document.createElement('script');
+  gads.async = true;
+  gads.type = 'text/javascript';
+  var useSSL = 'https:' == document.location.protocol;
+  gads.src = (useSSL ? 'https:' : 'http:') +
+  '//www.googletagservices.com/tag/js/gpt.js';
+  var node = document.getElementsByTagName('script')[0];
+  node.parentNode.insertBefore(gads, node);
+  })();
+  </script>
+
+  <script type='text/javascript'>
+  googletag.cmd.push(function() {
+  googletag.defineSlot('/6203160/400x300_home_footer', [[400, 267], [300, 250]], 'div-gpt-ad-1348031780431-0').addService(googletag.pubads());
+  googletag.defineSlot('/6203160/300x250_temp_top_sidebar', [300, 250], 'div-gpt-ad-1388426870729-0').addService(googletag.pubads());
+  googletag.pubads().collapseEmptyDivs();
+  googletag.enableServices();
+  });
+  </script>
+
+  <script type='text/javascript'>
+  (function() {
+  var useSSL = 'https:' == document.location.protocol;
+  var src = (useSSL ? 'https:' : 'http:') +
+  '//www.googletagservices.com/tag/js/gpt_mobile.js';
+  document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
+  })();
+  </script>
+  <script type='text/javascript'>
+  googletag.cmd.push(function() {
+  googletag.defineSlot('/6203160/320x50', [320, 50], 'div-gpt-ad-1356214036289-0').addService(googletag.pubads());
+  googletag.enableServices();
+  });
+  </script>
+  <!-- End DoubleClick For Publishers Code -->
+
+	
+
+	<link rel="stylesheet" href="http://media.boingboing.net/wp-content/themes/2012/style_single.css?v=21" type="text/css" charset="utf-8" />
+  <!--[if lt IE 9]>	<link rel="stylesheet" href="http://media.boingboing.net/wp-content/themes/2012/style_IE_single.css?v=18" type="text/css" charset="utf-8" /><![endif]-->
+
+  	  	
+	<meta property="og:type" content="article" />
+	<meta property="og:title" content="Tick, tick, tick" />
+	<meta property="og:description" content="No idea who made this, but it&#039;s wonderful. If you know, post in the comments, please.
+
+
+Update: It&#039;s from Bees and Bombs, to which I have just subscribed." />
+	<meta property="og:url" content="http://boingboing.net/2014/04/13/tick-tick-tick.html" />
+	<meta property="og:image" content="http://media.boingboing.net/wp-content/uploads/2014/04/tumblr_n3wstblgoN1socbkko1_5001.gif" />
+
+
+	<meta itemprop="name" content="Tick, tick, tick" />
+	<meta itemprop="headline" content="Tick, tick, tick" />
+	<meta itemprop="author" content="Cory Doctorow" />
+	<meta itemprop="description" content="No idea who made this, but it&#039;s wonderful. If you know, post in the comments, please.
+
+
+Update: It&#039;s from Bees and Bombs, to which I have just subscribed." />
+	<link itemprop="url" href="http://boingboing.net/2014/04/13/tick-tick-tick.html" />
+    <link itemprop="thumbnailUrl" href="http://media.boingboing.net/wp-content/uploads/2014/04/tumblr_n3wstblgoN1socbkko1_5001.gif" />
+
+
+	<meta name="twitter:card" content="summary_large_image">
+	<meta name="twitter:site" content="@BoingBoing">
+		<meta name="twitter:creator" content="@doctorow">
+		<meta name="twitter:title" content="Tick, tick, tick">
+	<meta name="twitter:description" content="No idea who made this, but it&#039;s wonderful. If you know, post in the comments, please.
+
+
+Update: It&#039;s from Bees and Bombs, to which I have just subscribed.">
+    <meta name="twitter:image:src" content="http://media.boingboing.net/wp-content/uploads/2014/04/tumblr_n3wstblgoN1socbkko1_5001.gif">
+
+
+<link rel='stylesheet' id='discourse_comments-css'  href='http://media.boingboing.net/wp-content/plugins/wp-discourse/css/style.css?ver=3.4.1' type='text/css' media='all' />
+<link rel='stylesheet' id='kindle-style-css'  href='http://media.boingboing.net/wp-content/plugins/sendtokindle/media/kindle.css?ver=3.4.1' type='text/css' media='all' />
+<script type='text/javascript'>
+/* <![CDATA[ */
+(function k(){window.$SendToKindle&&window.$SendToKindle.Widget?$SendToKindle.Widget.init({"title":".entry-title","published":".entry-date","content":".post","exclude":".sharedaddy"}):setTimeout(k,500);})();
+/* ]]> */
+</script>
+<script type='text/javascript' src='http://d1xnn692s7u6t6.cloudfront.net/widget.js'></script>
+<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://boingboing.net/xmlrpc.php?rsd" />
+<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://media.boingboing.net/wp-includes/wlwmanifest.xml" /> 
+<link rel='prev' title='This Day in Blogging History: Google&#039;s adds dead-man&#039;s switch; Hyperbolic Bronnerianism; Amex can&#039;t take a&nbsp;joke' href='http://boingboing.net/2014/04/13/this-day-in-blogging-history-195.html' />
+<link rel='next' title='TV recap: Game Of Thrones &#039;The Lion And The Rose&#039; [season 4, episode&nbsp;2]' href='http://boingboing.net/2014/04/13/tv-recap-game-of-thrones-th.html' />
+<meta name="generator" content="WordPress 3.4.1" />
+<link rel='canonical' href='http://boingboing.net/2014/04/13/tick-tick-tick.html' />
+<link rel='shortlink' href='http://boingboing.net/?p=297258' />
+<link rel='stylesheet' type='text/css' href='http://media.boingboing.net/wp-content/plugins/embedly/css/embedly.css' />
+<script type="text/javascript" src="http://media.boingboing.net/wp-content/plugins/oembed-manager/oembed-html-style-scripts.js?v=1"> </script><link rel="stylesheet" type="text/css" href="http://media.boingboing.net/wp-content/plugins/oembed-manager/oembed-html-style.css?v=1" />	</head>
+
+<body class="single single-post postid-297258 single-format-standard" itemscope='' itemtype='http://schema.org/Blog'
+>
+
+<div id="adskin"></div>
+
+<div id="dickbar2" style="">
+
+	<div id="dickbar2-inner">
+	<span style="float:left">
+		<a href="http://boingboing.net/suggest.html">Submit <span style="mobile-hide">a link</span></a>
+	</span>
+	
+
+	
+	<!-- Google search box.  -->
+
+
+<div id="cse-search-box" class="tablet-hide">
+<form action="http://www.google.com/cse">
+	<input name="cx" value="partner-pub-2170174688585464:d58nno-rqp8" type="hidden">
+	<input name="ie" value="ISO-8859-1" type="hidden">
+<input name="q" id="searchInputField" size="18" class="" value=""  type="text" style="background-image:url('http://media.boingboing.net/wp-content/uploads/2013/07/searchback.png')!important;background-position:right center!important;background-repeat:no-repeat!important">
+<input value="" name="siteurl" type="hidden">
+</form>
+</div>
+<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>
+
+
+	<script>
+	function navdrop()
+		{
+		 if (document.getElementById('drop').style.display=='none') { document.getElementById('drop').style.display='block'; }
+		 else {document.getElementById('drop').style.display='none'}
+		}
+	</script>
+	
+	<span style="float:right;margin-right:1em">
+		<a href="http://boingboing.net/category/feature/" style="color:#ff638c">Features</a>
+		<a href="http://boingboing.net/category/review/" style="color:#e761fd">Reviews</a>
+		<a href="http://boingboing.net/category/podcasts" style="color:#6b70ff">Podcasts</a>
+		<a href="http://boingboing.net/category/video/" style="color:#61f1fc">Video</a>
+		<a class="mobile-hide" href="http://bbs.boingboing.net/" style="color:#61fe99">Forums</a>
+		<a class="mobile-hide" href="javascript:void(0)" onClick="navdrop()" style="color:#80eb59">More &#9662;</a>
+	</span>	
+	
+			
+	<div id="drop" style="border-left:15px solid white;border-right:15px solid white;border-bottom:15px solid white;position:absolute;top:54px;padding:0px 15px 15px 15px;right:87px;background-color:black;opacity:1;z-index:999;display:none;">	
+			<a class="mobile-hide" href="http://shop.boingboing.net/" style="color:#fff">Shop</a>
+		<br><a class="mobile-hide" href="http://boingboing.net/about" style="color:#fff">About Us</a>
+		<br><a class="mobile-hide" href="http://boingboing.net/contact" style="color:#fff">Contact</a>
+		<br><a class="mobile-hide" href="mailto:inquiries@boingboing.net" style="color:#fff">Advertise</a>
+		<br><a class="mobile-hide" href="http://boingboing.net/privacy" style="color:#fff">Privacy</a>
+		<br><a class="mobile-hide" href="http://boingboing.net/tos" style="color:#fff">TOS</a>
+		<br><br><span style="font-size:13px;color:gray;">Follow Us</span>
+		<br><a href="http://facebook.com/boingboing" style="color:#fff">Facebook</a>
+		<br><a href="http://twitter.com/boingboing" style="color:#fff">Twitter</a>
+		<br><a href="http://feeds.boingboing.net/boingboing/iBag" style="color:#fff">RSS</a>
+		<br><a href="http://boingboing.us2.list-manage.com/subscribe?u=0e91f8e7df61da4bff2bd9b1f&id=fa324756a4" style="color:#fff">Email</a>		
+	</div>
+	</div>
+</div>
+
+
+<h2 id="JKAnchor"><img src="http://media.boingboing.net/wp-content/themes/2012/sundries/boingboing.jpg"></h2> <!-- top anchor for j/k navigation -->
+
+<div id="container">
+
+
+  <div id="mobile_includes">
+    <noscript id="mobile_includes_noscript">
+      <style type="text/css">
+        @media screen and (max-width:400px){
+          body{
+        	overflow-x:hidden;
+            background:#ffffff !important;
+        	}
+        	#posts-loop *{
+        	  max-width:100% !important;
+        	}
+          *{
+            max-width:320px;
+          }
+          #mobile_includes{
+            width:320px;
+            margin-left:-16px;
+          }
+          #container{
+            padding-top:0px;
+          }
+          #cse-search-box {
+            margin-right: 5px !important;
+          }
+          #dickbar {
+            width:310px;
+          }
+          #mobile-logo {
+            padding:20px 0px 10px 0px;
+          }
+          #metadataBox {
+            overflow-x:hidden;
+          }
+          #ad_500 {
+            max-height:400px;
+            overflow:hidden;
+          }
+        }
+      </style>
+
+      <!-- 320x50-Mobile-Leaderboard -->
+      <div id='div-gpt-ad-1356214036289-0'>
+      <script type='text/javascript'>
+      googletag.cmd.push(function() { googletag.display('div-gpt-ad-1356214036289-0')});
+      </script>
+      </div>
+      <!-- end 320x50-Mobile-Leaderboard -->
+    </noscript>
+
+    <script type="text/javascript">
+      function isMobile(){
+        return (function(a){
+          if(/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))){
+            return true;
+          }
+          else {
+            return false;
+          }
+        })(navigator.userAgent||navigator.vendor||window.opera);
+      }
+
+      if(isMobile()){
+        console.log('Mobile or tablet detected for mobile ad');
+        if($('#mobile_includes') && $('#mobile_includes_noscript')) {
+          console.log('Populating mobile-specific styles');
+          document.write($('#mobile_includes_noscript').text());
+        }
+      }
+    </script>
+  </div>
+  
+  
+<div id="mobile-logo"><a href="http://boingboing.net"><img src="http://media.boingboing.net/wp-content/themes/2012/sundries/logo1.png"></a></div>
+
+
+
+
+
+<!-- The main content area of the site -->
+
+<div id="mainbar" style="">
+
+<!-- Masthead and Leaderboard ad -->
+<div id="masthead">
+	<div id="logobox" style="">
+			<a href="http://boingboing.net">
+		<img id="logo" src="http://media.boingboing.net/wp-content/themes/2012/sundries/logo_bounce2012_static.gif" name="MyImage" alt="Jill" onmouseover="document.MyImage.src='http://media.boingboing.net/wp-content/themes/2012/sundries/logo_bounce2012.gif';" onmouseout="document.MyImage.src='http://media.boingboing.net/wp-content/themes/2012/sundries/logo_bounce2012_static.gif';">
+		</a>
+		</div>
+
+	<div id="ad_leaderboard">
+	<!--[if !IE]> -->
+	<noscript id="ad_leaderboard_noscript">
+	<!-- <![endif]-->
+		<center>
+			<iframe src="http://boingboing.net/wp-content/themes/2012/ads/ad_leaderboard.html?v=1&fm_url=http://boingboing.net/2014/04/13/tick-tick-tick.html&fm_custom_kvs=category%3Dpost" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" allowtransparency="true" width="100%" onload="console.log('ad_leaderboard iframe loaded');"></iframe>
+		</center>
+	<!--[if !IE]> -->
+	</noscript>
+	<!-- <![endif]-->
+</div>
+
+</div>
+
+
+<!-- IF IT'S AN AD, DISCLOSE IT-->
+
+
+<!-- A LARGE HEADLINE AND THE BYLINE -->
+
+<div id="headline-297258" class="headlineBox">
+
+	
+	
+<h1 class="bigHeadline" id="theHeadline">Tick, tick,&nbsp;tick</h1>
+
+
+<div id="share_post_small">
+		
+		<span class="emailDiv">
+			<a href="mailto:type%20email%20address%20here?subject=Shared%20from%20Boing Boing&body=Tick, tick,&nbsp;tick - http://boingboing.net/2014/04/13/tick-tick-tick.html" title="Email to a friend/colleague" target="_blank">
+			<img src="http://media.boingboing.net/wp-content/themes/2012/sundries/share.png" style="margin-left:-60px;">
+			</a>
+		</span>
+				
+		<span class="fbDiv">
+			<a href="http://www.facebook.com/sharer.php?u=http://boingboing.net/2014/04/13/tick-tick-tick.html" target='_blank'>
+			<img src="http://media.boingboing.net/wp-content/themes/2012/sundries/share.png" style="margin-left:-42px;">
+			</a>
+		</span>
+				
+		<span class="twitterDiv">
+			<a href="http://twitter.com/home?status=Tick%2C+tick%2C%26nbsp%3Btick: http://boingboing.net/2014/04/13/tick-tick-tick.html" target='_blank' title='Click to Tweet this page'>
+			<img src="http://media.boingboing.net/wp-content/themes/2012/sundries/share.png" style="margin-left:-27px;">
+			</a>
+		</span>	
+	
+</div>
+<p class="byline permalink"><a href="http://boingboing.net/author/cory_doctorow_1" title="Posts by Cory Doctorow" rel="author">Cory Doctorow</a> at 8:00 pm Sun, Apr 13, 2014  </p>
+
+ 
+</div> 
+
+<!-- RIGHT HAND ADS -->
+
+<div id="sidebar">
+		<div class="sidebar_item">
+		<!-- 300x250_temp_top_sidebar -->
+		<div id='div-gpt-ad-1388426870729-0' style='width:300px; height:250px;'>
+		<script type='text/javascript'>
+		googletag.cmd.push(function() { googletag.display('div-gpt-ad-1388426870729-0'); });
+		</script>
+		</div>      	
+    </div>
+	
+  <div id="wrap300">
+<p id="featuretitle">&mdash; FEATURED &mdash;
+
+	<div id="features" >
+
+	
+					<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/14/a-vindication-for-the-public.html"><img class="sidebarThumb" style="margin-top:2px;" src="http://media.boingboing.net/wp-content/uploads/2014/04/snow1.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/14/a-vindication-for-the-public.html" style="color:#C00">THE LATEST</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/14/a-vindication-for-the-public.html">A Vindication for the Public: Guardian and Washington Post Win Pulitzer Prize (A statement from Edward&nbsp;Snowden)</a>
+
+
+					</div>
+
+					
+				
+
+
+							<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/14/77-fun-ways-to-play-fast-movin.html"><img class="sidebarThumb" style="margin-top:2px;" src="http://media.boingboing.net/wp-content/uploads/2014/04/tenzi-pattern.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/14/77-fun-ways-to-play-fast-movin.html" style="color:#C00">Family</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/14/77-fun-ways-to-play-fast-movin.html">77 fun ways to play fast-moving Tenzi dice&nbsp;game</a>
+
+
+					</div>
+
+							<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/14/diableries-stereoscopic-adven.html"><img class="sidebarThumb" style="margin-top:2px;" src="http://media.boingboing.net/wp-content/uploads/2014/04/Screen-Shot-2014-04-13-at-7.41.53-PM.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/14/diableries-stereoscopic-adven.html" style="color:#C00">Book Review</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/14/diableries-stereoscopic-adven.html">Diableries: Stereoscopic Adventures in Hell (book&nbsp;review)</a>
+
+
+					</div>
+
+							<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/13/tv-recap-game-of-thrones-th.html"><img class="sidebarThumb" style="margin-top:2px;" src="http://media.boingboing.net/wp-content/uploads/2014/04/gotth1.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/13/tv-recap-game-of-thrones-th.html" style="color:#C00">Recap</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/13/tv-recap-game-of-thrones-th.html">TV recap: Game Of Thrones 'The Lion And The Rose' [season 4, episode&nbsp;2]</a>
+
+
+					</div>
+
+				
+		</div>
+
+    <div id="sidebar_adblock">
+
+      <!--[if !IE]> -->
+      <noscript id="adblock_noscript">
+        <p style="text-align:center;margin-top:0px"><small><a href="mailto:inquiries@boingboing.net">ADVERTISE AT BOING BOING!</a></small>
+      <!-- <![endif]-->
+      
+        <div class="sidebar_item">
+      	            	<iframe id="ad_squares_frame" class="ad" src="http://boingboing.net/wp-content/themes/2012/ads/ad_squares.html?v=11&fm_url=http://boingboing.net/2014/04/13/tick-tick-tick.html" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" allowtransparency="true" width="300px" height="300px"> </iframe>          
+        </div>
+      
+	    <div class="sidebar_item">
+
+            	<iframe id="ad_300_frame" src="http://boingboing.net/wp-content/themes/2012/ads/ad_300.html?fm_url=http://boingboing.net/2014/04/13/tick-tick-tick.html&fm_custom_kvs=category%3Dpost&v=0" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" allowtransparency="true" width="300px"> </iframe>
+
+        </div>
+
+
+
+
+
+ <p id="featuretitle">&mdash; COMICS &mdash;
+	<div id="features" >
+		
+					<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/09/tom-the-dancing-bug-learning.html"><img class="sidebarThumb" src="http://media.boingboing.net/wp-content/uploads/2014/04/1183cbTHUMB-twitter-events.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/09/tom-the-dancing-bug-learning.html" style="color:#C00">Tom the Dancing Bug</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/09/tom-the-dancing-bug-learning.html">TOM THE DANCING BUG: Learning Big News on Twitter, Through the&nbsp;Ages</a>
+
+		</div>
+		 		
+					<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/08/brain-rot-hip-hop-family-tree-97.html"><img class="sidebarThumb" src="http://media.boingboing.net/wp-content/uploads/2014/04/hip-hop-strip-99-thumb.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/08/brain-rot-hip-hop-family-tree-97.html" style="color:#C00">Brain Rot</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/08/brain-rot-hip-hop-family-tree-97.html">Brain Rot: Hip Hop Family Tree, The Infamous Style Wars Film&nbsp;Screening</a>
+
+		</div>
+		 		
+					<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/02/tom-the-dancing-bug-hobby-lob.html"><img class="sidebarThumb" src="http://media.boingboing.net/wp-content/uploads/2014/04/1182cbTHUMB-news-hobby-lobby.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/02/tom-the-dancing-bug-hobby-lob.html" style="color:#C00">Tom the Dancing Bug</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/02/tom-the-dancing-bug-hobby-lob.html">TOM THE DANCING BUG: Hobby Lobby, Inc., Changes Its&nbsp;Religion</a>
+
+		</div>
+		 			
+	</div>
+
+
+<p id="featuretitle">&mdash; RECENTLY &mdash;
+
+<div id="features" >
+							<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/10/a-canticle-for-leibowitz-vene.html"><img class="sidebarThumb" style="margin-top:2px;" src="http://media.boingboing.net/wp-content/uploads/2014/04/Screen-Shot-2014-04-10-at-8.49.13-AM.png"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/10/a-canticle-for-leibowitz-vene.html" style="color:#C00">Book Review</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/10/a-canticle-for-leibowitz-vene.html">A Canticle for Leibowitz, venerated science fiction&nbsp;masterpiece</a>
+
+
+					</div>
+
+							<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/08/the-adjacent-by-christopher-p.html"><img class="sidebarThumb" style="margin-top:2px;" src="http://media.boingboing.net/wp-content/uploads/2014/04/christpherpreist.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/08/the-adjacent-by-christopher-p.html" style="color:#C00">Review</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/08/the-adjacent-by-christopher-p.html">The Adjacent, by Christopher Priest [exclusive&nbsp;excerpt]</a>
+
+
+					</div>
+
+							<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/08/the-unthinkable-blooms-on-hann.html"><img class="sidebarThumb" style="margin-top:2px;" src="http://media.boingboing.net/wp-content/uploads/2014/04/hanth.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/08/the-unthinkable-blooms-on-hann.html" style="color:#C00">Recap</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/08/the-unthinkable-blooms-on-hann.html">The unthinkable blooms on Hannibal "Futomono"&nbsp;[s2,e6]</a>
+
+
+					</div>
+
+							<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/08/doubleclicks-celebrate-the-pap.html"><img class="sidebarThumb" style="margin-top:2px;" src="http://media.boingboing.net/wp-content/uploads/2014/04/mqdefault6.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/08/doubleclicks-celebrate-the-pap.html" style="color:#C00">Science</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/08/doubleclicks-celebrate-the-pap.html">Doubleclicks celebrate the paperback of Scatter, Adapt, and Remember with a new&nbsp;song</a>
+
+
+					</div>
+
+							<div class="features-item">
+
+					<a href="http://boingboing.net/2014/04/07/restoring-cc-attribution-to-fl.html"><img class="sidebarThumb" style="margin-top:2px;" src="http://media.boingboing.net/wp-content/uploads/2014/04/nohotlinking63.jpg"></a>
+
+					<p style="margin:0px 0px 3px 0px;text-transform:uppercase;font-size:12px;font-weight:bold;"><a href="http://boingboing.net/2014/04/07/restoring-cc-attribution-to-fl.html" style="color:#C00">Feature</a></p>
+					<p style="margin: 0px;font-size:13px;line-height:1"><a href="http://boingboing.net/2014/04/07/restoring-cc-attribution-to-fl.html">Restoring CC attribution to Flickr, because Yahoo broke&nbsp;it</a>
+
+
+					</div>
+
+				
+		</div>
+
+		      <div class="sidebar_item">
+
+        <iframe id="ad_t-shirts_frame" src="http://media.boingboing.net/wp-content/themes/2012/ads/ad_t-shirts.html?v=1" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" allowtransparency="true" width="300px" height="300px"> </iframe>
+
+      </div>
+    
+
+
+
+      	
+
+        	        			              	<div id="ad_skyscraper" style="">
+                  <div class="sidebar_item">
+                		<!-- FM Wide Skyscraper 1 Zone -->
+                	 	<iframe src="http://boingboing.net/wp-content/themes/2012/ads/ad_skyscraper.html?fm_url=http://boingboing.net/2014/04/13/tick-tick-tick.html&fm_custom_kvs=category%3Dpost" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" allowtransparency="true" width="160px" height="600px"> </iframe>
+                		<!-- FM Wide Skyscraper 1 Zone -->
+                  </div>
+              	</div>
+                                 </div>
+
+           <p id="featuretitle">&mdash; FOLLOW US &mdash;
+  <p style="text-align:center;"><small>Find us on <a href="http://twitter.com/boingboing">Twitter</a>, <a href="https://plus.google.com/+BoingBoing" rel="publisher">Google+</a>, <a href="irc://irc.freenode.net/boingboing">IRC</a>, and <a href="http://facebook.com/boingboing">Facebook</a>. Subscribe to our <a href="http://feeds.boingboing.net/boingboing/iBag">RSS feed</a> or <a href="http://boingboing.us2.list-manage.com/subscribe?u=0e91f8e7df61da4bff2bd9b1f&id=fa324756a4">daily email</a>.</small>
+<p>&nbsp;
+
+            <p id="featuretitle">&mdash; POLICIES  &mdash;
+            <p style="text-align:center;"><small>Please read our <a href="http://boingboing.net/tos">Terms of Service</a>, <a href="http://boingboing.net/privacy">Privacy Policy</a>, and <a href="http://boingboing.net/community">Community Guidelines</a>. Except where indicated, Boing Boing is licensed under a Creative&nbsp;Commons License permitting <a href="http://creativecommons.org/licenses/by-nc/2.5/">non-commercial sharing with attribution</a></small>
+
+      <p>&nbsp;
+         <p id="featuretitle">&mdash; FONTS &mdash;
+          <p style="text-align:center;"><a href="https://typekit.com"><img src="http://media.boingboing.net/wp-content/uploads/2013/04/typekit-logo.jpg"></a>
+
+      <!--[if !IE]> -->
+      </noscript>
+      <!-- <![endif]-->
+    </div>
+  </div>
+
+
+</div>
+
+
+<!-- MAIN POST  -->	
+
+	<div id="posts-loop">
+	
+	<div id="post-297258" class="post">
+							
+
+				
+					
+			
+		<!-- SHARING BUTTONS -->
+  		<div id="sidebarPinPoint" style="height:0px;">
+</div>
+<div id="sidebarsticky">		
+	<div style="" id="newShareBox">
+    <div class="sharebutton">
+      <div id="fb-root"></div>
+      <script>(function(d, s, id) {
+        var js, fjs = d.getElementsByTagName(s)[0];
+        if (d.getElementById(id)) return;
+        js = d.createElement(s); js.id = id;
+        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=403820626333734";
+        fjs.parentNode.insertBefore(js, fjs);
+      }(document, 'script', 'facebook-jssdk'));</script>
+      <div class="fb-like" data-href="http://boingboing.net/2014/04/13/tick-tick-tick.html" data-send="false" data-layout="box_count" data-width="90" data-show-faces="false"></div>
+    </div>
+          
+    <div class="sharebutton">
+      <a href="https://twitter.com/share" class="twitter-share-button" data-via="BoingBoing" data-count="vertical">Tweet</a>
+      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+    </div>
+          
+    <div class="sharebutton">
+      <!-- Place this tag where you want the su badge to render -->
+      <su:badge layout="5"></su:badge>
+
+      <!-- Place this snippet wherever appropriate -->
+      <script type="text/javascript">
+        (function() {
+          var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
+          li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';
+          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
+        })();
+      </script>
+    </div>
+          
+    <div class="sharebutton">
+      <!-- Place this tag where you want the +1 button to render. -->
+      <div class="g-plusone" data-size="tall"></div>
+
+      <!-- Place this tag after the last +1 button tag. -->
+      <script type="text/javascript">
+        (function() {
+          var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+          po.src = 'https://apis.google.com/js/plusone.js';
+          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+        })();
+      </script>
+    </div>
+    
+    <div class="sharebutton">
+      <div class='kindleWidget kindleLight' style='font-family: sans-serif;'><img src="http://media.boingboing.net/wp-content/plugins/sendtokindle/media/white-15.png" /><span>Kindle</span></div>    </div>
+	</div>
+</div>			
+		<div class="post-content sharebuttons">
+	
+		<!-- CONTENT OF THE POST -->
+		
+<p>
+<img src="http://media.boingboing.net/wp-content/uploads/2014/04/tumblr_n3wstblgoN1socbkko1_5001-300x300.gif" original="http://media.boingboing.net/wp-content/uploads/2014/04/tumblr_n3wstblgoN1socbkko1_5001.gif" mobile="http://media.boingboing.net/wp-content/uploads/2014/04/tumblr_n3wstblgoN1socbkko1_5001-300x300.gif" class="bordered"><br />
+No idea who made this, but it's wonderful. If you know, post in the comments, please.
+
+<p>
+<b>Update:</b> It's from <a href="http://beesandbombs.tumblr.com/post/82429759407/this-is-a-bees-bombs-original-accept-no">Bees and Bombs</a>, to which I have just subscribed.	
+
+		<!-- METADATA AND COMMENTS -->
+			<div id="metadataBox">
+		
+		<!-- PODCAST EMBEDS/LINKS, IF APPLICABLE -->
+		
+			
+		
+				
+		
+				
+		<!-- AUTHOR INFORMATION -->
+		
+		<div id="authorbox">
+		<p><a href="http://craphound.com/homeland/buy"> <img src="http://craphound.com/images/homelandbio.jpg" class="bordered" align="left"></a>I write books. My latest is a YA science fiction novel called <a href="http://craphound.com/homeland">Homeland</a> (it's the sequel to <a href="http://craphound.com/littlebrother">Little Brother</a>). More books: <a href="http://craphound.com/rotn">Rapture of the Nerds</a> (a novel, with Charlie Stross); <a href="http://craphound.com/walh">With a Little Help</a> (short stories); and <a href="http://craphound.com/gbbt">The Great Big Beautiful Tomorrow</a> (novella and nonfic). I <a href="https://craphound.com/?page_id=4667">speak all over the place</a> and I <a href="https://twitter.com/doctorow">tweet</a> and <a href="http://mostlysignssomeportents.tumblr.com/">tumble</a>, too.		</div>
+		
+			<!-- TAGS -->
+
+		<div id="tagbox">
+		<p>MORE:&nbsp;  <a href="http://boingboing.net/tag/animation" rel="tag">animation</a></p>
+		</div>
+
+	
+		
+
+	<!-- MORE AT BOING BOING from FEATURES -->
+		
+		<div id="moreatboingboing">
+	
+			<h3>More at Boing Boing</h3>
+		
+					
+  				
+  				<div class="moreitem">
+            <p><a href="http://boingboing.net/2014/04/13/tv-recap-game-of-thrones-th.html?utm_campaign=moreatbbmetadata&utm_medium=referral&utm_source=boingboing.net" rel="bookmark"><img class="bordered" src="http://media.boingboing.net/wp-content/uploads/2014/04/gotth1.jpg"></a>			
+		
+			      <p><a href="http://boingboing.net/2014/04/13/tv-recap-game-of-thrones-th.html?utm_campaign=moreatbbmetadata&utm_medium=referral&utm_source=boingboing.net" rel="bookmark">TV recap: Game Of Thrones 'The Lion And The Rose' [season 4, episode&nbsp;2]</a></p>
+  				</div>
+  				
+        	
+  				
+  				<div class="moreitem">
+            <p><a href="http://boingboing.net/2014/04/08/the-unthinkable-blooms-on-hann.html?utm_campaign=moreatbbmetadata&utm_medium=referral&utm_source=boingboing.net" rel="bookmark"><img class="bordered" src="http://media.boingboing.net/wp-content/uploads/2014/04/hanth.jpg"></a>			
+		
+			      <p><a href="http://boingboing.net/2014/04/08/the-unthinkable-blooms-on-hann.html?utm_campaign=moreatbbmetadata&utm_medium=referral&utm_source=boingboing.net" rel="bookmark">The unthinkable blooms on Hannibal "Futomono"&nbsp;[s2,e6]</a></p>
+  				</div>
+  				
+                  
+		</div>
+		
+        	<div id="ad_500">
+        <noscript id="ad_500_noscript">
+                  	  <script type="text/javascript">
+            function convosuiteLabeling(){
+              console.log('convosuiteLabeling');
+              google_ad_500_code = "<center><iframe src='http://media.boingboing.net/wp-content/themes/2012/ads/ad_google_rect.html' width='410' height='290' scrolling='no' frameborder='no' style='margin:0;'></iframe><center>";
+          
+      				$('#ad_500').css('border-top', '1px solid #CCC');
+      				$('#ad_500').css('border-bottom', '1px solid #CCC');
+      				$('#ad_500').css('margin-bottom', '20px');
+      				$('#ad_500').css('margin-top', '40px');
+      				$('#ad_500_label').show();
+    				
+        			if($('#ad_500').height() < 50){
+                $('#convosuite_ad').hide();
+                $('#google_ad_500').append(google_ad_500_code);
+                console.log('Appending google ad code: '+google_ad_500_code);
+        			}
+            }
+        	  $(document).ready(function(){
+              // convosuiteLabeling();
+              setTimeout('convosuiteLabeling();', 3000);
+        		});
+        		</script>
+            <style type="text/css">
+              .fm-cs-ad {
+                margin:18px 0px 18px 0px !important;
+                max-width:514px;
+              }
+            </style>
+      			<div id="ad_500_label" style="display:none;margin-top:-22px;text-align:center;font-family: 'proxima-nova-condensed', 'Helvetica Neue', Arial, sans-serif;color: #666;">ADVERTISEMENT</div>
+            <div id="convosuite_ad">
+        			<!-- FM Convosuite 650x300 Zone -->
+        			<script type='text/javascript' src='http://static.fmpub.net/zone/7234'></script>
+        			<!-- FM Convosuite 650x300 Zone -->
+            </div>
+            <div id="google_ad_500"></div>
+      	          </noscript>
+        <script type="text/javascript">
+          if($('#ad_500').is(':visible')) {
+            console.debug('Populating desktop 500 spot with document.write');
+            document.write($('#ad_500_noscript').text());
+          }
+        </script>
+    	</div>
+    
+	
+	
+	</div>	
+		
+			<div id="comments-container">
+		
+<div id="comments">
+
+    <div class="respond">
+        <h3 class="reply-title"><a href="http://bbs.boingboing.net/t/tick-tick-tick/28470">Continue the discussion</a> at bbs.boingboing.net</h3>
+                <p class='more-replies'>22 replies</p>
+        <p>
+                      <img alt="" src="//www.gravatar.com/avatar/bdd2b71f7e0f6b5e4e2fdf809cd8e3dc.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//scdn-discourse.r.worldssl.net/uploads/boingboing/avatars/ce6/573/7c77555a28/25.JPG" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//scdn-discourse.r.worldssl.net/uploads/boingboing/avatars/d13/c17/ebaa887f16/25.jpg" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/dd477586d6b8bb0b5e25838985ed24cb.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//scdn-discourse.r.worldssl.net/uploads/boingboing/avatars/bfe/e7a/10ea6f18f4/25.jpg" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//scdn-discourse.r.worldssl.net/uploads/boingboing/avatars/859/95b/fef8e18140/25.jpg" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//scdn-discourse.r.worldssl.net/uploads/boingboing/avatars/9c9/c8d/983343ab8b/25.jpg" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//scdn-discourse.r.worldssl.net/uploads/boingboing/avatars/dbd/003/583512792e/25.jpg" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/54052b273cc682b884d2f6151faf8207.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/297418cf750e0c88035cf26cb430111a.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/c1c83f628971c4bd7fc0be6e92ebdc42.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/90ab94a6731be923785e4229028c1a86.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/98bbaa880662d351e021d2f5fb5e40fe.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/b82895a8423e72e133b679d4911045a7.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/899a8a98c0788669af2ca0faba0d12d1.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/f56c317566802c0d69809e2147507d38.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//scdn-discourse.r.worldssl.net/uploads/boingboing/avatars/88a/a82/211f2d102d/25.jpg" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/78d185ccd8b98d3b38f1e4a2ca88796c.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                      <img alt="" src="//www.gravatar.com/avatar/749e54555e08d2831cdfc817bbcd99dd.png?s=25&r=pg&d=identicon" class="avatar avatar-25 photo avatar-default" height="25" width="25">
+                  </p>
+            </div><!-- #respond -->
+
+</div>
+	</div>
+		</div>
+	
+	</div>
+</div>
+
+
+<div style="text-align:center;margin-top:25px;">
+
+</div>
+<div style="clear:both;"></div>
+</div>
+
+
+
+<p style="clear:both;">
+</div>
+
+
+
+<div id="debugger"></div>
+
+<!-- Sitewide javascript -->
+<script type="text/javascript" src="http://media.boingboing.net/wp-content/themes/2012/boingboing.js?v=7"></script>
+<!-- JK Nav by Yu-Jie Lin -->
+<script src="http://media.boingboing.net/wp-content/themes/2012/jquery.jknav.min.js?v=1"></script>
+<!-- Infinite Scroll -->
+<script type="text/javascript" src="http://media.boingboing.net/wp-content/themes/2012/infinitescroll.init.js?v=9"> </script>
+
+<!-- Google Plus -->
+<script type="text/javascript">
+  (function() {
+    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+    po.src = 'https://apis.google.com/js/plusone.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+  })();
+</script>
+
+
+<!-- Disqus javascript -->
+<script type="text/javascript">
+    var disqus_shortname = 'boingboing'; // required: replace example with your forum shortname
+    /* * * DON'T EDIT BELOW THIS LINE * * */
+    (function () {
+        var s = document.createElement('script'); s.async = true;
+        s.type = 'text/javascript';
+        s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
+        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
+    }());
+</script>
+
+<!-- Day We Fight Back campaign -->
+<!--[if !(lte IE 8)]><!--> 
+   <script type="text/javascript"> 
+     (function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src=document.location.protocol+"//d1agz031tafz8n.cloudfront.net/thedaywefightback.js/widget.min.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
+   </script>
+<!--<![endif]-->
+
+<!-- Analytics-->
+<!-- FM Tracking Pixel -->
+<script type='text/javascript' src='http://static-cf.fmpub.net/site/boingboing'></script>
+<!-- FM Tracking Pixel -->
+
+<!-- Mint internal analytics include -->
+<script src="http://mint.boingboing.net/?js" type="text/javascript"></script>
+
+<!-- Google Analytics include -->
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-3839311-1']);
+    <!-- Categories -->
+          _gaq.push(['_trackEvent', 'Permalink View', 'Category', 'Post']);
+          
+    <!-- Tags -->
+          _gaq.push(['_trackEvent', 'Permalink View', 'Tag', 'animation']);
+        
+    _gaq.push(['_setCustomVar', 1, 'MTAuthor', 'Cory Doctorow', 3]);
+    _gaq.push(['_trackEvent', 'Permalink View', 'Author', 'Cory Doctorow']);
+    _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+</script>
+<!-- end Google Analytics include -->
+
+<!-- Blockmetrics include -->
+<script type="text/javascript">
+   (function() {
+       function async_load(){
+           var protocol = ('https:' == document.location.protocol ? 'https://' : 'http://');
+           var s = document.createElement('script');
+           s.src = protocol + 'blockmetrics.com/static/adblock_detection/js/d.min.js';
+           var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
+       }
+       bm_website_code = 'D3D06F828B4511E2';
+       jQuery(document).ready(async_load);
+   })();
+</script>
+<!-- end Blockmetrics include -->
+<!-- Ads -->
+<div id="ads">
+
+	<!-- FM AD SKIN Zone -->
+  <script type='text/javascript' src='http://static-cf.fmpub.net/zone/3992'></script>
+	<!-- FM AD SKIN Zone -->
+
+</div>
+
+
+
+</body>
+</html>
+
+<div style="clear:both;"></div>
+
+</div> <!-- Ends container DIV -->
+
+
+
+<!-- Dynamic page generated in 0.281 seconds. -->
+<!-- Cached page generated by WP-Super-Cache on 2014-04-14 16:47:33 -->
+<!-- super cache -->