Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <title>Aadoyleart</title>
    <link href="/assets/application.css?body=1" media="screen" rel="stylesheet" type="text/css">
<link href="/assets/formtastic.css?body=1" media="screen" rel="stylesheet" type="text/css">
    <!--[if IE 6]><link href="/assets/formtastic_ie6.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/ie6.css?body=1" media="screen" rel="stylesheet" type="text/css" /><![endif]-->
    <!--[if IE 7]><link href="/assets/formtastic_ie7.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/ie7.css?body=1" media="screen" rel="stylesheet" type="text/css" /><![endif]-->
    <script src="/assets/modernizr.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
​
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/rails.validations.js?body=1" type="text/javascript"></script>
<script src="/assets/categories.js?body=1" type="text/javascript"></script>
<script src="/assets/contact.js?body=1" type="text/javascript"></script>
<script src="/assets/illustrations.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.nivo.slider.js?body=1" type="text/javascript"></script>
<script src="/assets/pages.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
      <script src="/assets/selectivizr.js?body=1" type="text/javascript"></script>
    <![endif]-->
​
    <meta content="authenticity_token" name="csrf-param">
<meta content="8lTAmbAhzPPWINe3XRJnJlkdx9Uk1VwKWmQwEoYSOfQ=" name="csrf-token">
    
  </head>
  <body>
    <div id="wrapper"> 
      <div class="page-header header">
  <div class="logo">
    <h1>
      <a href="/"><img alt="Adam Doyle Illustration" src="/assets/logo.png" /></a>
    </h1>
  </div>
  <div class="nav">
    <ul class="main-navigation">
      <li><a href="/">Home</a></li>
      <li><a href="/illustrations">Portfolio</a></li>
      <li><a href="/about">About</a></li>
      <li><a href="/contact">Contact</a></li>
    </ul>
  </div>
</div>
​
      <div id="content">
        <h1>Listing illustrations</h1>
​
<div class="category-links">
  <ul>
      <li class="adult">
        <a href="/categories/1" data-remote="true">Adult</a>
      </li>
      <li class="kids">
        <a href="/categories/2" data-remote="true">Kids</a>
      </li>
      <li class="portraits">
        <a href="/categories/3" data-remote="true">Portraits</a>
      </li>
      <li class="sports">
        <a href="/categories/4" data-remote="true">Sports</a>
      </li>
  </ul>
</div>
​
​
<div id="illustrations" class="illustration-list">
  <div class="illustration">
  <div class="figure">
    <a href="/illustrations/1"><img alt="Alien" src="/system/images/1/thumb/alien.jpg?1316688014" /></a>
    <div class="figcaption">
      <a href="/illustrations/1">Alien</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/2"><img alt="Away Days" src="/system/images/2/thumb/away-days.jpg?1316688015" /></a>
    <div class="figcaption">
      <a href="/illustrations/2">Away Days</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/3"><img alt="Baby And Car" src="/system/images/3/thumb/baby-and-car.jpg?1316688015" /></a>
    <div class="figcaption">
      <a href="/illustrations/3">Baby And Car</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/4"><img alt="Birds" src="/system/images/4/thumb/birds.jpg?1316688015" /></a>
    <div class="figcaption">
      <a href="/illustrations/4">Birds</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/5"><img alt="Bus" src="/system/images/5/thumb/bus.jpg?1316688016" /></a>
    <div class="figcaption">
      <a href="/illustrations/5">Bus</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/6"><img alt="Cats" src="/system/images/6/thumb/cats.jpg?1316688016" /></a>
    <div class="figcaption">
      <a href="/illustrations/6">Cats</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/7"><img alt="Chav" src="/system/images/7/thumb/chav.jpg?1316688016" /></a>
    <div class="figcaption">
      <a href="/illustrations/7">Chav</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/8"><img alt="Dog" src="/system/images/8/thumb/dog.jpg?1316688017" /></a>
    <div class="figcaption">
      <a href="/illustrations/8">Dog</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/9"><img alt="El Big Softy" src="/system/images/9/thumb/el-big-softy.jpg?1316688017" /></a>
    <div class="figcaption">
      <a href="/illustrations/9">El Big Softy</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/10"><img alt="Fan Waving Leg" src="/system/images/10/thumb/fan-waving-leg.jpg?1316688017" /></a>
    <div class="figcaption">
      <a href="/illustrations/10">Fan Waving Leg</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/11"><img alt="Grimreaper" src="/system/images/11/thumb/grimreaper.jpg?1316688018" /></a>
    <div class="figcaption">
      <a href="/illustrations/11">Grimreaper</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/12"><img alt="Inbetweeners" src="/system/images/12/thumb/inbetweeners.jpg?1316688018" /></a>
    <div class="figcaption">
      <a href="/illustrations/12">Inbetweeners</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/13"><img alt="Jagger" src="/system/images/13/thumb/jagger.jpg?1316688018" /></a>
    <div class="figcaption">
      <a href="/illustrations/13">Jagger</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/14"><img alt="Kangaroo Hires" src="/system/images/14/thumb/kangaroo-hires.jpg?1316688018" /></a>
    <div class="figcaption">
      <a href="/illustrations/14">Kangaroo Hires</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/15"><img alt="Lads Holidays" src="/system/images/15/thumb/lads-holidays.jpg?1316688019" /></a>
    <div class="figcaption">
      <a href="/illustrations/15">Lads Holidays</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/16"><img alt="Mr T" src="/system/images/16/thumb/mr-t.jpg?1316688019" /></a>
    <div class="figcaption">
      <a href="/illustrations/16">Mr T</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/17"><img alt="Oblivion" src="/system/images/17/thumb/oblivion.jpg?1316688019" /></a>
    <div class="figcaption">
      <a href="/illustrations/17">Oblivion</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/18"><img alt="Octopus" src="/system/images/18/thumb/octopus.jpg?1316688019" /></a>
    <div class="figcaption">
      <a href="/illustrations/18">Octopus</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/19"><img alt="Prince William" src="/system/images/19/thumb/prince-william.jpg?1316688020" /></a>
    <div class="figcaption">
      <a href="/illustrations/19">Prince William</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/20"><img alt="Sex Class" src="/system/images/20/thumb/sex-class.jpg?1316688020" /></a>
    <div class="figcaption">
      <a href="/illustrations/20">Sex Class</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/21"><img alt="Skiing" src="/system/images/21/thumb/skiing.jpg?1316688020" /></a>
    <div class="figcaption">
      <a href="/illustrations/21">Skiing</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/22"><img alt="Sunderland" src="/system/images/22/thumb/sunderland.jpg?1316688021" /></a>
    <div class="figcaption">
      <a href="/illustrations/22">Sunderland</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/23"><img alt="Tenner" src="/system/images/23/thumb/tenner.jpg?1316688021" /></a>
    <div class="figcaption">
      <a href="/illustrations/23">Tenner</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/24"><img alt="Tiger" src="/system/images/24/thumb/tiger.jpg?1316688021" /></a>
    <div class="figcaption">
      <a href="/illustrations/24">Tiger</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/25"><img alt="Bear Y Tales" src="/system/images/25/thumb/bear-y-tales.jpg?1316688022" /></a>
    <div class="figcaption">
      <a href="/illustrations/25">Bear Y Tales</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/26"><img alt="Kids At The Zoo" src="/system/images/26/thumb/kids-at-the-zoo.jpg?1316688022" /></a>
    <div class="figcaption">
      <a href="/illustrations/26">Kids At The Zoo</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/27"><img alt="The Fish Are Biting" src="/system/images/27/thumb/the-fish-are-biting.jpg?1316688022" /></a>
    <div class="figcaption">
      <a href="/illustrations/27">The Fish Are Biting</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/28"><img alt="Tourists Taste Like Chicken" src="/system/images/28/thumb/tourists-taste-like-chicken.jpg?1316688023" /></a>
    <div class="figcaption">
      <a href="/illustrations/28">Tourists Taste Like Chicken</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/29"><img alt="Bob" src="/system/images/29/thumb/bob.jpg?1316688023" /></a>
    <div class="figcaption">
      <a href="/illustrations/29">Bob</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/30"><img alt="Hangover Laptop" src="/system/images/30/thumb/hangover-laptop.jpg?1316688023" /></a>
    <div class="figcaption">
      <a href="/illustrations/30">Hangover Laptop</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/31"><img alt="Micky" src="/system/images/31/thumb/micky.jpg?1316688023" /></a>
    <div class="figcaption">
      <a href="/illustrations/31">Micky</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/32"><img alt="Noel" src="/system/images/32/thumb/noel.jpg?1316688023" /></a>
    <div class="figcaption">
      <a href="/illustrations/32">Noel</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/33"><img alt="Scary Face" src="/system/images/33/thumb/scary-face.jpg?1316688024" /></a>
    <div class="figcaption">
      <a href="/illustrations/33">Scary Face</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/34"><img alt="The King" src="/system/images/34/thumb/the-king.jpg?1316688024" /></a>
    <div class="figcaption">
      <a href="/illustrations/34">The King</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/35"><img alt="Anderson Silva Gsp" src="/system/images/35/thumb/anderson-silva-gsp.jpg?1316688024" /></a>
    <div class="figcaption">
      <a href="/illustrations/35">Anderson Silva Gsp</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/36"><img alt="Baseball" src="/system/images/36/thumb/baseball.jpg?1316688025" /></a>
    <div class="figcaption">
      <a href="/illustrations/36">Baseball</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/37"><img alt="Chuck Liddell" src="/system/images/37/thumb/chuck-liddell.jpg?1316688025" /></a>
    <div class="figcaption">
      <a href="/illustrations/37">Chuck Liddell</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/38"><img alt="Forrest Griffin" src="/system/images/38/thumb/forrest-griffin.jpg?1316688025" /></a>
    <div class="figcaption">
      <a href="/illustrations/38">Forrest Griffin</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/39"><img alt="Gsp" src="/system/images/39/thumb/gsp.jpg?1316688025" /></a>
    <div class="figcaption">
      <a href="/illustrations/39">Gsp</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/40"><img alt="Koscheck" src="/system/images/40/thumb/koscheck.jpg?1316688025" /></a>
    <div class="figcaption">
      <a href="/illustrations/40">Koscheck</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/41"><img alt="Laptop Cover" src="/system/images/41/thumb/laptop-cover.jpg?1316688026" /></a>
    <div class="figcaption">
      <a href="/illustrations/41">Laptop Cover</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/42"><img alt="Mike Tyson" src="/system/images/42/thumb/mike-tyson.jpg?1316688026" /></a>
    <div class="figcaption">
      <a href="/illustrations/42">Mike Tyson</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/43"><img alt="Ufc A2 Size" src="/system/images/43/thumb/ufc-a2-size.jpg?1316688026" /></a>
    <div class="figcaption">
      <a href="/illustrations/43">Ufc A2 Size</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/44"><img alt="Ufc Cartoon" src="/system/images/44/thumb/ufc-cartoon.jpg?1316688026" /></a>
    <div class="figcaption">
      <a href="/illustrations/44">Ufc Cartoon</a>
    </div>
  </div>
</div>
<div class="illustration">
  <div class="figure">
    <a href="/illustrations/45"><img alt="Ufc" src="/system/images/45/thumb/ufc.jpg?1316688026" /></a>
    <div class="figcaption">
      <a href="/illustrations/45">Ufc</a>
    </div>
  </div>
</div>
​
</div>
​
<a href="/illustrations/new">New Illustration</a>
<a href="/categories/new">New Category</a>
​
      </div>
      <div class="footer">
  <p class="copyright">&copy; Copyright 2011 aadoyleart.com. All Rights Reserved.</p>
</div>
​
      <pre class='debug_dump'>---
action: index
controller: illustrations
</pre>
    </div>
  </body>
</html>
 
var data = "<div class=\"illustration\">\n  <div class=\"figure\">\n    <a href=\"/illustrations/29\"><img alt=\"Bob\" src=\"/system/images/29/thumb/bob.jpg?1316688023\" /><\/a>\n    <div class=\"figcaption\">\n      <a href=\"/illustrations/29\">Bob<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"illustration\">\n  <div class=\"figure\">\n    <a href=\"/illustrations/30\"><img alt=\"Hangover Laptop\" src=\"/system/images/30/thumb/hangover-laptop.jpg?1316688023\" /><\/a>\n    <div class=\"figcaption\">\n      <a href=\"/illustrations/30\">Hangover Laptop<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"illustration\">\n  <div class=\"figure\">\n    <a href=\"/illustrations/31\"><img alt=\"Micky\" src=\"/system/images/31/thumb/micky.jpg?1316688023\" /><\/a>\n    <div class=\"figcaption\">\n      <a href=\"/illustrations/31\">Micky<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"illustration\">\n  <div class=\"figure\">\n    <a href=\"/illustrations/32\"><img alt=\"Noel\" src=\"/system/images/32/thumb/noel.jpg?1316688023\" /><\/a>\n    <div class=\"figcaption\">\n      <a href=\"/illustrations/32\">Noel<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"illustration\">\n  <div class=\"figure\">\n    <a href=\"/illustrations/33\"><img alt=\"Scary Face\" src=\"/system/images/33/thumb/scary-face.jpg?1316688024\" /><\/a>\n    <div class=\"figcaption\">\n      <a href=\"/illustrations/33\">Scary Face<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"illustration\">\n  <div class=\"figure\">\n    <a href=\"/illustrations/34\"><img alt=\"The King\" src=\"/system/images/34/thumb/the-king.jpg?1316688024\" /><\/a>\n    <div class=\"figcaption\">\n      <a href=\"/illustrations/34\">The King<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n";
var div = $('#illustrations');
div.fadeOut("slow", function() {
  div.html(data);
  div.fadeIn("slow");
});
​
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers