✨ Adapt CAD filter for new HTML, add test
[rhynodge.git] / src / test / resources / net / pterodactylus / rhynodge / filters / comics / ctrl-alt-del.html
1 <!DOCTYPE html>
2 <html lang="en-US">
3 <head>
4
5 <link rel="stylesheet" type="text/css" href="https://cad-comic.com/wp-content/plugins/wordpress-bootstrap-css/resources/bootstrap-3.4.1/css/bootstrap.x93667.css" />
6
7 <meta charset="utf-8">
8 <meta http-equiv="X-UA-Compatible" content="IE=edge">
9 <meta name="viewport" content="width=device-width, initial-scale=1">
10 <title>Ctrl+Alt+Del Comic - A comic about video games! Ctrl+Alt+Del</title>
11 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
12
13
14
15 <!--[if lt IE 9]>\r
16       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>\r
17       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>\r
18     <![endif]-->
19
20 <script src="https://hb.vntsm.com/v3/live/ad-manager.min.js" type="text/javascript" data-site-id="5df8bbade8863a127ae39f7f" data-mode="scan" async></script>
21
22
23 <title>Ctrl+Alt+Del Comic - A comic about video games!</title>
24 <meta name="description" content="A tri-weekly webcomic about video games and gamers since 2002!" />
25 <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
26 <link rel="canonical" href="https://cad-comic.com/" />
27 <link rel="next" href="https://cad-comic.com/page/2/" />
28 <meta property="og:locale" content="en_US" />
29 <meta property="og:type" content="website" />
30 <meta property="og:title" content="Ctrl+Alt+Del Comic" />
31 <meta property="og:description" content="A tri-weekly webcomic about video games and gamers since 2002!" />
32 <meta property="og:url" content="https://cad-comic.com/" />
33 <meta property="og:site_name" content="Ctrl+Alt+Del Comic" />
34 <meta name="twitter:card" content="summary_large_image" />
35 <meta name="twitter:site" content="@timcad" />
36 <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://cad-comic.com/#organization","name":"Ctrl+Alt+Del Comic","url":"https://cad-comic.com/","sameAs":["https://www.facebook.com/CADComic","https://www.youtube.com/user/CtrlAltDelComic","https://twitter.com/timcad"],"logo":{"@type":"ImageObject","@id":"https://cad-comic.com/#logo","inLanguage":"en-US","url":"https://cad-comic.com/wp-content/uploads/2018/12/logo-cad.png","contentUrl":"https://cad-comic.com/wp-content/uploads/2018/12/logo-cad.png","width":141,"height":81,"caption":"Ctrl+Alt+Del Comic"},"image":{"@id":"https://cad-comic.com/#logo"}},{"@type":"WebSite","@id":"https://cad-comic.com/#website","url":"https://cad-comic.com/","name":"Ctrl+Alt+Del Comic","description":"A comic about video games!","publisher":{"@id":"https://cad-comic.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://cad-comic.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"CollectionPage","@id":"https://cad-comic.com/#webpage","url":"https://cad-comic.com/","name":"Ctrl+Alt+Del Comic - A comic about video games!","isPartOf":{"@id":"https://cad-comic.com/#website"},"about":{"@id":"https://cad-comic.com/#organization"},"description":"A tri-weekly webcomic about video games and gamers since 2002!","breadcrumb":{"@id":"https://cad-comic.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://cad-comic.com/"]}]},{"@type":"BreadcrumbList","@id":"https://cad-comic.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]}]}</script>
37
38 <link rel='dns-prefetch' href='//use.fontawesome.com' />
39 <link rel='dns-prefetch' href='//platform-api.sharethis.com' />
40 <link rel='dns-prefetch' href='//s.w.org' />
41 <script type="text/javascript">
42                         window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/cad-comic.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=8e3cba5c5028c3bde50a1ae130a1c7d8"}};
43                         !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55357,56424,8205,55356,57212],[55357,56424,8203,55356,57212])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
44                 </script>
45 <style type="text/css">
46 img.wp-smiley,
47 img.emoji {
48         display: inline !important;
49         border: none !important;
50         box-shadow: none !important;
51         height: 1em !important;
52         width: 1em !important;
53         margin: 0 .07em !important;
54         vertical-align: -0.1em !important;
55         background: none !important;
56         padding: 0 !important;
57 }
58 </style>
59 <link rel='stylesheet' id='wp-block-library-css' href='https://cad-comic.com/wp-includes/css/dist/block-library/style.min.x93667.css?ver=8e3cba5c5028c3bde50a1ae130a1c7d8' type='text/css' media='all' />
60 <link rel='stylesheet' id='latest-posts-widget-css' href='https://cad-comic.com/wp-content/plugins/latest-posts-widget/latest-posts.x93667.css?ver=8e3cba5c5028c3bde50a1ae130a1c7d8' type='text/css' media='all' />
61 <link rel='stylesheet' id='math-captcha-frontend-css' href='https://cad-comic.com/wp-content/plugins/wp-math-captcha/css/frontend.x93667.css?ver=8e3cba5c5028c3bde50a1ae130a1c7d8' type='text/css' media='all' />
62 <link rel='stylesheet' id='sm-style-css' href='https://cad-comic.com/wp-content/plugins/wp-show-more/wpsm-style.x93667.css?ver=8e3cba5c5028c3bde50a1ae130a1c7d8' type='text/css' media='all' />
63 <link rel='stylesheet' id='cad-style-css' href='https://cad-comic.com/wp-content/themes/cad/style.x93667.css' type='text/css' media='' />
64 <script type='text/javascript' src='https://cad-comic.com/wp-includes/js/jquery/jquery.min.x93667.js?ver=3.5.1' id='jquery-core-js'></script>
65 <script type='text/javascript' src='https://cad-comic.com/wp-includes/js/jquery/jquery-migrate.min.x93667.js?ver=3.3.2' id='jquery-migrate-js'></script>
66 <script type='text/javascript' src='//use.fontawesome.com/29b72b29ca.js' id='font-awesome-js'></script>
67 <script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#product=ga&#038;property=58f203bf47f651001163c596' id='googleanalytics-platform-sharethis-js'></script>
68 <link rel="https://api.w.org/" href="https://cad-comic.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://cad-comic.com/xmlrpc.php?rsd" />
69 <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://cad-comic.com/wp-includes/wlwmanifest.xml" />
70 <script language="javascript" src="https://cad-comic.com/wp-content/plugins/cad-twitter/twitter/jquery.tweet.x93667.js" type="text/javascript"></script><script type="text/javascript">
71         window._se_plugin_version = '8.1.9';
72 </script>
73 <script>\r
74 (function() {\r
75         (function (i, s, o, g, r, a, m) {\r
76                 i['GoogleAnalyticsObject'] = r;\r
77                 i[r] = i[r] || function () {\r
78                                 (i[r].q = i[r].q || []).push(arguments)\r
79                         }, i[r].l = 1 * new Date();\r
80                 a = s.createElement(o),\r
81                         m = s.getElementsByTagName(o)[0];\r
82                 a.async = 1;\r
83                 a.src = g;\r
84                 m.parentNode.insertBefore(a, m)\r
85         })(window, document, 'script', 'https://google-analytics.com/analytics.js', 'ga');\r
86 \r
87         ga('create', 'UA-255444-2', 'auto');\r
88                         ga('send', 'pageview');\r
89         })();\r
90 </script>
91 </head>
92 <body class="home blog" id="background">
93
94 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NN2TMV2"
95 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
96
97 <header class="col-md-12 header"><div class="header-inner">
98 <div class="hidden-xs" id="halosearch" style="float:right;">
99 <form method="get" id="searchform" action="https://cad-comic.com/">
100 <input type="text" placeholder="Search" class="saerch" value="" name="s" id="s" /></input>
101 </form>
102 </div>
103 <a href="#" class="expand-menu"><img src="https://cad-comic.com/wp-content/themes/cad/img/mobilemenu.x93667.png"></a>
104 <a href="https://cad-comic.com/" title='Ctrl+Alt+Del Comic' rel='home'>
105 <section class="logo"></section></a>
106 <div class="d-menu hidden-xs">
107 <ul class="mainmenu">
108 <li class="dropdown">
109 <a href="https://cad-comic.com/wp-login.php" class="login">Login</a>
110 <div class="dropdown-content">
111 <a href="https://cad-comic.com/wp-login.php?action=register">Register</a>
112 </div>
113 </li>
114 <li><a href="#" class="parentlist expand-comic">Comics</a></li>
115 <li id="menu-item-33875" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-33875"><a title="Blog" href="https://cad-comic.com/category/blog/">Blog</a></li>
116 <li id="menu-item-55" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55"><a title="Store" href="https://sharkrobot.com/collections/ctrl-alt-del">Store</a></li>
117 <li id="menu-item-9802" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9802"><a title="RSS" href="/?feed=rss">RSS</a></li>
118 <a href="https://www.youtube.com/user/CtrlAltDelComic"><img src="https://cad-comic.com/wp-content/themes/cad/img/social-youtube.x93667.png" /></a>
119 <a href="https://twitter.com/timcad"><img src="https://cad-comic.com/wp-content/themes/cad/img/social-twitter.x93667.png" /></a>
120 <a href="https://www.facebook.com/CADComic/"><img src="https://cad-comic.com/wp-content/themes/cad/img/social-facebook.x93667.png" /></a>
121 </ul>
122 </div>
123
124 </div></header>
125 <nav class="dropmenu">
126 <ul>
127 <li>
128 <span style="display:ruby"><a href="https://cad-comic.com/wp-login.php">Login</a><a href="https://cad-comic.com/wp-login.php?action=register">Register</a> </span>
129 </li>
130 <li><a href="#" class="parentlist expand-comic close-menu">Comics</a></li>
131 <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-33875"><a href="https://cad-comic.com/category/blog/">Blog</a></li>
132 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55"><a href="https://sharkrobot.com/collections/ctrl-alt-del">Store</a></li>
133 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9802"><a href="/?feed=rss">RSS</a></li>
134 <a href="https://www.youtube.com/user/CtrlAltDelComic"><img src="https://cad-comic.com/wp-content/themes/cad/img/social-youtube.x93667.png" /></a>
135 <a href="https://twitter.com/timcad"><img src="https://cad-comic.com/wp-content/themes/cad/img/social-twitter.x93667.png" /></a>
136 <a href="https://www.facebook.com/CADComic/"><img src="https://cad-comic.com/wp-content/themes/cad/img/social-facebook.x93667.png" /></a>
137 </ul>
138 <section class="">
139 <form method="get" id="searchform" action="https://cad-comic.com/">
140 <div><input type="text" placeholder="Search" class="saerch" value="" name="s" id="s" /></div>
141 </form>
142 </section>
143 </nav>
144 <div class="dropcomic col-md-12" style="display:none;">
145 <div class="container">
146 <div class="col-md-12">&nbsp;</div>
147 <div class="col-md-2"><a href="/category/ctrl-alt-del/"><img src="https://cad-comic.com/wp-content/themes/cad/img/logo-cad2.x93667.png" style="max-width:100%; height:auto;" /></a></div>
148 <div class="col-md-2"><a href="/category/analog-and-d-pad/"><img src="https://cad-comic.com/wp-content/themes/cad/img/logo-analog.x93667.png" style="max-width:100%; height:auto;" /></a></div>
149 <div class="col-md-2"><a href="/category/starcaster-chronicles/"><img src="https://cad-comic.com/wp-content/themes/cad/img/logo-starcaster.x93667.png" style="max-width:100%; height:auto;" /></a></div>
150 <div class="col-md-2"><a href="/category/the-campaign/"><img src="https://cad-comic.com/wp-content/themes/cad/img/logo-campaign.x93667.png" style="max-width:100%; height:auto;" /></a></div>
151 <div class="col-md-2"><a href="/category/the-console-wars/"><img src="https://cad-comic.com/wp-content/themes/cad/img/logo-console.x93667.png" style="max-width:100%; height:auto;" /></a></div>
152 <div class="col-md-2"><a href="/category/sillies/"><img src="https://cad-comic.com/wp-content/themes/cad/img/logo-sillies.x93667.png" style="max-width:100%; height:auto;" /></a></div>
153 <div class="com-md-12"><a href="#" class="hide-comic" style="color:black; text-decoration:none; padding-top:0px;">&nbsp;&nbsp;&nbsp;&#8682;&nbsp;&nbsp;&nbsp;</a></div>
154 </div>
155 </div>
156 <div class="container"> 
157 <div class="col-md-8">
158
159 <div class="dtop-ad">
160 <div id="ad-container-1"></div>
161 <script>
162 window.top.__vm_add = window.top.__vm_add || [];
163 //this is a x-browser way to make sure content has loaded.
164 (function(success) {
165 if(window.document.readyState !== "loading"){
166 success();
167 } else {
168 window.document.addEventListener("DOMContentLoaded", function(){
169 success();
170 });
171 }
172 })(function(){
173 var placement = document.createElement("div");
174 placement.setAttribute("class", "vm-placement");
175 if(window.innerWidth > 1000){
176 //load 728x90 dynamic
177 placement.setAttribute("data-id", "5df8bbc1e8863a127ae39f81");
178 } else {
179 //load 320x50 static
180 placement.setAttribute("data-id", "602b9623875a745fb6012598");
181 }
182 document.querySelector("#ad-container-1").appendChild(placement);
183 window.top.__vm_add.push(placement);
184 });
185 </script>
186 </div>
187
188
189 </div>
190 <div class="col-md-4 col-sm-12 pull-right hide-mobile main-sidebar">
191 <div class="cad_meanwhile_widget">
192 <a href="https://cad-comic.com/console-war-posters/">
193 <div class="cad_meanwhile_bg">
194 <span class="cad_meanwhile_title">
195 Console War Posters! </span>
196 </div>
197 </a>
198 </div>
199
200 <div class="vm-placement" data-id="5df8bbccbaace96c5c13debb"></div>
201
202 <div class="textwidget"><center><a href="https://www.patreon.com/CtrlAltDel">
203 <img border="0" alt="Patreon" src="/wp-content/uploads/2017/04/patreonad.x93667.png">
204 </a></center></div>
205 <div class="textwidget custom-html-widget"><div id='product-component-4d5f4816e6b'></div>
206 <script type="text/javascript">\r
207     /*<![CDATA[*/\r
208 \r
209     (function () {\r
210       var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';\r
211       if (window.ShopifyBuy) {\r
212         if (window.ShopifyBuy.UI) {\r
213           ShopifyBuyInit();\r
214         } else {\r
215           loadScript();\r
216         }\r
217       } else {\r
218         loadScript();\r
219       }\r
220 \r
221       function loadScript() {\r
222         var script = document.createElement('script');\r
223         script.async = true;\r
224         script.src = scriptURL;\r
225         (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);\r
226         script.onload = ShopifyBuyInit;\r
227       }\r
228 \r
229       function ShopifyBuyInit() {\r
230         var client = ShopifyBuy.buildClient({\r
231           domain: 'ctrl-alt-del.myshopify.com',\r
232           storefrontAccessToken: '8e2f01f45cb24204a8fbff8bd529f7ed',\r
233         });\r
234 \r
235         ShopifyBuy.UI.onReady(client).then(function (ui) {\r
236           ui.createComponent('product', {\r
237             id: [9257961484],\r
238             node: document.getElementById('product-component-4d5f4816e6b'),\r
239             moneyFormat: '%24%7B%7Bamount%7D%7D',\r
240             options: {\r
241   "product": {\r
242     "buttonDestination": "modal",\r
243     "variantId": "all",\r
244     "contents": {\r
245       "imgWithCarousel": false,\r
246       "variantTitle": false,\r
247       "options": false,\r
248       "description": false,\r
249       "buttonWithQuantity": false,\r
250       "quantity": false\r
251     },\r
252     "text": {\r
253       "button": "VIEW PRODUCT"\r
254     },\r
255     "styles": {\r
256       "product": {\r
257         "@media (min-width: 601px)": {\r
258           "max-width": "100%",\r
259           "margin-left": "0",\r
260           "margin-bottom": "50px"\r
261         }\r
262       },\r
263       "button": {\r
264         "font-size": "13px",\r
265         "padding-top": "14.5px",\r
266         "padding-bottom": "14.5px",\r
267         ":hover": {\r
268           "background-color": "#6ca44e"\r
269         },\r
270         ":focus": {\r
271           "background-color": "#6ca44e"\r
272         }\r
273       },\r
274       "title": {\r
275         "color": "#78b657"\r
276       },\r
277       "price": {\r
278         "color": "#ffffff"\r
279       },\r
280       "quantityInput": {\r
281         "font-size": "13px",\r
282         "padding-top": "14.5px",\r
283         "padding-bottom": "14.5px"\r
284       },\r
285       "compareAt": {\r
286         "font-size": "12px",\r
287         "color": "#ffffff"\r
288       }\r
289     }\r
290   },\r
291   "cart": {\r
292     "contents": {\r
293       "button": true\r
294     },\r
295     "styles": {\r
296       "button": {\r
297         "font-size": "13px",\r
298         "padding-top": "14.5px",\r
299         "padding-bottom": "14.5px",\r
300         ":hover": {\r
301           "background-color": "#6ca44e"\r
302         },\r
303         ":focus": {\r
304           "background-color": "#6ca44e"\r
305         }\r
306       },\r
307       "footer": {\r
308         "background-color": "#ffffff"\r
309       }\r
310     }\r
311   },\r
312   "modalProduct": {\r
313     "contents": {\r
314       "img": false,\r
315       "imgWithCarousel": true,\r
316       "variantTitle": false,\r
317       "buttonWithQuantity": true,\r
318       "button": false,\r
319       "quantity": false\r
320     },\r
321     "styles": {\r
322       "product": {\r
323         "@media (min-width: 601px)": {\r
324           "max-width": "100%",\r
325           "margin-left": "0px",\r
326           "margin-bottom": "0px"\r
327         }\r
328       },\r
329       "button": {\r
330         "font-size": "13px",\r
331         "padding-top": "14.5px",\r
332         "padding-bottom": "14.5px",\r
333         ":hover": {\r
334           "background-color": "#6ca44e"\r
335         },\r
336         ":focus": {\r
337           "background-color": "#6ca44e"\r
338         }\r
339       },\r
340       "quantityInput": {\r
341         "font-size": "13px",\r
342         "padding-top": "14.5px",\r
343         "padding-bottom": "14.5px"\r
344       }\r
345     }\r
346   },\r
347   "toggle": {\r
348     "styles": {\r
349       "toggle": {\r
350         ":hover": {\r
351           "background-color": "#6ca44e"\r
352         },\r
353         ":focus": {\r
354           "background-color": "#6ca44e"\r
355         }\r
356       },\r
357       "count": {\r
358         "font-size": "13px"\r
359       }\r
360     }\r
361   },\r
362   "productSet": {\r
363     "styles": {\r
364       "products": {\r
365         "@media (min-width: 601px)": {\r
366           "margin-left": "-20px"\r
367         }\r
368       }\r
369     }\r
370   }\r
371 }\r
372           });\r
373         });\r
374       }\r
375     })();\r
376     /*]]>*/\r
377     </script></div> <script type="text/javascript" charset="utf-8" src="https://cad-comic.com/wp-content/plugins/cad-twitter/twitter/jquery.tweet.x93667.js"></script>
378 <script type="text/javascript">
379                         jQuery(document).ready(function() {
380                                 jQuery('.twitterfeed').tweet({
381                                         modpath: 'https://cad-comic.com/wp-content/plugins/cad-twitter/twitter/',
382                                         count: '5',
383                                         loading_text: 'loading twitter feed...',
384                                         username: 'timcad'
385                                 });
386                         })
387                  </script>
388 <div class="twitterwidget">
389 <div class="twitterfeed"></div>
390 <p style="text-align:left; margin-top:0;" class="sideaction"><a href="https://twitter.com/timcad" target="_blank">Follow on Twitter</a></p></div>
391 <div class="cad_newest_widget">
392 <div class="cad_newest_container">
393 <a href="https://cad-comic.com/comic/silly-657/" class="newest_comic">
394 <img src="https://cad-comic.com/wp-content/uploads/2019/05/LITE_20190503.x93667.gif" class="newest_comic">
395 <div class="ncw-text-container">
396 <span class="ncw-cat-text">Latest </span><span class="ncw-cat-name">Silly</span><span class="ncw-divide"> | </span><span class="ncw-call-to-action">Check out the newest comic</span>
397 </div>
398 </a>
399 </div>
400 </div>
401 <div class="textwidget custom-html-widget"><center><a href="/report-ad/"><img src="/wp-content/uploads/2018/05/badad-1.x93667.png" alt="BadAd"></a></center></div>
402
403 <div class="vm-placement" data-id="602b95e1875a745fb6012596"></div>
404
405 </div>
406 <script>\r
407         var post_id = "1640723",\r
408         use_cat = false,\r
409         cat_id = "2495";\r
410                 \r
411         jQuery(document).ready( function() {\r
412                    jQuery(".next-post-link").click( function(e) {\r
413                         e.preventDefault();\r
414                         get_nav_post(post_id,"next",use_cat,cat_id);\r
415                    });\r
416                    jQuery(".previous-post-link").click( function(e) {\r
417                         e.preventDefault();\r
418                         get_nav_post(post_id,"previous",use_cat,cat_id);\r
419                    });\r
420                    jQuery(".first-post-link").click( function(e) {\r
421                         e.preventDefault();\r
422                         get_nav_post(post_id,"first",use_cat,cat_id);\r
423                    });\r
424                    jQuery(".last-post-link").click( function(e) {\r
425                         e.preventDefault();\r
426                         get_nav_post(post_id,"last",use_cat,cat_id);\r
427                    });\r
428                    jQuery(".random-post-link").click( function(e) {\r
429                         e.preventDefault();\r
430                         get_nav_post(post_id,"random",use_cat,cat_id);\r
431                    });                                     \r
432         });\r
433                 \r
434         function get_nav_post(post_id1,nav_type1,use_cat1,cat_id1) {\r
435               ajaxurl = "https://cad-comic.com/wp-admin/admin-ajax.php";\r
436               \r
437               jQuery.ajax({\r
438                  type : "post",\r
439                  dataType : "json",\r
440                  url : ajaxurl,\r
441                  data : {"action": "get_nav_post","post_id": post_id1, "nav_type": nav_type1, "use_cat": use_cat1, "cat_id": cat_id1},\r
442                  success: function(response) {\r
443                         post_id = response.id;\r
444                         cat_id = response.category;\r
445                         jQuery('.comic-display').attr('src',response.comic);\r
446                         jQuery('.url-href').attr('href',response.url);\r
447                         jQuery('.url-href-comments').attr('href',response.url+'#comments');\r
448                         jQuery('.url-href-facebook').attr('href','https://www.facebook.com/sharer/sharer.php?u='+encodeURI(response.url));\r
449                         jQuery('.url-href-twitter').attr('href','https://twitter.com/home?status='+encodeURI(response.url));\r
450                         jQuery('.title-display').text(response.title);\r
451                         jQuery('.date-display').text(response.date);\r
452                         jQuery('.author-display').text(response.author);\r
453                         jQuery('.post-display').html(response.content);\r
454                         jQuery('.archive-display').attr('href',response.category_url);\r
455                                 \r
456                                 if(response.hideleft === null) {\r
457                                         jQuery('.nav-left').hide();\r
458                                 } else {\r
459                                         jQuery('.nav-left').show();\r
460                                 }\r
461                                 \r
462                                 if(response.hideright === null) {\r
463                                         jQuery('.nav-right').hide();\r
464                                 } else {\r
465                                         jQuery('.nav-right').show();\r
466                                 }\r
467                  }\r
468               });\r
469         }\r
470 </script>
471 <div class="col-md-8 main-content">
472 <article class="post-1640723 comic type-comic status-publish hentry category-starcaster-chronicles">
473 <div class="comiccontrols">
474 <div class="comicnav">
475 <a href="#" class="mid-nav-box first-post-link"><i class="fa whiteicon fa-fast-backward"></i><span class="nav-label"> First</span></a>
476 <a href="#" class="mid-nav-box previous-post-link nav-left"><i class="fa whiteicon fa-caret-left"></i><span class="nav-label"> Previous</span></a>
477 <a href="/category/all/" class="mid-nav-box archive-display"><i class="fa whiteicon fa-archive"></i><span class="nav-label"> Archive</span></a>
478 <a href="#" class="mid-nav-box random-post-link"><i class="fa whiteicon fa-random"></i><span class="nav-label"> Random</span></a>
479 <a href="#" class="mid-nav-box next-post-link nav-right" style="display:none;"><i class="fa whiteicon fa-caret-right"></i><span class="nav-label"> Next</span></a>
480 <a href="#" class="mid-nav-box last-post-link"><i class="fa whiteicon fa-fast-forward"></i><span class="nav-label"> Last</span></a>
481 <span class="divide"> | </span>
482 <a class="url-href-comments" href="https://cad-comic.com/comic/the-starcaster-chronicles-09-14/#comments" class="counttop hidden-xs"><i class="fa whiteicon fa-comments"></i><span>53</span></a>
483 <a href="https://www.facebook.com/sharer/sharer.php?u=https://cad-comic.com/comic/the-starcaster-chronicles-09-14/" target="_blank" class="mid-nav-box facebook-nav-box url-href-facebook"><i class="fa whiteicon fa-facebook"></i><span class="nav-label"> Share</span></a>
484 <a href="https://twitter.com/home?status=https://cad-comic.com/comic/the-starcaster-chronicles-09-14/" target="_blank" class="mid-nav-box twitter-nav-box url-href-twitter"><i class="fa whiteicon fa-twitter"></i><span class="nav-label"> Tweet</span></a>
485 </div>
486 </div>
487 <hr />
488 <div class="comicpage">
489 <a href="https://cad-comic.com/comic/the-starcaster-chronicles-09-13/" rel="prev"><div style="width:52px;height:100%;position:absolute;top:0px;left:0px;z-index:100;"></div></a>
490 <div class="arrowleft nav-left"><a href="#" class="previous-post-link"><img src="https://cad-comic.com/wp-content/themes/cad/img/left.x93667.png" title="Previous" /></a></div>
491 <div class="arrowright nav-right" style="display:none;"><a href="#" class="next-post-link"><img src="https://cad-comic.com/wp-content/themes/cad/img/right.x93667.png" title="Next" /></a></div>
492 <a class="url-href" href="https://cad-comic.com/comic/the-starcaster-chronicles-09-14/"><img class="comic-display" src="https://cad-comic.com/wp-content/uploads/2021/10/09.14a-1.x93667.png" style="max-width:100%; min-width:270px; height:auto;" /> </a>
493 </div>
494 <hr />
495
496 <div class="vm-placement" data-id="602b9631875a745fb601259a" style="display:none"></div>
497
498 <hr />
499 <div class="comiccontrols">
500 <div class="comicnav">
501 <a href="#" class="mid-nav-box first-post-link"><i class="fa whiteicon fa-fast-backward"></i><span class="nav-label"> First</span></a>
502 <a href="#" class="mid-nav-box previous-post-link nav-left"><i class="fa whiteicon fa-caret-left"></i><span class="nav-label"> Previous</span></a>
503 <a href="/category/all/" class="mid-nav-box archive-display"><i class="fa whiteicon fa-archive"></i><span class="nav-label"> Archive</span></a>
504 <a href="#" class="mid-nav-box random-post-link"><i class="fa whiteicon fa-random"></i><span class="nav-label"> Random</span></a>
505 <a href="#" class="mid-nav-box next-post-link nav-right" style="display:none;"><i class="fa whiteicon fa-caret-right"></i><span class="nav-label"> Next</span></a>
506 <a href="#" class="mid-nav-box last-post-link"><i class="fa whiteicon fa-fast-forward"></i><span class="nav-label"> Last</span></a>
507 <span class="divide"> | </span>
508 <a class="url-href-comments" href="https://cad-comic.com/comic/the-starcaster-chronicles-09-14/#comments" class="counttop hidden-xs"><i class="fa whiteicon fa-comments"></i><span>53</span></a>
509 <a href="https://www.facebook.com/sharer/sharer.php?u=https://cad-comic.com/comic/the-starcaster-chronicles-09-14/" target="_blank" class="mid-nav-box facebook-nav-box"><i class="fa whiteicon fa-facebook"></i><span class="nav-label"> Share</span></a>
510 <a href="https://twitter.com/home?status=https://cad-comic.com/comic/the-starcaster-chronicles-09-14/" target="_blank" class="mid-nav-box twitter-nav-box"><i class="fa whiteicon fa-twitter"></i><span class="nav-label"> Tweet</span></a>
511 </div>
512 </div>
513 <div id="shareit">
514 <img src="https://cad-comic.com/wp-content/themes/cad/img/cadsocial-comment.x93667.png" style="width: 43.5374px; height: 39.9093px;">
515 <span class="count">24</span>
516 <img src="https://cad-comic.com/wp-content/themes/cad/img/cadsocial-fb.x93667.png" width="48px" height="44px">
517 <img src="https://cad-comic.com/wp-content/themes/cad/img/cadsocial-tw.x93667.png" width="48px" height="44px">
518 </div>
519 <div align="center" id='div-gpt-ad-1522347596297-5' style="margin-top: 10px;"></div>
520 <div id="comicblog">
521 <div class='blog-wrap'>
522 <div class="blog-icon-wrap">
523 <i class="fa fa-2x fa-commenting-o blog-icon"></i>
524 </div>
525 <div class="blog-meta-wrap">
526 <a class="url-href" href="https://cad-comic.com/comic/the-starcaster-chronicles-09-14/"><h3 class="title-display">The Starcaster Chronicles 09.14</h3></a>
527 <p class="comicdate"><span class="date-display comicdate">October 22, 2021</span> by <span class="author-display comicdate">Tim</span></p>
528 </div>
529 </div>
530 <div class="post-text-area post-display">
531 </div>
532 </div>
533 <div id="comicblog">
534 <p class="expand-comment">
535 <span style="cursor: hand; cursor: pointer;">
536 Join the conversation. <a class="url-href" href="https://cad-comic.com/comic/the-starcaster-chronicles-09-14/#comments">Click here</a> to read and write comments.
537 </span>
538 </p>
539 </div>
540 </article>
541 </div>
542 <link rel='stylesheet' id='myprefix-style-css' href='https://cad-comic.com/wp-content/plugins/cad-meanwhile/cadnc-style.x93667.css?ver=8e3cba5c5028c3bde50a1ae130a1c7d8' type='text/css' media='all' />
543 <link rel='stylesheet' id='cad_newest-style-css' href='https://cad-comic.com/wp-content/plugins/cad-newest-comic/cadncw-style.x93667.css?ver=8e3cba5c5028c3bde50a1ae130a1c7d8' type='text/css' media='all' />
544 <script type='text/javascript' src='https://cad-comic.com/wp-content/plugins/wp-show-more/wpsm-script.x93667.js?ver=1.0.1' id='sm-script-js'></script>
545 <script type='text/javascript' src='https://cad-comic.com/wp-content/plugins/lazy-load/js/jquery.sonar.min.x93667.js?ver=0.6.1' id='jquery-sonar-js'></script>
546 <script type='text/javascript' src='https://cad-comic.com/wp-content/plugins/lazy-load/js/lazy-load.x93667.js?ver=0.6.1' id='wpcom-lazy-load-images-js'></script>
547 <script type='text/javascript' src='https://cad-comic.com/wp-includes/js/wp-embed.min.x93667.js?ver=8e3cba5c5028c3bde50a1ae130a1c7d8' id='wp-embed-js'></script>
548 <script src="https://cad-comic.com/wp-content/themes/cad/bootstrap-hover-dropdown.x93667.js"></script>
549 <script type="text/javascript" charset="utf-8">\r
550         $(document).ready(function(){\r
551                 $('.dropcomic').hide();\r
552                 $('.dropcomment').hide();\r
553                 $('.dropmenu').hide();\r
554                                         $('.droparchive2021').hide();\r
555                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
556                         $('.expand-archive2021').click(function(){$('.droparchive2021').slideToggle('fast');});\r
557 \r
558                                                 $('.droparchive2020').hide();\r
559                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
560                         $('.expand-archive2020').click(function(){$('.droparchive2020').slideToggle('fast');});\r
561 \r
562                                                 $('.droparchive2019').hide();\r
563                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
564                         $('.expand-archive2019').click(function(){$('.droparchive2019').slideToggle('fast');});\r
565 \r
566                                                 $('.droparchive2018').hide();\r
567                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
568                         $('.expand-archive2018').click(function(){$('.droparchive2018').slideToggle('fast');});\r
569 \r
570                                                 $('.droparchive2017').hide();\r
571                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
572                         $('.expand-archive2017').click(function(){$('.droparchive2017').slideToggle('fast');});\r
573 \r
574                                                 $('.droparchive2016').hide();\r
575                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
576                         $('.expand-archive2016').click(function(){$('.droparchive2016').slideToggle('fast');});\r
577 \r
578                                                 $('.droparchive2015').hide();\r
579                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
580                         $('.expand-archive2015').click(function(){$('.droparchive2015').slideToggle('fast');});\r
581 \r
582                                                 $('.droparchive2014').hide();\r
583                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
584                         $('.expand-archive2014').click(function(){$('.droparchive2014').slideToggle('fast');});\r
585 \r
586                                                 $('.droparchive2013').hide();\r
587                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
588                         $('.expand-archive2013').click(function(){$('.droparchive2013').slideToggle('fast');});\r
589 \r
590                                                 $('.droparchive2012').hide();\r
591                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
592                         $('.expand-archive2012').click(function(){$('.droparchive2012').slideToggle('fast');});\r
593 \r
594                                                 $('.droparchive2011').hide();\r
595                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
596                         $('.expand-archive2011').click(function(){$('.droparchive2011').slideToggle('fast');});\r
597 \r
598                                                 $('.droparchive2010').hide();\r
599                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
600                         $('.expand-archive2010').click(function(){$('.droparchive2010').slideToggle('fast');});\r
601 \r
602                                                 $('.droparchive2009').hide();\r
603                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
604                         $('.expand-archive2009').click(function(){$('.droparchive2009').slideToggle('fast');});\r
605 \r
606                                                 $('.droparchive2008').hide();\r
607                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
608                         $('.expand-archive2008').click(function(){$('.droparchive2008').slideToggle('fast');});\r
609 \r
610                                                 $('.droparchive2007').hide();\r
611                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
612                         $('.expand-archive2007').click(function(){$('.droparchive2007').slideToggle('fast');});\r
613 \r
614                                                 $('.droparchive2006').hide();\r
615                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
616                         $('.expand-archive2006').click(function(){$('.droparchive2006').slideToggle('fast');});\r
617 \r
618                                                 $('.droparchive2005').hide();\r
619                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
620                         $('.expand-archive2005').click(function(){$('.droparchive2005').slideToggle('fast');});\r
621 \r
622                                                 $('.droparchive2004').hide();\r
623                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
624                         $('.expand-archive2004').click(function(){$('.droparchive2004').slideToggle('fast');});\r
625 \r
626                                                 $('.droparchive2003').hide();\r
627                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
628                         $('.expand-archive2003').click(function(){$('.droparchive2003').slideToggle('fast');});\r
629 \r
630                                                 $('.droparchive2002').hide();\r
631                         $('.expand-archive').click(function(){$('.droparchive').slideUp('slow');});\r
632                         $('.expand-archive2002').click(function(){$('.droparchive2002').slideToggle('fast');});\r
633 \r
634                                 });\r
635         $('.expand-comic').click(function(){$('.dropcomic').slideToggle('slow');});\r
636         $('.close-comic').click(function(){$('.dropcomic').slideToggle('slow');});\r
637         $('.expand-menu').click(function(){$('.dropmenu').slideToggle('fast');});\r
638         $('.close-menu').click(function(){$('.dropmenu').slideToggle('fast');});\r
639         $('.counttop').click(function(){$('.dropcomment').slideDown('slow');});\r
640         $('.counttop').click(function(){$('.expand-comment').slideToggle('slow');});\r
641         $('.hide-comic').click(function(){$('.dropcomic').slideUp('slow');});\r
642         $('.show-comic').click(function(){$('.dropcomic').slideDown('slow');});\r
643         $('.expand-comment').click(function(){$('.dropcomment').slideDown('slow');});\r
644         $('.expand-comment').click(function(){$('.expand-comment').slideUp('fast');});\r
645 \r
646 \r
647 \r
648 \r
649 \r
650         //$('.expand-comment').click(function(){$('.dropcomment').slideToggle('slow');});\r
651         //$('.expand-comment').click(function(){$('.expand-comment').slideToggle('slow');});\r
652 </script>
653 <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
654 <link href='//fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
655 <link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
656 <link href='//fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
657 <link href='//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
658 <link href='//fonts.googleapis.com/css?family=Play:400,700' rel='stylesheet' type='text/css'>
659 <script>\r
660         function calcParallax(tileheight, speedratio, scrollposition) {\r
661          \r
662           return ((tileheight) - (Math.floor(scrollposition / speedratio) % (tileheight+1)));\r
663         }\r
664                 window.onload = function() {\r
665                 window.onscroll = function() {\r
666                 var posY = (document.documentElement.scrollTop) ? document.documentElement.scrollTop : window.pageYOffset;\r
667                 \r
668                 var ground = document.getElementById('background');\r
669                 var groundparallax = calcParallax(-200, 6, posY);\r
670                 ground.style.backgroundPosition = "0 " + groundparallax + "px"; \r
671         } \r
672         }\r
673 </script>
674 <script type="text/javascript">\r
675 $(document).ready(function () {\r
676     if(window.location.href.indexOf("comment") > -1) {\r
677                 $('.dropcomment').slideDown('fast');\r
678                 $('.expand-comment').slideUp('fast');\r
679     }\r
680         \r
681         if(window.location.href.indexOf("respond") > -1) {\r
682                 $('.dropcomment').slideDown('fast');\r
683                 $('.expand-comment').slideUp('fast');\r
684     }\r
685 });\r
686 </script>
687 </div> 
688 <br class="clear" />
689 <div id="footer">
690 <span class="footlinks">
691 <a href="/terms-of-service/" title="Terms and Conditions">Terms &amp; Conditions</a> &nbsp;|&nbsp;
692 <a href="/privacy/" title="Privacy Policy">Privacy Policy</a> </span>
693 <span class="footcopy">Site &copy; 2021 all rights reserved &middot; All content copyright Ctrl+Alt+Del</span>
694 </div>
695 </body>
696 </html>