xkcd_diff

Created Diff never expires
32 removals
Lines
Total
Removed
Words
Total
Removed
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
133 lines
111 additions
Lines
Total
Added
Words
Total
Added
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
211 lines

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
<head>
<head>
<link rel="stylesheet" type="text/css" href="/s/b0dcca.css" title="Default"/>
<link rel="stylesheet" type="text/css" href="http://xkcd.com/s/b0dcca.css" title="Default"/>
<title>xkcd: Barrel - Part 1</title>
<title id="btitle">xkcd: TITLENAME</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="shortcut icon" href="/s/919f27.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="http://xkcd.com/s/919f27.ico" type="image/x-icon"/>
<link rel="icon" href="/s/919f27.ico" type="image/x-icon"/>
<link rel="icon" href="http://xkcd.com/s/919f27.ico" type="image/x-icon"/>
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="/atom.xml"/>
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="http://xkcd.com/atom.xml"/>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="/rss.xml"/>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://xkcd.com/rss.xml"/>
<script>
<style>ul.comicNav li button {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
/*background-color: #6E6E6E;*/
background-color:#6E7B91;
color: #FFF;
border: 1.5px solid #333;
font-size: 16px;
font-weight: 600;
padding: 1.5px 12px;
margin: 0 4px;
text-decoration: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 5px 0 gray;
-moz-box-shadow: 0 0 5px 0 gray;
-webkit-box-shadow: 0 0 5px 0 gray;
}


ul.comicNav button:hover, ul.comicNav button:focus {
background-color: #FFF;
color: #6E7B91;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
</style>
<script>var cG={};cG.recyclebin={defer:!0,mainsrc:"../comixngn.min.js",loadcng:[],plugin:"",comicID:"xkcd_CNG",disable:["rollbar"],/*! Bellerophon: Comix-Ngn plugin|pegasus: typicode.github.io/pegasus (MIT) (c) 2014 typicode*/
dir:"",tir:"",dfr:function(){var e=document.createElement("script");cG.REPO.scReq.getScript=cG.agent("./"+cG.recyclebin.dir+"script.json"),cG.REPO.scReq.getDecor=cG.agent("./"+cG.recyclebin.tir+"decor.html"),cG.REPO.scReq.getCtrls=cG.agent(cG.recyclebin.tir+"ctrls.html"),cG.REPO.scReq.getScript.then(function(e){void 0===cG.REPO.script?cG.REPO.script={def:e}:cG.REPO.script.def=e,cG.script=cG.REPO.script.def},function(e,c){console.error(e,c.status),void 0===cG.REPO.script?cG.REPO.script={def:0}:cG.REPO.script.def=e,cG.script=cG.REPO.script.def}),cG.REPO.scReq.getDecor.then(function(e){void 0===cG.REPO.decor?cG.REPO.decor={def:e}:cG.REPO.decor.def=e,cG.decor=cG.REPO.decor.def},function(e,c){console.error(e,c.status),void 0===cG.REPO.decor?cG.REPO.decor={def:0}:cG.REPO.decor.def=0,cG.decor=cG.REPO.decor.def}),cG.REPO.scReq.getCtrls.then(function(e){void 0===cG.REPO.ctrls?cG.REPO.ctrls={def:e}:cG.REPO.ctrls.def=e,cG.ctrls=cG.REPO.ctrls.def},function(e,c){console.error(e,c.status),void 0===cG.REPO.ctrls?cG.REPO.ctrls={def:0}:cG.REPO.ctrls.def=0,cG.ctrls=cG.REPO.ctrls.def}),cG.comicID=cG.recyclebin.comicID;for(var c=0;c<cG.recyclebin.disable.length;c++)cG.dis[cG.recyclebin.disable[c]]=!0;e.src=cG.recyclebin.mainsrc,document.body.appendChild(e);for(var t=0;t<cG.recyclebin.loadcng.length;t++)e=document.createElement("script"),e.src=cG.recyclebin.loadcng[t],document.body.appendChild(e)}},cG.agent=function(e,c){return c=new XMLHttpRequest,c.open("GET",e),e=[],c.onreadystatechange=c.then=function(t,r,o){if(t&&t.call&&(e=[,t,r]),4==c.readyState&&(o=e[0|c.status/200]))try{o(JSON.parse(c.responseText),c)}catch(n){o(c.responseText,c)}},c.send(),c},cG.REPO={scReq:{}},cG.dis={},cG.$GPC=cG.$GPC+1||1,!function(){return cG.recyclebin.defer?void(window.addEventListener?window.addEventListener("load",cG.recyclebin.dfr,!1):window.attachEvent?window.attachEvent("onload",cG.recyclebin.dfr):window.onload=cG.recyclebin.dfr):cG.recyclebin.dfr()}();
/**/
/*(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');


ga('create', 'UA-25700708-7', 'auto');
ga('create', 'UA-25700708-7', 'auto');
ga('send', 'pageview');
ga('send', 'pageview');*/
</script>
</script>
<script type="text/javascript" src="//xkcd.com/1350/jquery.min.js"></script>
<script>
<script type="text/javascript" src="//xkcd.com/static/json2.js"></script>
var disposeme = function() {
//console.log("running");
var name = "comic";//document.getElementById("comic").getAttribute("id");
if(cG===void 0) return setTimeout(disposeme, 400);
else if(cG.cPanel===void 0) return setTimeout(disposeme, 400);
else if(cG.cPanel["def_"+name]===void 0) return setTimeout(disposeme, 400);
else if(cG.cPanel["def_"+name]===void 0) return setTimeout(disposeme, 400);//possible race condition bug, when url has hash in it
else if(cG.cPanel["def_"+name].data()===void 0) return setTimeout(disposeme, 400);//possible race condition bug, when url has hash in it
document.getElementById("comic_location").title=cG.cPanel["def_"+name].data().hover;
document.getElementById("btitle").innerHTML=cG.cPanel["def_"+name].data().title;
document.getElementById("ctitle").innerHTML=cG.cPanel["def_"+name].data().title;
var q=document.getElementsByClassName("frst"),
w=document.getElementsByClassName("prev"),
e=document.getElementsByClassName("rand"),
r=document.getElementsByClassName("next"),
t=document.getElementsByClassName("last");
//console.log(q,w,e,r,t,cG.cPanel["def_"+name]);
for (var y = 0; y < q.length; y++) q[y].addEventListener("click", function() {
box = cG.cPanel["def_"+name].data(cG.cPanel["def_"+name].frst());
document.getElementById("comic_location").title = box.hover;
document.getElementById("btitle").innerHTML = document.getElementById("ctitle").innerHTML = box.title;
});
for (var y = 0; y < w.length; y++) w[y].addEventListener("click", function() {
box = cG.cPanel["def_"+name].data(cG.cPanel["def_"+name].prev());
document.getElementById("comic_location").title = box.hover;
document.getElementById("btitle").innerHTML = document.getElementById("ctitle").innerHTML = box.title;
});
for (var y = 0; y < e.length; y++) e[y].addEventListener("click", function() {
box = cG.cPanel["def_"+name].data(cG.cPanel["def_"+name].rand());
document.getElementById("comic_location").title = box.hover;
document.getElementById("btitle").innerHTML = document.getElementById("ctitle").innerHTML = box.title;
});
for (var y = 0; y < r.length; y++) r[y].addEventListener("click", function() {
box = cG.cPanel["def_"+name].data(cG.cPanel["def_"+name].next());
document.getElementById("comic_location").title = box.hover;
document.getElementById("btitle").innerHTML = document.getElementById("ctitle").innerHTML = box.title;
});
for (var y = 0; y < t.length; y++) t[y].addEventListener("click", function() {
box = cG.cPanel["def_"+name].data(cG.cPanel["def_"+name].last());
document.getElementById("comic_location").title = box.hover;
document.getElementById("btitle").innerHTML = document.getElementById("ctitle").innerHTML = box.title;
});
//console.log("complete");
}
var imagedeffer = function() {
document.getElementById("te-news").src="http://imgs.xkcd.com/store/te-news.png";
}
disposeme();
</script>
<!--<script type="text/javascript" src="//xkcd.com/1350/jquery.min.js"></script>
<script type="text/javascript" src="//xkcd.com/static/json2.js"></script>-->


</head>
</head>
<body>
<body>
<!--CNG-home-->
<a href="../../" style="position:fixed;width:42px;height:42px;top:10px;left:10px;"><img src="../../assets/images/normal_glow.svg" style="position:absolute;top:0;left:0;width:90%;"/></a>
<div id="topContainer">
<div id="topContainer">
<div id="topLeft">
<div id="topLeft">
<ul>
<ul>
<li><a href="/archive">Archive</a></li>
<li><a href="/archive">Archive</a></li>
<li><a href="http://what-if.xkcd.com">What If?</a></li>
<li><a href="http://what-if.xkcd.com">What If?</a></li>
<li><a href="http://blag.xkcd.com">Blag</a></li>
<li><a href="http://blag.xkcd.com">Blag</a></li>
<li><a href="http://store.xkcd.com/">Store</a></li>
<li><a href="http://store.xkcd.com/">Store</a></li>
<li><a rel="author" href="/about">About</a></li>
<li><a rel="author" href="/about">About</a></li>
</ul>
</ul>
</div>
</div>
<div id="topRight">
<div id="topRight">
<div id="masthead">
<div id="masthead">
<span><a href="/"><img src="//imgs.xkcd.com/static/terrible_small_logo.png" alt="xkcd.com logo" height="83" width="185"/></a></span>
<span><a href="/"><img src="//imgs.xkcd.com/static/terrible_small_logo.png" alt="xkcd.com logo" height="83" width="185"/></a></span>
<span id="slogan">A webcomic of romance,<br/> sarcasm, math, and language.</span>
<span id="slogan">A webcomic of romance,<br/> sarcasm, math, and language.</span>
</div>
</div>
<div id="news">
<div id="news">
<a href="http://blog.xkcd.com/?p=805"><img border=0 src="http://imgs.xkcd.com/store/te-news.png"></a><br />
<a href="http://blog.xkcd.com/?p=805"><img id="te-news" border=0 src=""></a><br />
Preorder: <a title="Thing Explainer Amazon purchase link" href="http://amzn.to/1GCXMJ5">Amazon</a>, <a title="Thing Explainer Barnes and Noble purchase link" href="http://www.barnesandnoble.com/w/thing-explainer-randall-munroe/1121864432?ean=9780544668256">Barnes &amp; Noble</a>, <a title="Thing Explainer Indie Bound purchase link" href="http://www.indiebound.org/book/9780544668256">Indie Bound</a>, <a title="Thing Explainer Hudson purchase link" href="http://www.hudsonbooksellers.com/thingexplainer">Hudson</a><br />
Preorder: <a title="Thing Explainer Amazon purchase link" href="http://amzn.to/1GCXMJ5">Amazon</a>, <a title="Thing Explainer Barnes and Noble purchase link" href="http://www.barnesandnoble.com/w/thing-explainer-randall-munroe/1121864432?ean=9780544668256">Barnes &amp; Noble</a>, <a title="Thing Explainer Indie Bound purchase link" href="http://www.indiebound.org/book/9780544668256">Indie Bound</a>, <a title="Thing Explainer Hudson purchase link" href="http://www.hudsonbooksellers.com/thingexplainer">Hudson</a><br />
In other news, <a href="https://www.youtube.com/watch?v=ygrdAvmr-MA">Space Weird Thing</a> is delightful, and I feel surprisingly invested in <a href="https://twitter.com/xkcdbracket">@xkcdbracket</a>'s results.
In other news, <a href="https://www.youtube.com/watch?v=ygrdAvmr-MA">Space Weird Thing</a> is delightful, and I feel surprisingly invested in <a href="https://twitter.com/xkcdbracket">@xkcdbracket</a>'s results.


</div>
</div>
</div>
</div>
<div id="bgLeft" class="bg box"></div>
<div id="bgLeft" class="bg box"></div>
<div id="bgRight" class="bg box"></div>
<div id="bgRight" class="bg box"></div>
</div>
</div>
<div id="middleContainer" class="box">
<div id="middleContainer" class="box">


<div id="ctitle">Barrel - Part 1</div>
<div id="ctitle">TITLENAME</div>
<ul class="comicNav">
<ul class="comicNav">
<li><a href="/1/">|&lt;</a></li>
<li><button class="frst" >|&lt;</button></li>
<li><a rel="prev" href="#" accesskey="p">&lt; Prev</a></li>
<li><button class="prev" rel="prev" accesskey="p">&lt; Prev</button></li>
<li><a href="//c.xkcd.com/random/comic/">Random</a></li>
<li><button class="rand" >Random</button></li>
<li><a rel="next" href="/2/" accesskey="n">Next &gt;</a></li>
<li><button class="next" rel="next" accesskey="n">Next &gt;</button></li>
<li><a href="/">&gt;|</a></li>
<li><button class="last" >&gt;|</button></li>
</ul>
</ul>
<div id="comic">
<div id="comic" class="venue">
<img src="//imgs.xkcd.com/comics/barrel_cropped_(1).jpg" title="Don&#39;t we all." alt="Barrel - Part 1" />
<!--<img src="//imgs.xkcd.com/comics/barrel_cropped_(1).jpg" title="Don&#39;t we all." alt="Barrel - Part 1" />-->
</div>
</div>
<ul class="comicNav">
<ul class="comicNav">
<li><a href="/1/">|&lt;</a></li>
<li><button class="frst" >|&lt;</button></li>
<li><a rel="prev" href="#" accesskey="p">&lt; Prev</a></li>
<li><button class="prev" rel="prev" accesskey="p">&lt; Prev</button></li>
<li><a href="//c.xkcd.com/random/comic/">Random</a></li>
<li><button class="rand" >Random</button></li>
<li><a rel="next" href="/2/" accesskey="n">Next &gt;</a></li>
<li><button class="next" rel="next" accesskey="n">Next &gt;</button></li>
<li><a href="/">&gt;|</a></li>
<li><button class="last" >&gt;|</button></li>
</ul>
</ul>
<br />
<br />
Permanent link to this comic: http://xkcd.com/1/<br />
Permanent link to this comic: http://xkcd.com/1/<br />
Image URL (for hotlinking/embedding): http://imgs.xkcd.com/comics/barrel_cropped_(1).jpg
Image URL (for hotlinking/embedding): http://imgs.xkcd.com/comics/barrel_cropped_(1).jpg
<div id="transcript" style="display: none">[[A boy sits in a barrel which is floating in an ocean.]]
<div id="transcript" style="display: none">[[A boy sits in a barrel which is floating in an ocean.]]
Boy: I wonder where I&#39;ll float next?
Boy: I wonder where I&#39;ll float next?
[[The barrel drifts into the distance. Nothing else can be seen.]]
[[The barrel drifts into the distance. Nothing else can be seen.]]
{{Alt: Don&#39;t we all.}}</div>
{{Alt: Don&#39;t we all.}}</div>
</div>
</div>
<div id="bottom" class="box">
<div id="bottom" class="box">
<img src="//imgs.xkcd.com/s/a899e84.jpg" width="520" height="100" alt="Selected Comics" usemap="#comicmap"/>
<img src="//imgs.xkcd.com/s/a899e84.jpg" width="520" height="100" alt="Selected Comics" usemap="#comicmap"/>
<map id="comicmap" name="comicmap">
<map id="comicmap" name="comicmap">
<area shape="rect" coords="0,0,100,100" href="/150/" alt="Grownups"/>
<area shape="rect" coords="0,0,100,100" href="/150/" alt="Grownups"/>
<area shape="rect" coords="104,0,204,100" href="/730/" alt="Circuit Diagram"/>
<area shape="rect" coords="104,0,204,100" href="/730/" alt="Circuit Diagram"/>
<area shape="rect" coords="208,0,308,100" href="/162/" alt="Angular Momentum"/>
<area shape="rect" coords="208,0,308,100" href="/162/" alt="Angular Momentum"/>
<area shape="rect" coords="312,0,412,100" href="/688/" alt="Self-Description"/>
<area shape="rect" coords="312,0,412,100" href="/688/" alt="Self-Description"/>
<area shape="rect" coords="416,0,520,100" href="/556/" alt="Alternative Energy Revolution"/>
<area shape="rect" coords="416,0,520,100" href="/556/" alt="Alternative Energy Revolution"/>
</map>
</map>
<div>
<div>
<!--
<!--
Search comic titles and transcripts:
Search comic titles and transcripts:
<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">google.load('search', '1');google.setOnLoadCallback(function() {google.search.CustomSearchControl.attachAutoCompletion('012652707207066138651:zudjtuwe28q',document.getElementById('q'),'cse-search-box');});</script>
<script type="text/javascript">google.load('search', '1');google.setOnLoadCallback(function() {google.search.CustomSearchControl.attachAutoCompletion('012652707207066138651:zudjtuwe28q',document.getElementById('q'),'cse-search-box');});</script>
<form action="//www.google.com/cse" id="cse-search-box">
<form action="//www.google.com/cse" id="cse-search-box">
<div>
<div>
<input type="hidden" name="cx" value="012652707207066138651:zudjtuwe28q"/>
<input type="hidden" name="cx" value="012652707207066138651:zudjtuwe28q"/>
<input type="hidden" name="ie" value="UTF-8"/>
<input type="hidden" name="ie" value="UTF-8"/>
<input type="text" name="q" id="q" size="31"/>
<input type="text" name="q" id="q" size="31"/>
<input type="submit" name="sa" value="Search"/>
<input type="submit" name="sa" value="Search"/>
</div>
</div>
</form>
</form>
<script type="text/javascript" src="//www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>
<script type="text/javascript" src="//www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>
-->
-->
<a href="/rss.xml">RSS Feed</a> - <a href="/atom.xml">Atom Feed</a>
<a href="http://xkcd.com/rss.xml">RSS Feed</a> - <a href="http://xkcd.com/atom.xml">Atom Feed</a>
</div>
</div>
<br />
<br />
<div id="comicLinks">
<div id="comicLinks">
Comics I enjoy:<br/>
Comics I enjoy:<br/>
<a href="http://threewordphrase.com/">Three Word Phrase</a>,
<a href="http://threewordphrase.com/">Three Word Phrase</a>,
<a href="http://oglaf.com/">Oglaf</a> (nsfw),
<a href="http://oglaf.com/">Oglaf</a> (nsfw),
<a href="http://www.smbc-comics.com/">SMBC</a>,
<a href="http://www.smbc-comics.com/">SMBC</a>,
<a href="http://www.qwantz.com">Dinosaur Comics</a>,
<a href="http://www.qwantz.com">Dinosaur Comics</a>,
<a href="http://www.asofterworld.com">A Softer World</a>,
<a href="http://www.asofterworld.com">A Softer World</a>,
<a href="http://buttersafe.com/">Buttersafe</a>,
<a href="http://buttersafe.com/">Buttersafe</a>,
<a href="http://pbfcomics.com/">Perry Bible Fellowship</a>,
<a href="http://pbfcomics.com/">Perry Bible Fellowship</a>,
<a href="http://questionablecontent.net/">Questionable Content</a>,
<a href="http://questionablecontent.net/">Questionable Content</a>,
<a href="http://www.buttercupfestival.com/">Buttercup Festival</a>,
<a href="http://www.buttercupfestival.com/">Buttercup Festival</a>,
<a href="http://www.mspaintadventures.com/?s=6&p=001901">Homestuck</a>
<a href="http://www.mspaintadventures.com/?s=6&p=001901">Homestuck</a>
</div>
</div>
<p>Warning: this comic occasionally contains strong language (which may be unsuitable for children), unusual humor (which may be unsuitable for adults), and advanced mathematics (which may be unsuitable for liberal-arts majors).</p>
<p>Warning: this comic occasionally contains strong language (which may be unsuitable for children), unusual humor (which may be unsuitable for adults), and advanced mathematics (which may be unsuitable for liberal-arts majors).</p>
<div id="footnote">BTC 1FhCLQK2ZXtCUQDtG98p6fVH7S6mxAsEey<br />We did not invent the algorithm. The algorithm consistently finds Jesus. The algorithm killed Jeeves. <br/>The algorithm is banned in China. The algorithm is from Jersey. The algorithm constantly finds Jesus.<br/>This is not the algorithm. This is close.</div>
<div id="footnote">BTC 1FhCLQK2ZXtCUQDtG98p6fVH7S6mxAsEey<br />We did not invent the algorithm. The algorithm consistently finds Jesus. The algorithm killed Jeeves. <br/>The algorithm is banned in China. The algorithm is from Jersey. The algorithm constantly finds Jesus.<br/>This is not the algorithm. This is close.</div>
<div id="licenseText">
<div id="licenseText">
<p>
<p>
This work is licensed under a
This work is licensed under a
<a href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons Attribution-NonCommercial 2.5 License</a>.
<a href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons Attribution-NonCommercial 2.5 License</a>.
</p><p>
</p><p>
This means you're free to copy and share these comics (but not to sell them). <a rel="license" href="/license.html">More details</a>.</p>
This means you're free to copy and share these comics (but not to sell them). <a rel="license" href="http://xkcd.com/license.html">More details</a>.</p>
</div>
</div>
</div>
</div>
</body>
</body>
<!-- Layout by Ian Clasbey, davean, and chromakode -->
<!-- Layout by Ian Clasbey, davean, and chromakode -->
</html>
</html>