xkcd.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3. "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html version="-//W3C//DTD XHTML 1.1//EN" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  5. <head>
  6. <link rel="stylesheet" type="text/css" href="http://imgs.xkcd.com/static/styles_short_beta.css" title="Default"/>
  7. <title>xkcd: Evolving</title>
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  9. <link rel="shortcut icon" href="http://imgs.xkcd.com/s/919f273.ico" type="image/x-icon"/>
  10. <link rel="icon" href="http://imgs.xkcd.com/s/919f273.ico" type="image/x-icon"/>
  11. <link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="/atom.xml"/>
  12. <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="/rss.xml"/>
  13. <link rel="apple-touch-icon-precomposed" href="http://imgs.xkcd.com/static/apple-touch-icon-precomposed.png" />
  14. </head>
  15. <body>
  16. <div id="topContainer">
  17. <div id="topLeft">
  18. <ul>
  19. <li><a href="/archive">Archive</a></li>
  20. <li><a href="http://what-if.xkcd.com">What If?</a></li>
  21. <li><a href="http://blag.xkcd.com">Blag</a></li>
  22. <li><a href="http://store.xkcd.com/">Store</a></li>
  23. <li><a rel="author" href="/about">About</a></li>
  24. </ul>
  25. </div>
  26. <div id="topRight">
  27. <div id="masthead">
  28. <span><a href="/"><img src="http://imgs.xkcd.com/static/terrible_small_logo.png" alt="xkcd.com logo" height="83" width="185"/></a></span>
  29. <span id="slogan">A webcomic of romance,<br/> sarcasm, math, &amp; language.</span>
  30. </div>
  31. <div id="news">
  32. <a href="http://store.xkcd.com/"><img src="//imgs.xkcd.com/store_news/xkcd_store_rip_43.png" title="the xkcd store" alt="the xkcd store" /></a>
  33. </div>
  34. </div>
  35. <div id="bgLeft" class="bg box"></div>
  36. <div id="bgRight" class="bg box"></div>
  37. </div>
  38. <div id="middleContainer" class="box">
  39. <div id="ctitle">Evolving</div>
  40. <ul class="comicNav">
  41. <li><a href="/1/">|&lt;</a></li>
  42. <li><a rel="prev" href="/1146/" accesskey="p">&lt; Prev</a></li>
  43. <li><a href="http://dynamic.xkcd.com/random/comic/">Random</a></li>
  44. <li><a rel="next" href="#" accesskey="n">Next &gt;</a></li>
  45. <li><a href="/">&gt;|</a></li>
  46. </ul>
  47. <div id="comic">
  48. <img src="http://imgs.xkcd.com/comics/evolving.png" title="Biologists play reverse Pokémon, trying to avoid putting any one team member on the front lines long enough for the experience to cause evolution." alt="Evolving" />
  49. </div>
  50. <ul class="comicNav">
  51. <li><a href="/1/">|&lt;</a></li>
  52. <li><a rel="prev" href="/1146/" accesskey="p">&lt; Prev</a></li>
  53. <li><a href="http://dynamic.xkcd.com/random/comic/">Random</a></li>
  54. <li><a rel="next" href="#" accesskey="n">Next &gt;</a></li>
  55. <li><a href="/">&gt;|</a></li>
  56. </ul>
  57. <br />
  58. Permanent link to this comic: http://xkcd.com/1147/<br />
  59. Image URL (for hotlinking/embedding): http://imgs.xkcd.com/comics/evolving.png
  60. <div id="transcript" style="display: none"></div>
  61. </div>
  62. <div id="bottom" class="box">
  63. <img src="http://imgs.xkcd.com/s/a899e84.jpg" width="520" height="100" alt="Selected Comics" usemap="#comicmap"/>
  64. <map id="comicmap">
  65. <!-- http://code.google.com/p/chromium/issues/detail?id=108489 Might be MIME dependant. -->
  66. <area shape="rect" coords="0,0,100,100" href="/150/" alt="Grownups"/>
  67. <area shape="rect" coords="104,0,204,100" href="/730/" alt="Circuit Diagram"/>
  68. <area shape="rect" coords="208,0,308,100" href="/162/" alt="Angular Momentum"/>
  69. <area shape="rect" coords="312,0,412,100" href="/688/" alt="Self-Description"/>
  70. <area shape="rect" coords="416,0,520,100" href="/556/" alt="Alternative Energy Revolution"/>
  71. </map>
  72. <div>
  73. Search comic titles and transcripts:
  74. <script type="text/javascript" src="//www.google.com/jsapi"></script>
  75. <script type="text/javascript">google.load('search', '1');google.setOnLoadCallback(function() {google.search.CustomSearchControl.attachAutoCompletion('012652707207066138651:zudjtuwe28q',document.getElementById('q'),'cse-search-box');});</script>
  76. <form action="//www.google.com/cse" id="cse-search-box">
  77. <div>
  78. <input type="hidden" name="cx" value="012652707207066138651:zudjtuwe28q"/>
  79. <input type="hidden" name="ie" value="UTF-8"/>
  80. <input type="text" name="q" id="q" size="31"/>
  81. <input type="submit" name="sa" value="Search"/>
  82. </div>
  83. </form>
  84. <script type="text/javascript" src="//www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>
  85. <a href="/rss.xml">RSS Feed</a> - <a href="/atom.xml">Atom Feed</a>
  86. </div>
  87. <br />
  88. <div id="comicLinks">
  89. Comics I enjoy:<br/>
  90. <a href="http://threewordphrase.com/">Three Word Phrase</a>,
  91. <a href="http://oglaf.com/">Oglaf</a> (nsfw),
  92. <a href="http://www.smbc-comics.com/">SMBC</a>,
  93. <a href="http://www.qwantz.com">Dinosaur Comics</a>,
  94. <a href="http://www.asofterworld.com">A Softer World</a>,
  95. <a href="http://buttersafe.com/">Buttersafe</a>,
  96. <a href="http://pbfcomics.com/">Perry Bible Fellowship</a>,
  97. <a href="http://questionablecontent.net/">Questionable Content</a>,
  98. <a href="http://www.buttercupfestival.com/">Buttercup Festival</a>
  99. </div>
  100. <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>
  101. <div id="footnote">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>
  102. <div id="licenseText">
  103. <p>
  104. This work is licensed under a
  105. <a href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons Attribution-NonCommercial 2.5 License</a>.
  106. </p><p>
  107. 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>
  108. </div>
  109. </div>
  110. </body>
  111. <!-- Layout by Ian Clasbey, davean, and chromakode -->
  112. </html>