src/test/resources/net/pterodactylus/rhynodge/filters/comics/cyanide-and-happiness.html

   1
   2 <!doctype html>
   3 <html class="no-js" lang="en">
   4 <head>
   5     <title>Cyanide & Happiness (Explosm.net)</title>
   6     <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"/>
   7     <meta charset="utf-8"/><script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,n,t){function r(t){if(!n[t]){var o=n[t]={exports:{}};e[t][0].call(o.exports,function(n){var o=e[t][1][n];return r(o?o:n)},o,o.exports)}return n[t].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<t.length;o++)r(t[o]);return r}({QJf3ax:[function(e,n){function t(e){function n(n,t,a){e&&e(n,t,a),a||(a={});for(var u=c(n),f=u.length,s=i(a,o,r),p=0;f>p;p++)u[p].apply(s,t);return s}function a(e,n){f[e]=c(e).concat(n)}function c(e){return f[e]||[]}function u(){return t(n)}var f={};return{on:a,emit:n,create:u,listeners:c,_events:f}}function r(){return{}}var o="nr@context",i=e("gos");n.exports=t()},{gos:"7eSDFh"}],ee:[function(e,n){n.exports=e("QJf3ax")},{}],3:[function(e,n){function t(e){return function(){r(e,[(new Date).getTime()].concat(i(arguments)))}}var r=e("handle"),o=e(1),i=e(2);"undefined"==typeof window.newrelic&&(newrelic=window.NREUM);var a=["setPageViewName","addPageAction","setCustomAttribute","finished","addToTrace","inlineHit","noticeError"];o(a,function(e,n){window.NREUM[n]=t("api-"+n)}),n.exports=window.NREUM},{1:12,2:13,handle:"D5DuLP"}],gos:[function(e,n){n.exports=e("7eSDFh")},{}],"7eSDFh":[function(e,n){function t(e,n,t){if(r.call(e,n))return e[n];var o=t();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,n,{value:o,writable:!0,enumerable:!1}),o}catch(i){}return e[n]=o,o}var r=Object.prototype.hasOwnProperty;n.exports=t},{}],D5DuLP:[function(e,n){function t(e,n,t){return r.listeners(e).length?r.emit(e,n,t):void(r.q&&(r.q[e]||(r.q[e]=[]),r.q[e].push(n)))}var r=e("ee").create();n.exports=t,t.ee=r,r.q={}},{ee:"QJf3ax"}],handle:[function(e,n){n.exports=e("D5DuLP")},{}],XL7HBI:[function(e,n){function t(e){var n=typeof e;return!e||"object"!==n&&"function"!==n?-1:e===window?0:i(e,o,function(){return r++})}var r=1,o="nr@id",i=e("gos");n.exports=t},{gos:"7eSDFh"}],id:[function(e,n){n.exports=e("XL7HBI")},{}],G9z0Bl:[function(e,n){function t(){var e=d.info=NREUM.info,n=f.getElementsByTagName("script")[0];if(e&&e.licenseKey&&e.applicationID&&n){c(p,function(n,t){n in e||(e[n]=t)});var t="https"===s.split(":")[0]||e.sslForHttp;d.proto=t?"https://":"http://",a("mark",["onload",i()]);var r=f.createElement("script");r.src=d.proto+e.agent,n.parentNode.insertBefore(r,n)}}function r(){"complete"===f.readyState&&o()}function o(){a("mark",["domContent",i()])}function i(){return(new Date).getTime()}var a=e("handle"),c=e(1),u=window,f=u.document;e(2);var s=(""+location).split("?")[0],p={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-686.min.js"},d=n.exports={offset:i(),origin:s,features:{}};f.addEventListener?(f.addEventListener("DOMContentLoaded",o,!1),u.addEventListener("load",t,!1)):(f.attachEvent("onreadystatechange",r),u.attachEvent("onload",t)),a("mark",["firstbyte",i()])},{1:12,2:3,handle:"D5DuLP"}],loader:[function(e,n){n.exports=e("G9z0Bl")},{}],12:[function(e,n){function t(e,n){var t=[],o="",i=0;for(o in e)r.call(e,o)&&(t[i]=n(o,e[o]),i+=1);return t}var r=Object.prototype.hasOwnProperty;n.exports=t},{}],13:[function(e,n){function t(e,n,t){n||(n=0),"undefined"==typeof t&&(t=e?e.length:0);for(var r=-1,o=t-n||0,i=Array(0>o?0:o);++r<o;)i[r]=e[n+r];return i}n.exports=t},{}]},{},["G9z0Bl"]);</script>
   8     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   9     <link rel="stylesheet" type="text/css" href="/css/MyFontsWebfontsKit.css">
  10     <link rel="stylesheet" href="/css/app.css"/>
  11     <link rel="stylesheet" href="/css/jcarousel.responsive.css"/>
  12     <link rel="stylesheet" href="/css/home.css"/>
  13     <link rel="stylesheet" href="/css/fa/css/font-awesome.css"/>
  14     <meta property="fb:app_id" content="808913609170367">
  15     <meta property="og:site_name" content="Cyanide & Happiness">
  16     <meta name="apple-itunes-app" content="app-id=id368088267">
  17     <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png">
  18     <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png">
  19     <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png">
  20     <link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png">
  21     <link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png">
  22     <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png">
  23     <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png">
  24     <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png">
  25     <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
  26     <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96">
  27     <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
  28     <link rel="manifest" href="/favicons/manifest.json">
  29     <link rel="shortcut icon" href="/favicons/favicon.ico">
  30     <meta name="apple-mobile-web-app-title" content="Cyanide & Happiness">
  31     <meta name="application-name" content="Cyanide & Happiness">
  32     <meta name="msapplication-TileColor" content="#da532c">
  33     <meta name="msapplication-TileImage" content="/favicons/mstile-144x144.png">
  34     <meta name="msapplication-config" content="/favicons/browserconfig.xml">
  35     <meta name="theme-color" content="#ffffff">
  36     <script type="text/javascript" src="/js/bower_components/modernizr/modernizr.js"></script>
  37     <meta property="og:image" content="http://files.explosm.net/comics/Kris/skeletor.png">
  38     <meta property="og:url" content="http://explosm.net/comics/4036/">
  39     <meta property="og:type" content="article">
  40     <meta property="article:publisher" content="https://www.facebook.com/explosm">
  41 </head>
  42 <body><script type="text/javascript">
  43     //<![CDATA[
  44     try{(function(a){var b="http://",c="explosm.net",d="/cdn-cgi/cl/",e="img.gif",f=new a;f.src=[b,c,d,e].join("")})(Image)}catch(e){}
  45     //]]>
  46 </script>
  47 <div class="off-canvas-wrap" data-offcanvas>
  48     <div class="inner-wrap">
  49         <div id="superheader-bar">
  50             <div class="row">
  51                 <div class="small-6 medium-3 large-2 columns">
  52                     <a href="/"><img src="/img/logo.png" id="explosm-logo" title="Explosm"/></a>
  53                     <div class="row">
  54                         <div class="small-12 columns">
  55                             <ul id="superheader-social-icons" class="inline-list">
  56                                 <li><a href="https://www.facebook.com/explosm"><i class="fa fa-facebook-square"></i></a></li>
  57                                 <li><a href="https://plus.google.com/+ExplosmEntertainment"><i class="fa fa-google-plus-square"></i></a></li>
  58                                 <li><a href="https://twitter.com/Explosm"><i class="fa fa-twitter-square"></i></a></li>
  59                                 <li><a href="http://www.youtube.com/user/ExplosmEntertainment"><i class="fa fa-youtube-square"></i></a></li>
  60                                 <li><a href="http://instagram.com/explosmofficial"><i class="fa fa-instagram"></i></a></li>
  61                                 <li><a href="http://feeds.feedburner.com/Explosm"><i class="fa fa-rss"></i></a></li>
  62                             </ul>
  63                         </div>
  64                     </div>
  65                 </div>
  66                 <div class="large-10 columns hide-for-medium-down">
  67                     <div class="row">
  68                         <div class="small-12 columns text-right">
  69                             <a href="https://explosm.net/user/register">Register</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://explosm.net/login" data-reveal-id="sign-in-modal">Sign In</a>
  70                         </div>
  71                     </div>
  72                     <div class="row">
  73                         <nav id="site-nav" class="medium-12 large-12 columns">
  74                             <ul class="inline-list right">
  75                                 <li><a href="/comics/latest">Comics</a></li>
  76                                 <li><a href="/shorts/">Shorts</a></li>
  77                                 <li><a href="/live/">Live</a></li>
  78                                 <li><a href="/news/">News</a></li>
  79                                 <li><a href="http://store.explosm.net/">Store</a></li>
  80                                 <li><a href="/rcg">Comic Generator</a></li>
  81                             </ul>
  82                         </nav>
  83                     </div>
  84                 </div>
  85                 <nav class="small-6 medium-9 columns hide-for-large-up">
  86                     <div class="row">
  87                         <div class="small-12 columns text-right">
  88                             <a href="https://explosm.net/user/register">Register</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://explosm.net/login" data-reveal-id="sign-in-modal">Sign In</a>
  89                         </div>
  90                     </div>
  91                     <div class="row">
  92                         <div class="large-12 columns">
  93                             <ul id="header-nav-icons" class="inline-list right">
  94                                 <li>
  95                                     <span class="gamma"><a class="right-off-canvas-toggle" href="#"><i class="fa fa-bars"></i></a></span>
  96                                 </li>
  97                             </ul>
  98                         </div>
  99                     </div>
 100                 </nav>
 101             </div>
 102         </div>
 103         <div class="hide">
 104
 105
 106             <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
 107             <div id="3508564"><noscript><a href="http://ads.intergi.com/adlink|3.0|5205.1|3508564|0|16|ADTECH;loc=300;key=key1+key2+key3+key4;alias=" target="_blank"></a></noscript></div>
 108             <script type="text/javascript">
 109                 ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
 110                 ADTECH.config.placements[3508564] = { sizeid: 16, params: { alias: '', target: '_blank' }};
 111                 ADTECH.loadAd(3508564);
 112             </script>
 113         </div>
 114         <div class="leaderboard-container">
 115             <div class="leaderboard-ad">
 116
 117
 118                 <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
 119                 <div id="3508565"><noscript><a href="http://ads.intergi.com/adlink|3.0|5205.1|3508565|0|225|ADTECH;loc=300;key=key1+key2+key3+key4;alias=" target="_blank"><img src="http://ads.intergi.com/adserv|3.0|5205.1|3508565|0|225|ADTECH;loc=300;key=key1+key2+key3+key4;alias=" border="0" width="728" height="90"></a></noscript></div>
 120                 <script type="text/javascript">
 121                     ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
 122                     ADTECH.config.placements[3508565] = { sizeid: 225, params: { alias: '', target: '_blank' }};
 123                     ADTECH.loadAd(3508565);
 124                 </script>
 125             </div>
 126         </div>
 127         <div class="row">
 128             <div class="medium-12 large-8 columns">
 129                 <div class="nav-buttons-top">
 130                     <div class="row">
 131                         <div class="small-12 medium-8 large-8 columns end">
 132                             <ul class="small-block-grid-5">
 133                                 <li><a href="/comics/15"><img src="/img/nav-button_first@2x.png"/></a></li>
 134                                 <li><a href="/comics/4035/" class="previous-comic"><img src="/img/nav-button_previous@2x.png"/></a></li>
 135                                 <li><a href="/comics/random/" class="random-comic-link"><img src="/img/nav-button_random@2x.png"/></a></li>
 136                                 <li><a href="#" class="next-comic"><img src="/img/nav-button_next@2x.png"/></a></li>
 137                                 <li><a href="/comics/latest/"><img src="/img/nav-button_newest@2x.png"/></a></li>
 138                             </ul>
 139                         </div>
 140                     </div>
 141                 </div>
 142                 <div id="comic-container">
 143                     <div class="row">
 144                         <div class="small-12 medium-12 large-12 columns">
 145                             <img src="//files.explosm.net/comics/Kris/skeletor.png" id="main-comic"/>
 146                         </div>
 147                     </div>
 148                 </div>
 149                 <div class="row">
 150                     <div class="small-12 medium-6 large-6 columns">
 151                         <div class="row collapse">
 152                             <div class="small-2 medium-2 large-2 columns">
 153                                 <img src="//files.explosm.net/avatars/206.jpg"/>
 154                             </div>
 155                             <div class="meta-data">
 156                                 <div class="small-8 medium-9 large-8 columns">
 157                                     <h3 class="zeta small-bottom-margin past-week-comic-title"><a href="/comics/4036">2015.08.26</a></h3>
 158                                     <small class="author-credit-name">by Kris Wilson</small>
 159                                     <ul class="inline-list interact-share-list">
 160                                         <li><small><a href="/comics/4036#comments"><i class="fa fa-comment"></i></a>&nbsp;<span class="comment-count">1</a></small></li>
 161                                         <li><small><a href="#" class="favoritable" data-slug="comic-4036" data-type="comic" data-id="4036"><i class="fa fa-star"></i></a>&nbsp;<span class="count">10</span></a></small></li>
 162                                     </ul>
 163                                 </div>
 164                             </div>
 165                         </div>
 166                     </div>
 167                     <div class="small-12 medium-6 large-6 columns">
 168                         <ul class="custom-comic-social-button-group">
 169                             <li><a href="https://www.facebook.com/dialog/share?app_id=808913609170367&amp;display=popup&amp;href=http%3A%2F%2Fexplosm.net%2Fcomics%2F4036%2F&amp;redirect_uri=http%3A%2F%2Fexplosm.net%2Fcomics%2F4036%2F" class="custom-facebook-button"><i class="fa fa-facebook"></i></a></li>
 170                             <li><a href="https://plus.google.com/share?url=http%3A%2F%2Fexplosm.net%2Fcomics%2F4036%2F" class="custom-google-plus-button"><i class="fa fa-google-plus"></i></a></li>
 171                             <li><a href="https://twitter.com/home?status=Check%20out%20this%20@explosm%20comic!%20http%3A%2F%2Fexplosm.net%2Fcomics%2F4036%2F" class="custom-twitter-button"><i class="fa fa-twitter"></i></a></li>
 172                         </ul>
 173                     </div>
 174                 </div>
 175                 <p>
 176                     <label for="permalink">
 177                         <span>Permalink:</span>
 178                         <input id="permalink" type="text" value="http://explosm.net/comics/4036/" onclick="this.select()">
 179                     </label>
 180                 </p>
 181                 <div id="comic-interact-button-row" class="row">
 182                     <div class="small-12 medium-6 large-6 columns">
 183                         <a href="#comments" class="custom-secondary-button"><i class="fa fa-comment"></i>&nbsp;&nbsp;Add comment</a>
 184                     </div>
 185                     <div class="small-12 medium-6 large-6 columns">
 186                         <a href="#" class="custom-secondary-button favoritable" data-slug="comic-4036" data-type="comic" data-id="4036"><i class="fa fa-star"></i>&nbsp;&nbsp;Favorite This</a>
 187                     </div>
 188                 </div>
 189                 <div class="nav-buttons-bottom">
 190                     <div class="row">
 191                         <div class="small-12 medium-8 large-8 columns end">
 192                             <ul class="small-block-grid-5">
 193                                 <li><a href="/comics/15"><img src="/img/nav-button_first@2x.png"/></a></li>
 194                                 <li><a href="/comics/4035/" class="previous-comic"><img src="/img/nav-button_previous@2x.png"/></a></li>
 195                                 <li><a href="/comics/random/" class="random-comic-link"><img src="/img/nav-button_random@2x.png"/></a></li>
 196                                 <li><a href="#" class="next-comic"><img src="/img/nav-button_next@2x.png"/></a></li>
 197                                 <li><a href="/comics/latest/"><img src="/img/nav-button_newest@2x.png"/></a></li>
 198                             </ul>
 199                         </div>
 200                     </div>
 201                 </div>
 202                 <p><br/><br/></p>
 203                 <hr/>
 204                 <div id="more-from-explosm-container" class="row">
 205                     <div class="large-12 columns">
 206                         <h2 class="gamma">More from Explosm</h2>
 207                     </div>
 208                     <div id="more-from-explosm">
 209                         <p>Loading...</p>
 210                     </div>
 211                     <hr/>
 212                 </div>
 213                 <a id="comments">&nbsp;</a>
 214                 <div id="global-comments-container">
 215                     <p><a href="https://explosm.net/login" data-reveal-id="sign-in-modal">Sign in</a> to post a comment</p>
 216                     <div id="comments-container">
 217                         <p>Loading...</p>
 218                     </div>
 219                 </div>
 220             </div>
 221             <div class="small-12 medium-12 large-4 columns">
 222                 <div class="row">
 223                     <div class="small-12 columns">
 224                         <h2 class="gamma">Advertisement</h2>
 225                     </div>
 226                     <div class="small-12 medium-4 large-12 columns sidebar-content-block">
 227
 228
 229                         <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
 230                         <div id="3508563"><noscript><a href="http://ads.intergi.com/adlink|3.0|5205.1|3508563|0|170|ADTECH;loc=300;key=key1+key2+key3+key4;alias=" target="_blank">  <img src="http://config.privoxy.org/send-banner?type=auto" border="0" title="Killed-http://ads.intergi.com/adserv|3.0|5205.1|3508563|0|170|ADTECH;loc=300;key=key1+key2+key3+key4;alias=-by-size" width="300" height="250"></a></noscript></div>
 231                         <script type="text/javascript">
 232                             ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
 233                             ADTECH.config.placements[3508563] = { sizeid: 170, params: { alias: '', target: '_blank' }};
 234                             ADTECH.loadAd(3508563);
 235                         </script>
 236                     </div>
 237                     <div class="large-12 columns">
 238                         <div class="js-promo-ads" data-zone="1"></div>
 239                     </div>
 240                     <div class="small-12 medium-4 large-12 columns sidebar-content-block">
 241
 242
 243                         <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
 244                         <div id="3508562"><noscript><a href="http://ads.intergi.com/adlink|3.0|5205.1|3508562|0|170|ADTECH;loc=300;key=key1+key2+key3+key4;alias=" target="_blank">  <img src="http://config.privoxy.org/send-banner?type=auto" border="0" title="Killed-http://ads.intergi.com/adserv|3.0|5205.1|3508562|0|170|ADTECH;loc=300;key=key1+key2+key3+key4;alias=-by-size" width="300" height="250"></a></noscript></div>
 245                         <script type="text/javascript">
 246                             ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
 247                             ADTECH.config.placements[3508562] = { sizeid: 170, params: { alias: '', target: '_blank' }};
 248                             ADTECH.loadAd(3508562);
 249                         </script>
 250                     </div>
 251                     <div class="large-12 columns">
 252                         <div class="js-promo-ads" data-zone="2"></div>
 253                     </div>
 254                 </div>
 255             </div>
 256         </div>
 257         <div id="explosmore-callout-banner">
 258             <div class="row">
 259                 <div class="small-12 medium-8 large-9 columns small-only-text center">
 260                     <h4 class="body-font">Did you know by creating an account you can favorite comics and shorts, automatically bookmark the last one you saw, and more? <a href="https://explosm.net/user/register">Learn more about it here!</a></h4>
 261                 </div>
 262                 <div class="small-12 medium-4 large-3 columns">
 263                     <a href="#" class="custom-primary-button" data-reveal-id="sign-in-modal">Sign up!</a>
 264                 </div>
 265             </div>
 266         </div>
 267         <div class="footer-leaderboard-container">
 268             <div class="leaderboard-ad">
 269
 270
 271                 <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
 272                 <div id="3508561"><noscript><a href="http://ads.intergi.com/adlink|3.0|5205.1|3508561|0|225|ADTECH;loc=300;key=key1+key2+key3+key4;alias=" target="_blank"><img src="http://ads.intergi.com/adserv|3.0|5205.1|3508561|0|225|ADTECH;loc=300;key=key1+key2+key3+key4;alias=" border="0" width="728" height="90"></a></noscript></div>
 273                 <script type="text/javascript">
 274                     ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
 275                     ADTECH.config.placements[3508561] = { sizeid: 225, params: { alias: '', target: '_blank' }};
 276                     ADTECH.loadAd(3508561);
 277                 </script>
 278             </div>
 279         </div>
 280         <div id="footer">
 281             <div class="row">
 282                 <div class="small-12 small-12 medium-4 large-3 columns">
 283                     <h5>Explore Stuff</h5>
 284                     <ul class="no-bullet">
 285                         <li><a href="/">Home</a></li>
 286                         <li><a href="/comics/latest">Comics</a></li>
 287                         <li><a href="/shorts/">Shorts</a></li>
 288                         <li><a href="/live/">Live</a></li>
 289                         <li><a href="/news/">News</a></li>
 290                         <li><a href="http://store.explosm.net/">Store</a></li>
 291                         <li><a href="/rcg">Comic Generator</a></li>
 292                     </ul>
 293                 </div>
 294                 <div class="small-12 medium-4 large-3 columns">
 295                     <h5>Hot Stuff</h5>
 296                     <ul class="no-bullet">
 297                         <li><a href="/comics/4031">Comic 2015.08.22</a></li>
 298                         <li><a href="/comics/4029">Comic 2015.08.19</a></li>
 299                         <li><a href="/comics/4030">Comic 2015.08.21</a></li>
 300                         <li><a href="/comics/4028">Comic 2015.08.18</a></li>
 301                         <li><a href="/comics/4033">Comic 2015.08.23</a></li>
 302                         <li><a href="/comics/4035">Comic 2015.08.25</a></li>
 303                         <li><a href="/comics/4017">Comic 2015.08.20</a></li>
 304                         <li><a href="/comics/4027">Comic 2015.08.17</a></li>
 305                     </ul>
 306                 </div>
 307                 <div class="small-12 medium-4 large-3 columns">
 308                     <h5>Legal Stuff</h5>
 309                     <ul class="no-bullet">
 310                         <li><a href="/contact/">Contact Us</a></li>
 311                         <li><a href="/privacy/">Privacy Policy</a></li>
 312                         <li><a href="/contact/#advertising">Advertising</a></li>
 313                     </ul>
 314                 </div>
 315                 <div class="small-12 medium-12 large-3 columns">
 316                     <h5>Connect with us</h5>
 317                     <ul id="footer-social-icons" class="inline-list">
 318                         <li><a href="https://www.facebook.com/explosm"><i class="fa fa-facebook-square"></i></a></li>
 319                         <li><a href="https://plus.google.com/+ExplosmEntertainment"><i class="fa fa-google-plus-square"></i></a></li>
 320                         <li><a href="https://twitter.com/Explosm"><i class="fa fa-twitter-square"></i></a></li>
 321                         <li><a href="http://www.youtube.com/user/ExplosmEntertainment"><i class="fa fa-youtube-square"></i></a></li>
 322                         <li><a href="http://instagram.com/explosmofficial"><i class="fa fa-instagram"></i></a></li>
 323                         <li><a href="http://feeds.feedburner.com/Explosm"><i class="fa fa-rss"></i></a></li>
 324                     </ul>
 325                     <a href="https://itunes.apple.com/us/app/cyanide-and-happiness/id368088267?mt=8&uo=4" target="itunes_store" class="show-for-medium-down custom-download-app-button">Download the app!</a>
 326                 </div>
 327             </div>
 328         </div>
 329         <div id="legal-footer">
 330             <div class="row">
 331                 <div class="small-12 medium-12 large-12 columns"><small>All content is Copyright &copy; 2000–2015 of Explosm, LLC.</small></div>
 332             </div>
 333         </div>
 334         <aside class="right-off-canvas-menu">
 335             <ul class="off-canvas-list">
 336                 <li><label>Explosm</label></li>
 337                 <li><a href="/">Home</a></li>
 338                 <li><a href="/comics/latest">Comics</a></li>
 339                 <li><a href="/shorts/">Shorts</a></li>
 340                 <li><a href="/live/">Live</a></li>
 341                 <li><a href="/news/">News</a></li>
 342                 <li><a href="http://store.explosm.net/">Store</a></li>
 343                 <li><a href="/rcg">Comic Generator</a></li>
 344             </ul>
 345         </aside>
 346         <a class="exit-off-canvas"></a>
 347     </div>
 348 </div>
 349 <div id="sign-in-modal" class="reveal-modal small" data-reveal>
 350     <div class="row">
 351         <div class="row">
 352             <div class="small-9 medium-9 large-9 columns">
 353                 <h4>Log in or Register</h4>
 354             </div>
 355             <div class="small-3 medium-3 large-3 columns text-right">
 356                 <span><a class="close-reveal-modal"><i class="fa fa-times close-icon"></i></a></span>
 357             </div>
 358         </div>
 359         <div class="row">
 360             <div class="small-12 medium-12 large-12 columns">
 361                 <hr/>
 362             </div>
 363         </div>
 364         <div class="row">
 365             <div class="small-12 medium-12 large-12 columns"><a href="/auth/facebook?_csrf_token=d9a3630dd5bbf64d3c01cdf503819ff13a339a29" class="custom-facebook-button"><i class="fa fa-facebook">&nbsp;&nbsp;</i>Sign in with Facebook</a></div>
 366         </div>
 367         <div class="row">
 368             <div class="small-12 medium-12 large-12 columns">
 369                 <hr/>
 370             </div>
 371         </div>
 372         <form method="POST" action="https://explosm.net/profile/login_check">
 373             <div class="row">
 374                 <div class="small-12 medium-12 large-12 columns">
 375                     <label for="username">Username or email address</label>
 376                     <input type="text" id="username" name="_username" value=""/>
 377                 </div>
 378             </div>
 379             <div class="row">
 380                 <div class="small-12 medium-12 large-12 columns">
 381                     <label for="password">Password</label>
 382                     <input type="password" id="password" name="_password"/>
 383                 </div>
 384             </div>
 385             <div class="row">
 386                 <div class="medium-12 large-12 large-centered columns">
 387                     <input type="checkbox" id="remember_me" name="_remember_me" checked />
 388                     <label for="remember_me">Remember me</label>
 389                 </div>
 390             </div>
 391             <div class="row">
 392                 <div class="small-12 medium-12 large-12 columns">
 393                     <input type="submit" class="custom-primary-button" value="Log in">
 394                     <small><a href="/profile/forgot_password">Forgot your password?</a></small>
 395                 </div>
 396             </div>
 397         </form>
 398         <div class="row">
 399             <div class="small-12 medium-12 large-12 columns">
 400                 <hr/>
 401             </div>
 402         </div>
 403         <div class="row">
 404             <div class="small-12 medium-12 large-12 columns">
 405                 Don't have an account? <a href="/user/register">Join the cool kids here!</a>
 406             </div>
 407         </div>
 408     </div>
 409 </div>
 410 <div>
 411     <script type="text/javascript" src="/js/bower_components/jquery/dist/jquery.min.js"></script>
 412     <script type="text/javascript" src="/js/bower_components/foundation/js/foundation.min.js"></script>
 413     <script type="text/javascript" src="/js/waypoints.min.js"></script>
 414     <script type="text/javascript" src="/js/jstorage.js"></script>
 415     <script type="text/javascript" src="/js/app.js"></script>
 416     <script type="text/javascript" src="/js/jquery.jcarousel.min.js"></script>
 417     <script type="text/javascript" src="/js/jquery.main.js"></script>
 418     <script type="text/javascript">
 419         $(function(){
 420             app.init(false);
 421             app.promoAds();
 422             app.favorites();
 423             app.moreFromExplosm();
 424             app.loadComments('comic-4036');
 425             app.addTrackinShortAndComic();
 426             $(document).keydown(function(event){
 427                 var tag = event.target.tagName.toLowerCase();
 428                 if (tag != 'input' && tag != 'textarea')
 429                 {
 430                     if (event.keyCode == 37)
 431                         $("a.previous-comic")[0].click();
 432                     if (event.keyCode == 39)
 433                         $("a.next-comic")[0].click();
 434                     if (event.keyCode == 82)
 435                         $("a.random-comic-link")[0].click();
 436                 }
 437             });
 438         });
 439     </script>
 440
 441     <script type="text/javascript">
 442         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 443                     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 444                 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 445         })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 446         ga('create', 'UA-43014788-1', 'explosm.net'); // Hive
 447         ga('create', 'UA-52978627-1', 'auto', {'name': 'explosm'});
 448         ga('send', 'pageview');
 449         ga('explosm.send', 'pageview');
 450     </script>
 451
 452     <script type="text/javascript">
 453         var _comscore = _comscore || [];
 454         _comscore.push({ c1: "2", c2: "6035334" });
 455         (function() {
 456             var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true;
 457             s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
 458             el.parentNode.insertBefore(s, el);
 459         })();
 460     </script>
 461     <noscript><img src="http://b.scorecardresearch.com/p?c1=2&c2=6035334&cv=2.0&cj=1"/></noscript>
 462
 463
 464     <script src="//my.hellobar.com/dd22590718d53b46752dff6152f266949f74003b.js" type="text/javascript" charset="utf-8" async="async"></script>
 465     <div class="hide">
 466
 467
 468         <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
 469         <div id="3508586"><noscript><a href="http://ads.intergi.com/adlink|3.0|5205.1|3508586|0|509|ADTECH;loc=300;key=key1+key2+key3+key4;alias=" target="_blank"><img src="http://ads.intergi.com/adserv|3.0|5205.1|3508586|0|509|ADTECH;loc=300;key=key1+key2+key3+key4;alias=" border="0" width="2" height="1"></a></noscript></div>
 470         <script type="text/javascript">
 471             ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
 472             ADTECH.config.placements[3508586] = { sizeid: 509, params: { alias: '', target: '_blank' }};
 473             ADTECH.loadAd(3508586);
 474         </script>
 475     </div>
 476     <script type="text/javascript" src="//ziccardia.com/adBlockDetector/12065" async defer></script>
 477 </div>
 478 <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"2ac27bc758","applicationID":"5003893","transactionName":"YFZaNhFSCkZXUBFbX1kcexcQRwtYGUUMV0doUFcPClA=","queueTime":0,"applicationTime":28,"atts":"TBFZQFlIGUg=","errorBeacon":"bam.nr-data.net","agent":"js-agent.newrelic.com\/nr-686.min.js"}</script></body>
 479 </html>