CINXE.COM
Saint John #4 (Leila del Duca Variant Cover) :: Profile :: Dark Horse Comics
<!DOCTYPE html> <html lang="en"> <head> <!-- Changing this to utf-8 may be necessary to pass validation --> <meta charset="Windows-1252"> <meta name="description" content="After a year of natural disasters and personal conflict, the city of Portland comes together to celebrate Pride--but there's danger brewing ..."> <title>Saint John #4 (Leila del Duca Variant Cover) :: Profile :: Dark Horse Comics</title> <link rel="shortcut icon" href="/static/favicon.ico" type="image/vnd.microsoft.icon" /> <meta NAME="ROBOTS" CONTENT="ALL" > <meta property="fb:app_id" content="425900364425363" /> <link rel="alternate" type="application/rss+xml" title="Dark Horse RSS Feed" href="//www.darkhorse.com:80/RSS"/> <link rel="alternate" type="application/rss+xml" title="Dark Horse Blog RSS Feed" href="//www.darkhorse.com:80/Blog/RSS"/> <!-- Load Legacy Stylesheets --> <link rel="stylesheet" href="/static/style/generated/533864a042b4a74314ae1a421233036e.css" type="text/css"> <!-- Fonts.com --> <link type="text/css" rel="stylesheet" href="//fast.fonts.net/cssapi/13900edc-139b-4190-8aa4-ccb46ece1828.css" /> <script type="text/javascript" src="/static/javascript/generated/e14dc6abe168bacf42a70bc3a4f5d96a.js"></script> <!--[if lt IE 7 ]> <script defer type="text/javascript" src="/static/javascript/pngfix.js"></script> <![endif]--> </head> <body> <div id="header"> <div class="wrap"> <div id="logo"> <h1>Dark Horse Comics</h1> <a href="/"> <img alt="Dark Horse Comics" style="width: 149px" src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/dhlogo.svg" /> </a> </div> <!-- end #logo --> <a class="skiplink" href="#inner_content" title="Skip to content">Skip to content</a> <!-- end .skiplink --> <ul class="hmenu"> <li><a class="" href="/Comics/">Comics</a></li> <li><a class="" href="/Books/">Books</a></li> <li><a class="" href="/Products/">Products</a></li> <li><a class="" href="/Newsfeed/">Newsfeed</a></li> <li><a class="" href="/Zones/">Zones</a></li> </ul> <!-- end .hmenu --> <div id="search"> <form action="/Search/" method="POST"> <input type="hidden" name="HAPI_FORM_NAME" value="simple_search" /> <fieldset> <legend>Search</legend> <input type="text" name="sstring" value="" /> <input type="submit" value="Go" /> </fieldset> </form> </div> <!-- end #search --> </div> <!-- end .wrap --> </div> <!-- end #header --> <div id="content"> <div class="wrap"> <div id="sub-menu"> <div class="sub-menu-block"> <a href="http://digital.darkhorse.com/" onClick="ga('send', 'event', 'OutboundClick', 'DHD', 'topnav');"> Buy digital comics: <img src="//d2lzb5v10mb0lj.cloudfront.net/darkhorse11/common/icon_digital.png" /> </a> </div> <div class="sub-menu-block" style="padding-top:4px;"> <a href="" class="gr_subscribe" onclick="clearGRCookie()" style="text-decoration: none;"><span class="gr-subscribe-button">Newsletter Sign-up</span></a> </div> <div class="sub-menu-block"> Follow Dark Horse Comics: <a class="social-small-icons" href="http://www.facebook.com/darkhorsecomics/"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/icon_facebook.svg" /> </a> <a class="social-small-icons" href="http://www.twitter.com/darkhorsecomics/"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/icon_twitter.svg" /> </a> <a class="social-small-icons" href="https://www.instagram.com/DarkHorseComics"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/icon_instagram.svg" /> </a> <a class="social-small-icons" href="https://bsky.app/profile/darkhorsecomics.bsky.social"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/icon_bluesky.svg" /> </a> <a class="social-small-icons" href="https://www.pinterest.com/DarkHorseComics"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/icon_pinterest.svg" /> </a> <a class="social-small-icons" href="http://darkhorsecomics.tumblr.com/"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/icon_tumblr.svg" /> </a> <a class="social-small-icons" href="/RSS/"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/icon_rss.svg" /> </a> </div> </div> <!-- end #sub-menu --> <div id="inner_content"> <div id="product_profile"> <div id="product_main_image" class="product_main_image"> <a class="no_ga spotlight" href="//d2lzb5v10mb0lj.cloudfront.net/covers/600/30/3014174.jpg"> <img src="//d2lzb5v10mb0lj.cloudfront.net/covers/300/30/3014174.jpg" width="300" class="product_img" /> </a> <h3 class="preview_text"> </h3> <div class="preview_thumbnails"> </div> </div> <div id="product-details"> <h2 class="title">Saint John #4 (Leila del Duca Variant Cover)</h2> <div class="product-description"> <p class="p1">After a year of natural disasters and personal conflict, the city of Portland comes together to celebrate Pride--but there's danger brewing amidst the flags and floats, and it's down to Tori and Saint John to root it out before it's too late. </p> <p class="p1">A distinctly PDX miniseries from Eisner-nominated cartoonist Dan Schkade (<em>Lavender Jack</em>, <em>The Spirit</em>) and Portland native creator Brennan Wagner (<em>Grendel, Batman</em>), produced with--and featuring the fashion of--Portland Gear.</p> </div> <!-- end .product-description --> <!-- TODO: Move this to an external include file --> <div class="product-order-now"> </div> <!-- end .product-order-now --> <div class="product_details"> <h3>Creators</h3> <dl> <dt>Writer:</dt><dd><a href="/Search/Dan Schkade, Brennan Wagner, Portland Gear">Dan Schkade, Brennan Wagner, Portland Gear</a></dd><dt>Artist:</dt><dd><a href="/Search/Dan Schkade">Dan Schkade</a></dd><dt>Cover Artist:</dt><dd><a href="/Search/Leila del Duca">Leila del Duca</a></dd> </dl> </div> <div class="genre"> <strong>Genre:</strong> <a href="/Search/Browse/Superhero/P9wNQkt4" >Superhero</a>, <a href="/Search/Browse/Crime-Mystery/P9wNQkt4" >Crime/Mystery</a>, <a href="/Search/Browse/Action-Adventure/P9wNQkt4" >Action/Adventure</a> </div> <div class="product-meta"> <dl> <dt>Publication Date:</dt> <dd>May 28, 2025</dd> <dt>Format:</dt> <dd>FC, 32 pages; Miniseries</dd> <dt>Price:</dt> <dd>$4.99</dd> <dt>UPC:</dt> <dd>7 61568 01112 8 00421</dd> </dl> </div> <!-- end .product-meta --> </div> <!-- end #product-details --> </div> <!-- end #product_profile --> </div> <!-- end #inner_content --> <div id="right_bar"> <div id="comic-shop-search"> <form action="https://www.comicshoplocator.com/StoreLocatorPremier" target="_blank" method="get"> <fieldset> <label id="csl-zip-label" for="csl-zip-field" style="margin-bottom: .4ex;">Comic Shop Locator</label> <input id="csl-zip-field" type="text" name="query" value="" placeholder="ZIP CODE" /> <input type="hidden" name="showCsls" value="true" /> <input type="submit" value="Go" /> </fieldset> </form> </div> <!-- end #comic-shop-locator --> <div class="product-order-now"> <a class="tfaw_link" href="https://www.tfaw.com/3014174-saint-john-4-leila-del-duca-variant-cover.html?qt=dhprofile1-3014174&utm_source=darkhorse&utm_medium=referral&utm_campaign=darkhorse_buy&utm_term=preorder%2BSaint%2BJohn%2B%25234%2B%2528Leila%2Bdel%2BDuca%2BVariant%2BCover%2529" onClick="ga('send', 'event', 'OutboundClick', 'TFAW', 'dhprofilebtn');"> <img width="220" src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/btn_preorder_tfaw.svg" alt="Preorder the print edition of Saint John #4 (Leila del Duca Variant Cover) Now at TFAW.com" /> </a> </div> <!-- end .product-order-now --> <!-- db template sidebar/featuredtitles --> <div id="featured-titles"> <h3 id="featured-titles-header">Featured Titles</h3> <a href="/Search/Berger"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/berger_badge_fnl2.png" alt="Berger Books"/> </a> <a href="/Search/American+Gods"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/ag_badge_fnl4.png" alt="American Gods"/> </a> <a href="/Search/Hellboy"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/hellboy_badge_fnl2.png" alt="Hellboy"/> </a> <a href="/Search/Manga"> <img src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/manga_badge_fnl3.png" alt="Dark Horse Manga"/> </a> </div> </div> </div> <!-- end .wrap --> </div> <!-- end #content --> <div id="footer"> <div class="wrap"> <div class="footer-block dhd-icon"> <p> <a href="https://digital.darkhorse.com/" onClick="ga('send', 'event', 'OutboundClick', 'DHD', 'FooterImg');"> <img alt="Dark Horse Digital Comics" src="//d2lzb5v10mb0lj.cloudfront.net/dhc/common/footer_digital.png" /> </a> </p> </div> <div class="footer-block"> <h3><a href="/Services/">Services</a></h3> <ul> <li><a href="/Services/CustomPublishing/">Custom Publishing</a></li> <li><a href="/Services/InternationalLicensing/">International Licensing</a></li> </ul> <h3>Sites</h3> <ul> <li><a href="https://www.tfaw.com/?qt=dh_footer" onClick="ga('send', 'event', 'OutboundClick', 'TFAW', 'dhfooter');">TFAW</a></li> <li><a href="https://www.dhentertainment.com/">Entertainment</a></li> <li><a href="https://www.mpressbooks.com/">MPress Books</a></li> <li><a href="https://www.darkhorsedirect.com/">Dark Horse Direct</a></li> </ul> </div> <div class="footer-block"> <h3><a href="/Company/">Company</a></h3> <ul> <li><a href="/Company/History/">History</a></li> <li><a href="/Help/Index/">Help</a></li> <li><a href="/Help/FAQ/">FAQ</a></li> <li><a href="/Privacy/">Privacy<a></li> <li><a href="/Help/Sitemap/">Sitemap</a></li> <li><a href="/Company/Culture/">Culture</a></li> <li><a href="/Company/Jobs/">Jobs</a></li> </ul> <h3>Contact & News</h3> <ul> <li><a href="/Help/Buy/">Buy</a></li> <li><a href="/Help/Contact/">Contact Us</a></li> <li><a href="/Company/Submissions/">Submissions</a></li> <li><a href="/Help/RSS/">RSS</a></li> <li><a href="#" class="gr_subscribe" onclick="clearGRCookie()">Subscribe</a></li> </ul> </div> <div class="footer-block legal"> <a class="dh-direct-logo" href="https://www.darkhorsedirect.com/" onClick="ga('send', 'event', 'OutboundClick', 'DH Direct', 'FooterImg');"> <img style="width: 100%;" src="//d2lzb5v10mb0lj.cloudfront.net//dhc/common/dh_direct.png" alt="Dark Horse Direct"/> </a> <p> Entire contents trademarked (® or ™) and copyrighted (©) 1986-2024 by Dark Horse Comics LLC and its respective licensors. Dark Horse, Dark Horse Comics, and the Dark Horse logo are trademarks of Dark Horse Comics LLC, registered in various categories and countries. Dark Horse is a part of <a target="_new" href="https://embracer.com/">Embracer Group</a>. </p> </div> </div> </div> <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','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-16593110-2', 'auto'); ga('send', 'pageview'); </script> <script src="https://www.email.darkhorse.com/view_webform_v2.js?u=YeIwr&webforms_id=UfHg"> { "name": "Newsletter Subscribe", "selector": { "clickToShow": ".gr_subscribe" } } </script> <script type="application/javascript"> // GetResponse sets a cookie whenever you subscribe with the form, so we want to delete it window.onload = clearGRCookie(); function clearGRCookie() { document.cookie.split(/; */).forEach(function (c) { if (c.match(new RegExp(/grwf2_sent_.*/))) { document.cookie = c.concat(';expires=Thu, 01 Jan 1970 00:00:01 GMT;path=/;'); } }); } </script> <!-- Google Code for Remarketing Tag --> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 991916327; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/991916327/?guid=ON&script=0"/> </div> </noscript> </body> </html>