xkcd_diff

Created Diff never expires
32 removals
133 lines
111 additions
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>