Fix parsing of “Cyanide & Happiness.”
authorDavid ‘Bombe’ Roden <bombe@pterodactylus.net>
Wed, 26 Aug 2015 19:40:56 +0000 (21:40 +0200)
committerDavid ‘Bombe’ Roden <bombe@pterodactylus.net>
Wed, 26 Aug 2015 19:40:56 +0000 (21:40 +0200)
src/main/java/net/pterodactylus/rhynodge/filters/comics/CyanideAndHappinessComicFilter.java
src/test/java/net/pterodactylus/rhynodge/filters/comics/CyanideAndHappinessComicFilterTest.java
src/test/resources/net/pterodactylus/rhynodge/filters/comics/cyanide-and-happiness.html

index 8cceb5c..f8d116f 100644 (file)
@@ -17,6 +17,9 @@
 
 package net.pterodactylus.rhynodge.filters.comics;
 
+import static com.google.common.base.Optional.absent;
+import static com.google.common.base.Optional.of;
+
 import java.net.URI;
 import java.net.URISyntaxException;
 import java.net.URL;
@@ -42,7 +45,7 @@ public class CyanideAndHappinessComicFilter extends ComicSiteFilter {
 
        @Override
        protected Optional<String> extractTitle(Document document) {
-               return Optional.absent();
+               return extractImageUrls(document).isEmpty() ? absent() : of("");
        }
 
        @Override
index ea435d1..f4ddcfd 100644 (file)
@@ -1,12 +1,14 @@
 package net.pterodactylus.rhynodge.filters.comics;
 
+import static org.hamcrest.MatcherAssert.assertThat;
+import static org.hamcrest.Matchers.contains;
+
 import java.io.IOException;
 
 import net.pterodactylus.rhynodge.filters.ResourceLoader;
+import net.pterodactylus.rhynodge.states.ComicState;
+import net.pterodactylus.rhynodge.states.HtmlState;
 
-import com.google.common.base.Optional;
-import org.hamcrest.MatcherAssert;
-import org.hamcrest.Matchers;
 import org.jsoup.nodes.Document;
 import org.junit.Test;
 
@@ -19,24 +21,21 @@ public class CyanideAndHappinessComicFilterTest {
 
        private final CyanideAndHappinessComicFilter comicSiteFilter = new CyanideAndHappinessComicFilter();
        private final Document document;
+       private final HtmlState htmlState;
 
        public CyanideAndHappinessComicFilterTest() throws IOException {
                document = ResourceLoader.loadDocument(getClass(), "cyanide-and-happiness.html", "http://www.explosm.net/comics/new/");
+               htmlState = new HtmlState("http://files.explosm.net/comics/Kris/skeletor.png", document);
        }
 
        @Test
-       public void filterCanParseComicTitle() {
-               MatcherAssert.assertThat(comicSiteFilter.extractTitle(document), Matchers.is(Optional.absent()));
-       }
-
-       @Test
-       public void filterCanExtractImageUrls() {
-               MatcherAssert.assertThat(comicSiteFilter.extractImageUrls(document), Matchers.contains("http://files.explosm.net/comics/Dave/moneyhappiness.png"));
-       }
-
-       @Test
-       public void filterExtractNoImageComments() {
-               MatcherAssert.assertThat(comicSiteFilter.extractImageComments(document), Matchers.empty());
+       public void comicCanBeParsed() {
+               ComicState comicState = (ComicState) comicSiteFilter.filter(htmlState);
+               assertThat(comicState.comics(), contains(
+                               ComicMatchers.isComic("", contains(
+                                               ComicMatchers.isStrip("http://files.explosm.net/comics/Kris/skeletor.png", "")
+                               ))
+               ));
        }
 
 }
index dee38e2..c8e9368 100644 (file)
+
 <!doctype html>
 <html class="no-js" lang="en">
 <head>
-<title>Explosm.net - Home of Cyanide and Happiness</title>
-<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"/>
-<meta charset="utf-8"/><script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(n,t,e){function r(e){if(!t[e]){var o=t[e]={exports:{}};n[e][0].call(o.exports,function(t){var o=n[e][1][t];return r(o?o:t)},o,o.exports)}return t[e].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<e.length;o++)r(e[o]);return r}({QJf3ax:[function(n,t){function e(n){function t(t,e,a){n&&n(t,e,a),a||(a={});for(var u=c(t),f=u.length,s=i(a,o,r),p=0;f>p;p++)u[p].apply(s,e);return s}function a(n,t){f[n]=c(n).concat(t)}function c(n){return f[n]||[]}function u(){return e(t)}var f={};return{on:a,emit:t,create:u,listeners:c,_events:f}}function r(){return{}}var o="nr@context",i=n("gos");t.exports=e()},{gos:"7eSDFh"}],ee:[function(n,t){t.exports=n("QJf3ax")},{}],gos:[function(n,t){t.exports=n("7eSDFh")},{}],"7eSDFh":[function(n,t){function e(n,t,e){if(r.call(n,t))return n[t];var o=e();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(n,t,{value:o,writable:!0,enumerable:!1}),o}catch(i){}return n[t]=o,o}var r=Object.prototype.hasOwnProperty;t.exports=e},{}],D5DuLP:[function(n,t){function e(n,t,e){return r.listeners(n).length?r.emit(n,t,e):(o[n]||(o[n]=[]),void o[n].push(t))}var r=n("ee").create(),o={};t.exports=e,e.ee=r,r.q=o},{ee:"QJf3ax"}],handle:[function(n,t){t.exports=n("D5DuLP")},{}],XL7HBI:[function(n,t){function e(n){var t=typeof n;return!n||"object"!==t&&"function"!==t?-1:n===window?0:i(n,o,function(){return r++})}var r=1,o="nr@id",i=n("gos");t.exports=e},{gos:"7eSDFh"}],id:[function(n,t){t.exports=n("XL7HBI")},{}],loader:[function(n,t){t.exports=n("G9z0Bl")},{}],G9z0Bl:[function(n,t){function e(){var n=v.info=NREUM.info;if(n&&n.licenseKey&&n.applicationID&&f&&f.body){c(d,function(t,e){t in n||(n[t]=e)}),v.proto="https"===l.split(":")[0]||n.sslForHttp?"https://":"http://",a("mark",["onload",i()]);var t=f.createElement("script");t.src=v.proto+n.agent,f.body.appendChild(t)}}function r(){"complete"===f.readyState&&o()}function o(){a("mark",["domContent",i()])}function i(){return(new Date).getTime()}var a=n("handle"),c=n(1),u=window,f=u.document,s="addEventListener",p="attachEvent",l=(""+location).split("?")[0],d={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-515.min.js"},v=t.exports={offset:i(),origin:l,features:{}};f[s]?(f[s]("DOMContentLoaded",o,!1),u[s]("load",e,!1)):(f[p]("onreadystatechange",r),u[p]("onload",e)),a("mark",["firstbyte",i()])},{1:11,handle:"D5DuLP"}],11:[function(n,t){function e(n,t){var e=[],o="",i=0;for(o in n)r.call(n,o)&&(e[i]=t(o,n[o]),i+=1);return e}var r=Object.prototype.hasOwnProperty;t.exports=e},{}]},{},["G9z0Bl"]);</script>
-<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-<link rel="stylesheet" type="text/css" href="/css/MyFontsWebfontsKit.css">
-<link rel="stylesheet" href="/css/app.css"/>
-<link rel="stylesheet" href="/css/fa/css/font-awesome.css"/>
-<script src="/js/bower_components/modernizr/modernizr.js"></script>
-<meta property="fb:app_id" content="808913609170367">
-<meta property="og:site_name" content="Cyanide and Happiness">
-<meta name="apple-itunes-app" content="app-id=id368088267">
-<meta property="og:image" content="http://files.explosm.net/comics/Dave/moneyhappiness.png">
-<meta property="og:url" content="http://explosm.net/comics/3832/">
-<meta property="og:type" content="article">
-<meta property="article:publisher" content="https://www.facebook.com/explosm">
-<script type='text/javascript'>
-    var googletag = googletag || {};
-    googletag.cmd = googletag.cmd || [];
-    (function() {
-        var gads = document.createElement('script');
-        gads.async = true;
-        gads.type = 'text/javascript';
-        var useSSL = 'https:' == document.location.protocol;
-        gads.src = (useSSL ? 'https:' : 'http:') +
-        '//www.googletagservices.com/tag/js/gpt.js';
-        var node = document.getElementsByTagName('script')[0];
-        node.parentNode.insertBefore(gads, node);
-    })();
-    </script>
-<script type='text/javascript'>
-        googletag.cmd.push(function() {
-        googletag.defineSlot('/9440963/728_top_explosm', [[728, 90], [750, 100], [750, 200], [750, 300], [930, 180], [950, 90], [960, 90], [970, 66], [970, 90], [970, 250], [980, 90], [980, 120], [990, 250]], 'div-gpt-ad-1419898864153-0').addService(googletag.pubads());
-        googletag.defineSlot('/9440963/728_bottom_explosm', [[728, 90], [750, 100], [750, 200], [750, 300], [930, 180], [950, 90], [960, 90], [970, 66], [970, 90], [970, 250], [980, 90], [980, 120], [990, 250]], 'div-gpt-ad-1419898892022-0').addService(googletag.pubads());
-        googletag.defineSlot('/9440963/1_mobile_explosm', [320, 50], 'div-gpt-ad-1419899139462-0').addService(googletag.pubads());
-        googletag.defineSlot('/9440963/2_mobile_explosm', [320, 50], 'div-gpt-ad-1419899188290-0').addService(googletag.pubads());
-        googletag.defineSlot('/9440963/3_mobile_explosm', [320, 50], 'div-gpt-ad-1419899218145-0').addService(googletag.pubads());
-        googletag.defineSlot('/9440963/120_left_explosm', [[120, 60], [120, 90], [120, 240], [120, 600], [160, 600]], 'div-gpt-ad-1419898930001-0').addService(googletag.pubads());
-googletag.defineSlot('/9440963/120_right_explosm', [[120, 60], [120, 90], [120, 240], [120, 600], [160, 600]], 'div-gpt-ad-1419898959126-0').addService(googletag.pubads());
-googletag.defineSlot('/9440963/300_first_explosm', [[300, 60], [300, 100], [300, 250], [300, 600]], 'div-gpt-ad-1419899001581-0').addService(googletag.pubads());
-googletag.defineSlot('/9440963/300_second_explosm', [[300, 60], [300, 100], [300, 250], [300, 600]], 'div-gpt-ad-1419899033179-0').addService(googletag.pubads());
-googletag.defineSlot('/9440963/300_third_explosm', [[300, 60], [300, 100], [300, 250], [300, 600]], 'div-gpt-ad-1419899077364-0').addService(googletag.pubads());
-        googletag.pubads().enableSingleRequest();
-        googletag.enableServices();
-        googletag.pubads().collapseEmptyDivs();
-    });
-    </script>
+    <title>Cyanide & Happiness (Explosm.net)</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"/>
+    <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>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <link rel="stylesheet" type="text/css" href="/css/MyFontsWebfontsKit.css">
+    <link rel="stylesheet" href="/css/app.css"/>
+    <link rel="stylesheet" href="/css/jcarousel.responsive.css"/>
+    <link rel="stylesheet" href="/css/home.css"/>
+    <link rel="stylesheet" href="/css/fa/css/font-awesome.css"/>
+    <meta property="fb:app_id" content="808913609170367">
+    <meta property="og:site_name" content="Cyanide & Happiness">
+    <meta name="apple-itunes-app" content="app-id=id368088267">
+    <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png">
+    <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96">
+    <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="/favicons/manifest.json">
+    <link rel="shortcut icon" href="/favicons/favicon.ico">
+    <meta name="apple-mobile-web-app-title" content="Cyanide & Happiness">
+    <meta name="application-name" content="Cyanide & Happiness">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="msapplication-TileImage" content="/favicons/mstile-144x144.png">
+    <meta name="msapplication-config" content="/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#ffffff">
+    <script type="text/javascript" src="/js/bower_components/modernizr/modernizr.js"></script>
+    <meta property="og:image" content="http://files.explosm.net/comics/Kris/skeletor.png">
+    <meta property="og:url" content="http://explosm.net/comics/4036/">
+    <meta property="og:type" content="article">
+    <meta property="article:publisher" content="https://www.facebook.com/explosm">
 </head>
 <body><script type="text/javascript">
-//<![CDATA[
-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){}
-//]]>
+    //<![CDATA[
+    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){}
+    //]]>
 </script>
 <div class="off-canvas-wrap" data-offcanvas>
-<div class="inner-wrap">
-<div id="superheader-bar">
-<div class="row">
-<div class="small-6 medium-3 large-2 columns">
-<a href="/"><img id="explosm-logo" src="/img/logo.png" title="Explosm"/></a>
-<div class="row">
-<div class="small-12 columns">
-<ul id="superheader-social-icons" class="inline-list">
-<li><a href="https://www.facebook.com/explosm"><i class="fa fa-facebook-square"></i></a></li>
-<li><a href="https://plus.google.com/+ExplosmEntertainment"><i class="fa fa-google-plus-square"></i></a></li>
-<li><a href="https://twitter.com/Explosm"><i class="fa fa-twitter-square"></i></a></li>
-<li><a href="http://www.youtube.com/user/ExplosmEntertainment"><i class="fa fa-youtube-square"></i></a></li>
-<li><a href="http://instagram.com/explosmofficial"><i class="fa fa-instagram"></i></a></li>
-<li><a href="http://feeds.feedburner.com/Explosm"><i class="fa fa-rss"></i></a></li>
-</ul>
-</div>
-</div>
-</div>
-<div class="large-10 columns hide-for-medium-down">
-<div class="row">
-<div class="small-12 columns text-right">
-<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>
-</div>
-</div>
-<div class="row">
-<nav id="site-nav" class="medium-12 large-12 columns">
-<ul class="inline-list right">
-<li><a href="/comics/archive">Comics</a></li>
-<li><a href="/shorts/">Shorts</a></li>
-<li><a href="/show/">Show</a></li>
-<li><a href="/news/">News</a></li>
-<li><a href="http://store.explosm.net/">Store</a></li>
-<li><a href="/user/register">Season Pass</a></li>
-<li><a href="/rcg">Comic Generator</a></li>
-</ul>
-</nav>
-</div>
-</div>
-<nav class="small-6 medium-9 columns hide-for-large-up">
-<div class="row">
-<div class="small-12 columns text-right">
-<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>
-</div>
-</div>
-<div class="row">
-<div class="large-12 columns">
-<ul id="header-nav-icons" class="inline-list right">
-<li>
-<span class="gamma"><a class="right-off-canvas-toggle" href="#"><i class="fa fa-bars"></i></a></span>
-</li>
-</ul>
-</div>
-</div>
-</nav>
-</div>
-</div>
-<div class="leaderboard-container">
-<div class="leaderboard-ad">
-<div id='div-gpt-ad-1419898864153-0' class="hide-for-small-down">
-<script type='text/javascript'>
-                googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419898864153-0'); });
-                </script>
-</div>
-<div id='div-gpt-ad-1419899139462-0' style='width:320px; height:50px;'>
-<script type='text/javascript'>
-            googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419899139462-0'); });
+    <div class="inner-wrap">
+        <div id="superheader-bar">
+            <div class="row">
+                <div class="small-6 medium-3 large-2 columns">
+                    <a href="/"><img src="/img/logo.png" id="explosm-logo" title="Explosm"/></a>
+                    <div class="row">
+                        <div class="small-12 columns">
+                            <ul id="superheader-social-icons" class="inline-list">
+                                <li><a href="https://www.facebook.com/explosm"><i class="fa fa-facebook-square"></i></a></li>
+                                <li><a href="https://plus.google.com/+ExplosmEntertainment"><i class="fa fa-google-plus-square"></i></a></li>
+                                <li><a href="https://twitter.com/Explosm"><i class="fa fa-twitter-square"></i></a></li>
+                                <li><a href="http://www.youtube.com/user/ExplosmEntertainment"><i class="fa fa-youtube-square"></i></a></li>
+                                <li><a href="http://instagram.com/explosmofficial"><i class="fa fa-instagram"></i></a></li>
+                                <li><a href="http://feeds.feedburner.com/Explosm"><i class="fa fa-rss"></i></a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="large-10 columns hide-for-medium-down">
+                    <div class="row">
+                        <div class="small-12 columns text-right">
+                            <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>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <nav id="site-nav" class="medium-12 large-12 columns">
+                            <ul class="inline-list right">
+                                <li><a href="/comics/latest">Comics</a></li>
+                                <li><a href="/shorts/">Shorts</a></li>
+                                <li><a href="/live/">Live</a></li>
+                                <li><a href="/news/">News</a></li>
+                                <li><a href="http://store.explosm.net/">Store</a></li>
+                                <li><a href="/rcg">Comic Generator</a></li>
+                            </ul>
+                        </nav>
+                    </div>
+                </div>
+                <nav class="small-6 medium-9 columns hide-for-large-up">
+                    <div class="row">
+                        <div class="small-12 columns text-right">
+                            <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>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="large-12 columns">
+                            <ul id="header-nav-icons" class="inline-list right">
+                                <li>
+                                    <span class="gamma"><a class="right-off-canvas-toggle" href="#"><i class="fa fa-bars"></i></a></span>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </nav>
+            </div>
+        </div>
+        <div class="hide">
+
+
+            <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
+            <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>
+            <script type="text/javascript">
+                ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
+                ADTECH.config.placements[3508564] = { sizeid: 16, params: { alias: '', target: '_blank' }};
+                ADTECH.loadAd(3508564);
             </script>
-</div>
-</div>
-</div>
-<div class="clearfix">
-<div class="left ad-sidebar hide-for-medium-down">
-<div id='div-gpt-ad-1419898930001-0'>
-<script type='text/javascript'>
-        googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419898930001-0'); });
-        </script>
-</div>
-</div>
-<div id="featured-content-ads-present">
-<div class="row">
-<div class="medium-12 large-10 medium-centered large-centered columns">
-<div class="nav-buttons-top">
-<div class="row">
-<div class="small-12 medium-8 large-6 columns end">
-<ul class="small-block-grid-5">
-<li><a href="/comics/15"><img src="/img/nav-button_first@2x.png"/></a></li>
-<li><a href="/comics/3831/" class="previous-comic"><img src="/img/nav-button_previous@2x.png"/></a></li>
-<li><a href="/comics/random/" class="random-comic-link"><img src="/img/nav-button_random@2x.png"/></a></li>
-<li><a href="#" class="next-comic"><img src="/img/nav-button_next@2x.png"/></a></li>
-<li><a href="/comics/latest/"><img src="/img/nav-button_newest@2x.png"/></a></li>
-</ul>
-</div>
-</div>
-</div>
-<div id="comic-container">
-<div class="row">
-<div class="small-12 medium-12 large-12 columns">
-<img id="main-comic" src="//files.explosm.net/comics/Dave/moneyhappiness.png"/>
-</div>
-</div>
-</div>
-<div class="row">
-<div class="small-12 medium-6 large-6 columns">
-<div class="row collapse">
-<div class="small-2 medium-2 large-2 columns">
-<img src="//files.explosm.net/avatars/207.jpg"/>
-</div>
-<div class="meta-data">
-<div class="small-8 medium-9 large-8 columns">
-<h3 class="zeta small-bottom-margin past-week-comic-title"><a href="/comics/3832">2015.02.10</a></h3>
-<small class="author-credit-name">by Dave McElfatrick</small>
-<ul class="inline-list interact-share-list">
-<li><small><a href="/comics/3832#comments"><i class="fa fa-comment"></i></a>&nbsp;<span class="comment-count">9</a></small></li>
-<li><small><a href="#" class="favoritable" data-slug="comic-3832" data-type="comic" data-id="3832"><i class="fa fa-star"></i></a>&nbsp;<span class="count">18</span></a></small></li>
-</ul>
-</div>
-</div>
-</div>
-</div>
-<div class="small-12 medium-6 large-6 columns">
-<ul class="custom-comic-social-button-group">
-<li><a href="https://www.facebook.com/dialog/share?app_id=808913609170367&amp;display=popup&amp;href=http%3A%2F%2Fexplosm.net%2Fcomics%2F3832%2F&amp;redirect_uri=http%3A%2F%2Fexplosm.net%2Fcomics%2F3832%2F" class="custom-facebook-button"><i class="fa fa-facebook"></i></a></li>
-<li><a href="https://plus.google.com/share?url=http%3A%2F%2Fexplosm.net%2Fcomics%2F3832%2F" class="custom-google-plus-button"><i class="fa fa-google-plus"></i></a></li>
-<li><a href="https://twitter.com/home?status=Check%20out%20this%20@explosm%20comic!%20http%3A%2F%2Fexplosm.net%2Fcomics%2F3832%2F" class="custom-twitter-button"><i class="fa fa-twitter"></i></a></li>
-</ul>
-</div>
-</div>
-<div id="comic-interact-button-row" class="row">
-<div class="small-12 medium-6 large-6 columns">
-<a href="#comments" class="custom-secondary-button"><i class="fa fa-comment"></i>&nbsp;&nbsp;Add comment</a>
-</div>
-<div class="small-12 medium-6 large-6 columns">
-<a href="#" class="custom-secondary-button favoritable" data-slug="comic-3832" data-type="comic" data-id="3832"><i class="fa fa-star"></i>&nbsp;&nbsp;Favorite This</a>
-</div>
-</div>
-<div class="nav-buttons-bottom">
-<div class="row">
-<div class="small-12 medium-8 large-6 columns end">
-<ul class="small-block-grid-5">
-<li><a href="/comics/15"><img src="/img/nav-button_first@2x.png"/></a></li>
-<li><a href="/comics/3831/" class="previous-comic"><img src="/img/nav-button_previous@2x.png"/></a></li>
-<li><a href="/comics/random/" class="random-comic-link"><img src="/img/nav-button_random@2x.png"/></a></li>
-<li><a href="#" class="next-comic"><img src="/img/nav-button_next@2x.png"/></a></li>
-<li><a href="/comics/latest/"><img src="/img/nav-button_newest@2x.png"/></a></li>
-</ul>
-</div>
-</div>
-</div>
-</div>
-</div>
-</div>
-<div class="right ad-sidebar hide-for-medium-down">
-<div id='div-gpt-ad-1419898959126-0'>
-<script type='text/javascript'>
-        googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419898959126-0'); });
-        </script>
-</div>
-</div>
-</div>
-<div class="row">
-<div class="small-12 medium-12 large-12 columns">
-<hr/>
-</div>
-</div>
-<div>
-<div class="row">
-<div class="large-8 columns">
-<div id="more-from-explosm-container" class="row">
-<div class="large-12 columns">
-<h2 class="gamma">More from Explosm</h2>
-</div>
-<div id="more-from-explosm">
-<p>Loading...</p>
-</div>
-<hr/>
-</div>
-<a id="comments">&nbsp;</a>
-<div id="global-comments-container">
-<p><a href="https://explosm.net/login">Sign in</a> to post a comment</p>
-<div id="comments-container">
-<p>Loading...</p>
-</div>
-</div>
-</div>
-<div class="small-12 medium-12 large-4 columns">
-<div class="row">
-<div class="small-12 columns">
-<h2 class="gamma">Advertisement</h2>
-</div>
-<div class="small-12 medium-4 large-12 columns sidebar-content-block">
-<div id='div-gpt-ad-1419899001581-0'>
-<script type='text/javascript'>
-                    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419899001581-0'); });
-                    </script>
-</div>
-</div>
-<div class="small-12 medium-4 large-12 columns sidebar-content-block">
-<div id='div-gpt-ad-1419899033179-0'>
-<script type='text/javascript'>
-                    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419899033179-0'); });
-                    </script>
-</div>
-</div>
-<div class="small-12 medium-4 large-12 columns sidebar-content-block">
-<div id='div-gpt-ad-1419899077364-0'>
-<script type='text/javascript'>
-                    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419899077364-0'); });
-                    </script>
-</div>
-</div>
-</div>
-</div>
-</div>
-</div>
-<div id="explosmore-callout-banner">
-<div class="row">
-<div class="small-12 medium-8 large-9 columns small-only-text center">
-<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>
-</div>
-<div class="small-12 medium-4 large-3 columns">
-<a href="#" class="custom-primary-button" data-reveal-id="sign-in-modal">Sign up!</a>
-</div>
-</div>
-</div>
-<div class="footer-leaderboard-container">
-<div class="leaderboard-ad">
-<div id='div-gpt-ad-1419898892022-0' class="hide-for-small-down">
-<script type='text/javascript'>
-          googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419898892022-0'); });
-          </script>
-</div>
-<div id='div-gpt-ad-1419899188290-0' style='width:320px; height:50px;'>
-<script type='text/javascript'>
-          googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419899188290-0'); });
-          </script>
-</div>
-</div>
-</div>
-<div id="footer">
-<div class="row">
-<div class="small-12 small-12 medium-4 large-3 columns">
-<h5>Explore Stuff</h5>
-<ul class="no-bullet">
-<li><a href="/">Home</a></li>
-<li><a href="/comics/archive">Comics</a></li>
-<li><a href="/shorts/">Shorts</a></li>
-<li><a href="/show/">Show</a></li>
-<li><a href="/news/">News</a></li>
-<li><a href="http://store.explosm.net/">Store</a></li>
-<li><a href="/user/register">Season Pass</a></li>
-<li><a href="/rcg">Comic Generator</a></li>
-</ul>
-</div>
-<div class="small-12 medium-4 large-3 columns">
-<h5>Hot Stuff</h5>
-<ul class="no-bullet">
-<li><a href="/comics/3832">Comic for 2015.02.10</a></li>
-<li><a href="/comics/3831">Comic for 2015.02.09</a></li>
-<li><a href="/comics/3830">Comic for 2015.02.08</a></li>
-<li><a href="/comics/3829">Comic for 2015.02.07</a></li>
-<li><a href="/comics/3828">Comic for 2015.02.06</a></li>
-<li><a href="/comics/3827">Comic for 2015.02.05</a></li>
-<li><a href="/comics/3826">Comic for 2015.02.04</a></li>
-<li><a href="/comics/3825">Comic for 2015.02.03</a></li>
-</ul>
-</div>
-<div class="small-12 medium-4 large-3 columns">
-<h5>Legal Stuff</h5>
-<ul class="no-bullet">
-<li><a href="/contact/">Advertising</a></li>
-<li><a href="/privacy/">Privacy Policy</a></li>
-<li><a href="/contact/">Contact Us</a></li>
-</ul>
-</div>
-<div class="small-12 medium-12 large-3 columns">
-<h5>Connect with us</h5>
-<ul id="footer-social-icons" class="inline-list">
-<li><a href="https://www.facebook.com/explosm"><i class="fa fa-facebook-square"></i></a></li>
-<li><a href="https://plus.google.com/+ExplosmEntertainment"><i class="fa fa-google-plus-square"></i></a></li>
-<li><a href="https://twitter.com/Explosm"><i class="fa fa-twitter-square"></i></a></li>
-<li><a href="http://www.youtube.com/user/ExplosmEntertainment"><i class="fa fa-youtube-square"></i></a></li>
-<li><a href="http://instagram.com/explosmofficial"><i class="fa fa-instagram"></i></a></li>
-<li><a href="http://feeds.feedburner.com/Explosm"><i class="fa fa-rss"></i></a></li>
-</ul>
-<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>
-</div>
-</div>
-</div>
-<div id="legal-footer">
-<div class="row">
-<div class="small-12 medium-12 large-12 columns"><small>All content is Copyright &copy; 2000–2015 of Explosm, LLC.</small></div>
-</div>
-</div>
-<aside class="right-off-canvas-menu">
-<ul class="off-canvas-list">
-<li><label>Explosm</label></li>
-<li><a href="/">Home</a></li>
-<li><a href="/comics/archive">Comics</a></li>
-<li><a href="/shorts/">Shorts</a></li>
-<li><a href="/show/">Show</a></li>
-<li><a href="/news/">News</a></li>
-<li><a href="http://store.explosm.net/">Store</a></li>
-<li><a href="/user/register">Season Pass</a></li>
-<li><a href="/rcg">Comic Generator</a></li>
-</ul>
-</aside>
-<a class="exit-off-canvas"></a>
-</div>
+        </div>
+        <div class="leaderboard-container">
+            <div class="leaderboard-ad">
+
+
+                <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
+                <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>
+                <script type="text/javascript">
+                    ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
+                    ADTECH.config.placements[3508565] = { sizeid: 225, params: { alias: '', target: '_blank' }};
+                    ADTECH.loadAd(3508565);
+                </script>
+            </div>
+        </div>
+        <div class="row">
+            <div class="medium-12 large-8 columns">
+                <div class="nav-buttons-top">
+                    <div class="row">
+                        <div class="small-12 medium-8 large-8 columns end">
+                            <ul class="small-block-grid-5">
+                                <li><a href="/comics/15"><img src="/img/nav-button_first@2x.png"/></a></li>
+                                <li><a href="/comics/4035/" class="previous-comic"><img src="/img/nav-button_previous@2x.png"/></a></li>
+                                <li><a href="/comics/random/" class="random-comic-link"><img src="/img/nav-button_random@2x.png"/></a></li>
+                                <li><a href="#" class="next-comic"><img src="/img/nav-button_next@2x.png"/></a></li>
+                                <li><a href="/comics/latest/"><img src="/img/nav-button_newest@2x.png"/></a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div id="comic-container">
+                    <div class="row">
+                        <div class="small-12 medium-12 large-12 columns">
+                            <img src="//files.explosm.net/comics/Kris/skeletor.png" id="main-comic"/>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="small-12 medium-6 large-6 columns">
+                        <div class="row collapse">
+                            <div class="small-2 medium-2 large-2 columns">
+                                <img src="//files.explosm.net/avatars/206.jpg"/>
+                            </div>
+                            <div class="meta-data">
+                                <div class="small-8 medium-9 large-8 columns">
+                                    <h3 class="zeta small-bottom-margin past-week-comic-title"><a href="/comics/4036">2015.08.26</a></h3>
+                                    <small class="author-credit-name">by Kris Wilson</small>
+                                    <ul class="inline-list interact-share-list">
+                                        <li><small><a href="/comics/4036#comments"><i class="fa fa-comment"></i></a>&nbsp;<span class="comment-count">1</a></small></li>
+                                        <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>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="small-12 medium-6 large-6 columns">
+                        <ul class="custom-comic-social-button-group">
+                            <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>
+                            <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>
+                            <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>
+                        </ul>
+                    </div>
+                </div>
+                <p>
+                    <label for="permalink">
+                        <span>Permalink:</span>
+                        <input id="permalink" type="text" value="http://explosm.net/comics/4036/" onclick="this.select()">
+                    </label>
+                </p>
+                <div id="comic-interact-button-row" class="row">
+                    <div class="small-12 medium-6 large-6 columns">
+                        <a href="#comments" class="custom-secondary-button"><i class="fa fa-comment"></i>&nbsp;&nbsp;Add comment</a>
+                    </div>
+                    <div class="small-12 medium-6 large-6 columns">
+                        <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>
+                    </div>
+                </div>
+                <div class="nav-buttons-bottom">
+                    <div class="row">
+                        <div class="small-12 medium-8 large-8 columns end">
+                            <ul class="small-block-grid-5">
+                                <li><a href="/comics/15"><img src="/img/nav-button_first@2x.png"/></a></li>
+                                <li><a href="/comics/4035/" class="previous-comic"><img src="/img/nav-button_previous@2x.png"/></a></li>
+                                <li><a href="/comics/random/" class="random-comic-link"><img src="/img/nav-button_random@2x.png"/></a></li>
+                                <li><a href="#" class="next-comic"><img src="/img/nav-button_next@2x.png"/></a></li>
+                                <li><a href="/comics/latest/"><img src="/img/nav-button_newest@2x.png"/></a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <p><br/><br/></p>
+                <hr/>
+                <div id="more-from-explosm-container" class="row">
+                    <div class="large-12 columns">
+                        <h2 class="gamma">More from Explosm</h2>
+                    </div>
+                    <div id="more-from-explosm">
+                        <p>Loading...</p>
+                    </div>
+                    <hr/>
+                </div>
+                <a id="comments">&nbsp;</a>
+                <div id="global-comments-container">
+                    <p><a href="https://explosm.net/login" data-reveal-id="sign-in-modal">Sign in</a> to post a comment</p>
+                    <div id="comments-container">
+                        <p>Loading...</p>
+                    </div>
+                </div>
+            </div>
+            <div class="small-12 medium-12 large-4 columns">
+                <div class="row">
+                    <div class="small-12 columns">
+                        <h2 class="gamma">Advertisement</h2>
+                    </div>
+                    <div class="small-12 medium-4 large-12 columns sidebar-content-block">
+
+
+                        <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
+                        <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>
+                        <script type="text/javascript">
+                            ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
+                            ADTECH.config.placements[3508563] = { sizeid: 170, params: { alias: '', target: '_blank' }};
+                            ADTECH.loadAd(3508563);
+                        </script>
+                    </div>
+                    <div class="large-12 columns">
+                        <div class="js-promo-ads" data-zone="1"></div>
+                    </div>
+                    <div class="small-12 medium-4 large-12 columns sidebar-content-block">
+
+
+                        <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
+                        <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>
+                        <script type="text/javascript">
+                            ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
+                            ADTECH.config.placements[3508562] = { sizeid: 170, params: { alias: '', target: '_blank' }};
+                            ADTECH.loadAd(3508562);
+                        </script>
+                    </div>
+                    <div class="large-12 columns">
+                        <div class="js-promo-ads" data-zone="2"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div id="explosmore-callout-banner">
+            <div class="row">
+                <div class="small-12 medium-8 large-9 columns small-only-text center">
+                    <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>
+                </div>
+                <div class="small-12 medium-4 large-3 columns">
+                    <a href="#" class="custom-primary-button" data-reveal-id="sign-in-modal">Sign up!</a>
+                </div>
+            </div>
+        </div>
+        <div class="footer-leaderboard-container">
+            <div class="leaderboard-ad">
+
+
+                <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
+                <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>
+                <script type="text/javascript">
+                    ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
+                    ADTECH.config.placements[3508561] = { sizeid: 225, params: { alias: '', target: '_blank' }};
+                    ADTECH.loadAd(3508561);
+                </script>
+            </div>
+        </div>
+        <div id="footer">
+            <div class="row">
+                <div class="small-12 small-12 medium-4 large-3 columns">
+                    <h5>Explore Stuff</h5>
+                    <ul class="no-bullet">
+                        <li><a href="/">Home</a></li>
+                        <li><a href="/comics/latest">Comics</a></li>
+                        <li><a href="/shorts/">Shorts</a></li>
+                        <li><a href="/live/">Live</a></li>
+                        <li><a href="/news/">News</a></li>
+                        <li><a href="http://store.explosm.net/">Store</a></li>
+                        <li><a href="/rcg">Comic Generator</a></li>
+                    </ul>
+                </div>
+                <div class="small-12 medium-4 large-3 columns">
+                    <h5>Hot Stuff</h5>
+                    <ul class="no-bullet">
+                        <li><a href="/comics/4031">Comic 2015.08.22</a></li>
+                        <li><a href="/comics/4029">Comic 2015.08.19</a></li>
+                        <li><a href="/comics/4030">Comic 2015.08.21</a></li>
+                        <li><a href="/comics/4028">Comic 2015.08.18</a></li>
+                        <li><a href="/comics/4033">Comic 2015.08.23</a></li>
+                        <li><a href="/comics/4035">Comic 2015.08.25</a></li>
+                        <li><a href="/comics/4017">Comic 2015.08.20</a></li>
+                        <li><a href="/comics/4027">Comic 2015.08.17</a></li>
+                    </ul>
+                </div>
+                <div class="small-12 medium-4 large-3 columns">
+                    <h5>Legal Stuff</h5>
+                    <ul class="no-bullet">
+                        <li><a href="/contact/">Contact Us</a></li>
+                        <li><a href="/privacy/">Privacy Policy</a></li>
+                        <li><a href="/contact/#advertising">Advertising</a></li>
+                    </ul>
+                </div>
+                <div class="small-12 medium-12 large-3 columns">
+                    <h5>Connect with us</h5>
+                    <ul id="footer-social-icons" class="inline-list">
+                        <li><a href="https://www.facebook.com/explosm"><i class="fa fa-facebook-square"></i></a></li>
+                        <li><a href="https://plus.google.com/+ExplosmEntertainment"><i class="fa fa-google-plus-square"></i></a></li>
+                        <li><a href="https://twitter.com/Explosm"><i class="fa fa-twitter-square"></i></a></li>
+                        <li><a href="http://www.youtube.com/user/ExplosmEntertainment"><i class="fa fa-youtube-square"></i></a></li>
+                        <li><a href="http://instagram.com/explosmofficial"><i class="fa fa-instagram"></i></a></li>
+                        <li><a href="http://feeds.feedburner.com/Explosm"><i class="fa fa-rss"></i></a></li>
+                    </ul>
+                    <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>
+                </div>
+            </div>
+        </div>
+        <div id="legal-footer">
+            <div class="row">
+                <div class="small-12 medium-12 large-12 columns"><small>All content is Copyright &copy; 2000–2015 of Explosm, LLC.</small></div>
+            </div>
+        </div>
+        <aside class="right-off-canvas-menu">
+            <ul class="off-canvas-list">
+                <li><label>Explosm</label></li>
+                <li><a href="/">Home</a></li>
+                <li><a href="/comics/latest">Comics</a></li>
+                <li><a href="/shorts/">Shorts</a></li>
+                <li><a href="/live/">Live</a></li>
+                <li><a href="/news/">News</a></li>
+                <li><a href="http://store.explosm.net/">Store</a></li>
+                <li><a href="/rcg">Comic Generator</a></li>
+            </ul>
+        </aside>
+        <a class="exit-off-canvas"></a>
+    </div>
 </div>
 <div id="sign-in-modal" class="reveal-modal small" data-reveal>
-<div class="row">
-<div class="row">
-<div class="small-9 medium-9 large-9 columns">
-<h4>Log in or Register</h4>
+    <div class="row">
+        <div class="row">
+            <div class="small-9 medium-9 large-9 columns">
+                <h4>Log in or Register</h4>
+            </div>
+            <div class="small-3 medium-3 large-3 columns text-right">
+                <span><a class="close-reveal-modal"><i class="fa fa-times close-icon"></i></a></span>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-12 large-12 columns">
+                <hr/>
+            </div>
+        </div>
+        <div class="row">
+            <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>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-12 large-12 columns">
+                <hr/>
+            </div>
+        </div>
+        <form method="POST" action="https://explosm.net/profile/login_check">
+            <div class="row">
+                <div class="small-12 medium-12 large-12 columns">
+                    <label for="username">Username or email address</label>
+                    <input type="text" id="username" name="_username" value=""/>
+                </div>
+            </div>
+            <div class="row">
+                <div class="small-12 medium-12 large-12 columns">
+                    <label for="password">Password</label>
+                    <input type="password" id="password" name="_password"/>
+                </div>
+            </div>
+            <div class="row">
+                <div class="medium-12 large-12 large-centered columns">
+                    <input type="checkbox" id="remember_me" name="_remember_me" checked />
+                    <label for="remember_me">Remember me</label>
+                </div>
+            </div>
+            <div class="row">
+                <div class="small-12 medium-12 large-12 columns">
+                    <input type="submit" class="custom-primary-button" value="Log in">
+                    <small><a href="/profile/forgot_password">Forgot your password?</a></small>
+                </div>
+            </div>
+        </form>
+        <div class="row">
+            <div class="small-12 medium-12 large-12 columns">
+                <hr/>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-12 large-12 columns">
+                Don't have an account? <a href="/user/register">Join the cool kids here!</a>
+            </div>
+        </div>
+    </div>
 </div>
-<div class="small-3 medium-3 large-3 columns text-right">
-<span><a class="close-reveal-modal"><i class="fa fa-times close-icon"></i></a></span>
-</div>
-</div>
-<div class="row">
-<div class="small-12 medium-12 large-12 columns">
-<hr/>
-</div>
-</div>
-<div class="row">
-<div class="small-12 medium-12 large-12 columns"><a href="/auth/facebook?_csrf_token=661e848797f613fae942d3f497eeb3f1109c79b8" class="custom-facebook-button"><i class="fa fa-facebook">&nbsp;&nbsp;</i>Sign in with Facebook</a></div>
-</div>
-<div class="row">
-<div class="small-12 medium-12 large-12 columns">
-<hr/>
-</div>
-</div>
-<form method="POST" action="https://explosm.net/profile/login_check">
-<div class="row">
-<div class="small-12 medium-12 large-12 columns">
-<label>Username or email address</label>
-<input type="text" name="_username" value=""/>
-</div>
-</div>
-<div class="row">
-<div class="small-12 medium-12 large-12 columns">
-<label>Password</label>
-<input type="password" name="_password" value=""/>
-</div>
-</div>
-<div class="row">
-<div class="medium-12 large-12 large-centered columns">
-<input id="remember_me" type="checkbox" name="_remember_me" value="1"><label for="remember_me">Remember me</label>
-</div>
-</div>
-<div class="row">
-<div class="small-12 medium-12 large-12 columns">
-<input type="submit" class="custom-primary-button" value="Log in">
-<small><a href="/profile/forgot_password">Forgot your password?</a></small>
-</div>
-</div>
-</form>
-<div class="row">
-<div class="small-12 medium-12 large-12 columns">
-<hr/>
-</div>
-</div>
-<div class="row">
-<div class="small-12 medium-12 large-12 columns">
-Don't have an account? <a href="/user/register">Join the cool kids here!</a>
-</div>
-</div>
-</div>
-</div>
-<div id="sticky-mobile-ad" class="show-for-small-only">
-<div id='div-gpt-ad-1419899218145-0' style='width:320px; height:50px;'>
-<script type='text/javascript'>
-      googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419899218145-0'); });
-      </script>
-</div>
-</div>
-<script src="/js/bower_components/jquery/dist/jquery.min.js"></script>
-<script src="/js/bower_components/foundation/js/foundation.min.js"></script>
-<script src="/js/waypoints.min.js"></script>
-<script src="/js/jstorage.js"></script>
-<script src="/js/app.js"></script>
-<script type="text/javascript">
-    $(function(){
-        app.init(false);
+<div>
+    <script type="text/javascript" src="/js/bower_components/jquery/dist/jquery.min.js"></script>
+    <script type="text/javascript" src="/js/bower_components/foundation/js/foundation.min.js"></script>
+    <script type="text/javascript" src="/js/waypoints.min.js"></script>
+    <script type="text/javascript" src="/js/jstorage.js"></script>
+    <script type="text/javascript" src="/js/app.js"></script>
+    <script type="text/javascript" src="/js/jquery.jcarousel.min.js"></script>
+    <script type="text/javascript" src="/js/jquery.main.js"></script>
+    <script type="text/javascript">
+        $(function(){
+            app.init(false);
+            app.promoAds();
             app.favorites();
-    app.moreFromExplosm();
-    app.loadComments('comic-3832');
-        $(document).keydown(function(event){
-        var tag = event.target.tagName.toLowerCase();
-        if (tag != 'input' && tag != 'textarea')
-        {
-            if (event.keyCode == 37)
-                $("a.previous-comic")[0].click();
-            if (event.keyCode == 39)
-                $("a.next-comic")[0].click();
-            if (event.keyCode == 82)
-                $("a.random-comic-link")[0].click();
-        }
-    });
-    });
+            app.moreFromExplosm();
+            app.loadComments('comic-4036');
+            app.addTrackinShortAndComic();
+            $(document).keydown(function(event){
+                var tag = event.target.tagName.toLowerCase();
+                if (tag != 'input' && tag != 'textarea')
+                {
+                    if (event.keyCode == 37)
+                        $("a.previous-comic")[0].click();
+                    if (event.keyCode == 39)
+                        $("a.next-comic")[0].click();
+                    if (event.keyCode == 82)
+                        $("a.random-comic-link")[0].click();
+                }
+            });
+        });
     </script>
-<script>
-    (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),
-        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');
 
-    ga('create', 'UA-43014788-1', 'explosm.net'); // Hive
-    ga('create', 'UA-52978627-1', 'auto', {'name': 'explosm'});
-    ga('send', 'pageview');
-    ga('explosm.send', 'pageview');
+    <script type="text/javascript">
+        (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),
+                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');
+        ga('create', 'UA-43014788-1', 'explosm.net'); // Hive
+        ga('create', 'UA-52978627-1', 'auto', {'name': 'explosm'});
+        ga('send', 'pageview');
+        ga('explosm.send', 'pageview');
     </script>
-<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"beacon-4.newrelic.com","licenseKey":"2ac27bc758","applicationID":"5003893","transactionName":"YFZaNhFSCkZXUBFbX1kcexcQRwtYGUUMV0doUFcPClA=","queueTime":0,"applicationTime":42,"atts":"TBFZQFlIGUg=","errorBeacon":"bam.nr-data.net","agent":"js-agent.newrelic.com\/nr-515.min.js"}</script></body>
+
+    <script type="text/javascript">
+        var _comscore = _comscore || [];
+        _comscore.push({ c1: "2", c2: "6035334" });
+        (function() {
+            var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true;
+            s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
+            el.parentNode.insertBefore(s, el);
+        })();
+    </script>
+    <noscript><img src="http://b.scorecardresearch.com/p?c1=2&c2=6035334&cv=2.0&cj=1"/></noscript>
+
+
+    <script src="//my.hellobar.com/dd22590718d53b46752dff6152f266949f74003b.js" type="text/javascript" charset="utf-8" async="async"></script>
+    <div class="hide">
+
+
+        <script type="text/javascript" src="http://aka-cdn-ns.adtechus.com/dt/common/DAC.js"></script>
+        <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>
+        <script type="text/javascript">
+            ADTECH.config.page = { protocol: 'http', server: 'ads.intergi.com', network: '5205.1', pageid: 0, params: { loc: '100' }};
+            ADTECH.config.placements[3508586] = { sizeid: 509, params: { alias: '', target: '_blank' }};
+            ADTECH.loadAd(3508586);
+        </script>
+    </div>
+    <script type="text/javascript" src="//ziccardia.com/adBlockDetector/12065" async defer></script>
+</div>
+<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>
 </html>