Harlequin for Libraries

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta charset="utf-8"> <meta name="description" content="Sailthru Default Signup Page"> <meta name="keywords" content="Sailthru"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <script src="https://code.jquery.com/jquery-latest.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Montserrat%7COpen+Sans%7CLato" rel="stylesheet"> <link rel="shortcut icon" type="image/png" href="https://email-media.s3.amazonaws.com/Sailthru/default/images/sailthru_icons_product_Full%20Control.png"> <title>Harlequin for Libraries </title> <style> body { font-family: 'Lato', sans-serif; color:#000000; } #wrapper { font-family: 'Lato', sans-serif; width: 60%; margin: 0 auto; } #logo { color: #000000; border-bottom: 15px double #000000; text-align: center; } .logo { width: 50%; margin: 3%; } #content { font-family: 'Lato', sans-serif; margin: 1% auto; text-align: center; } .checkboxes { margin: 0 auto; text-align: center; } /*fixes IE blue border issue*/ a { color: #4989F1; text-decoration: none; border: 0px } a img { text-decoration: none; border: 0px; outline: none; } label { cursor: pointer; } ul { margin: 0% 15% 0% 30%; } li { list-style: none; text-align: left; padding: 1%; margin-left: 3%; } input.checkbox { margin-right: 3%; } .description { display: block; margin: 2% 1%; } .newsletter_name { font-weight: 500; font-size: 100%; } form { margin: 0 auto; text-align: center; } .form_error { color: red; } p.note { margin: 3% 0% 3% 0%; } p.form_error { color: red; } .date { display: block; font-size: 110%; margin: 0 auto; padding: 1%; text-align: center; } #email { display: none; } .input_em { width: 50%; height: 25px; font-size: 105%; margin: 1% auto; text-align: center; display: block; } /* Button Styles */ input.btn, a.btn { border: none; font-family:Helvetica-Bold, Helvetica, Arial, sans-serif; font-size: 80%; cursor: pointer; padding: 3% 5%; display: inline-block; margin: 3%; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; outline: none; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; background: #000; border: 2px solid #FFF; border-radius: 5px; color: #FFF; -webkit-appearance: none; } input.btn:hover, a.btn:hover { background: #FFF; border: 2px solid #000; color: #000; } /* Media queries for smaller screens */ @media screen and (max-width: 1024px) { #wrapper { width: 75%; margin: 0 auto; } } @media screen and (max-width: 768px) { #wrapper { width: 100%; margin: 0 auto; } #content { width: 80%; } ul { margin: 0% 5% 0% 5%; } } @media screen and (max-width: 600px) { #wrapper { width: 100%; margin: 0 auto; } #content { width: 100%; } } @media screen and (max-width: 480px) { #wrapper { width: 100%; margin: 0 auto; } #content { width: 100%; float: left; } ul { margin: 1%; padding: 1%; } li { margin: 0%; } img.logo { width: 200px; } .input_em { width: 80%; height: 25px; } .unsub { width: 100%; } } @media screen and (max-width: 320px) { #wrapper { width: 100%; margin: 0 auto; } #content { width: 100%; float: left; } input.btn { font-size: 50%; } img.logo { width: 200px; } } </style> <script>function st_recaptcha_1(token) { var form = document.querySelectorAll("form[data-st-form-num='1']")[0]; HTMLFormElement.prototype.submit.call(form); }</script></head> <body> <div id="wrapper"> <div id="header"> <div id="logo">  <img class="logo" alt="Harlequin for Libraries" src="https://media.sailthru.com/6ji/1k4/7/8/5f0606b76e0d7.png" style="width:200px"> </div> </div>  <div id="content"> <p class="note">Sign up for our newsletter for information, e-galleys and more!<br><br> Simply enter your name, email address, check the box for the email list you'd like to join and then click 'Sign Up' to subscribe. <br><br> YES! I would like to receive promotional emails from Harlequin for Libraries*</p> <form method="post" onsubmit="validateMyForm()" data-st-form-num="1"> <label><input name="email" type="text" id="email"></label> <label>Email Address: <input name="email" type="text" class="input_em" autofocus></label> <p class="note form_error" id="form_suggestion"></p> <label>First Name: <input name="vars[first_name]" type="text" class="input_em"></label> <div class="checkboxes"> <span><h3>Newsletter:</h3></span> <p class="note"></p> <ul> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[library_marketing]" value="true"> <span class="newsletter_name">Library Marketing</span> </label> </li> </ul> </div>  <input type="hidden" name="vars[source]" value="librarymarketing_sailthru_signuppage"> <input type="submit" name="submit" value="Sign Up" class="btn st-recaptcha" data-callback="st_recaptcha_1"><noscript> <input type="hidden" name="st_no_js" value="1"> </noscript> <input type="hidden" name="profile_id" value="5f03619a38a5e87eff1a1210"><input type="hidden" name="st_form_num" value="0"></form> </div> <center><p>*Harlequin Enterprises ULC is located at Bay Adelaide Centre, East Tower, 22 Adelaide Street West, 41st Floor, Toronto, Ontario M5H 4E3 and sends informational and promotional emails on behalf of itself and Harlequin Digital Sales Corporation. Subscribers can unsubscribe at any time. Read Harlequin's Privacy Policy <a href="https://corporate.harlequin.com/privacy-notice/">here</a>.</p> <p><a href="https://corporate.harlequin.com/privacy-notice/">Privacy Notice</a> | <a href="https://corporate.harlequin.com/terms-and-conditions/">Terms & Conditions</a> </p> <p>Copyright © 2000-2024 Harlequin Enterprises ULC. All Rights Reserved. </p></center> </div>  <script type="text/javascript"> // var myInput = document.getElementById("email"); function validateMyForm() { if(myInput.value != "" || null ) { console.log("you must be a bot; validation failed"); event.preventDefault(); return false; } console.log("you're valid, please proceed"); return true; } </script> </body> </html><script type="text/javascript">function st_recaptcha_onload() { const submitButtons = window.self.document.querySelectorAll(".st-recaptcha"); for (var i = 0; i < submitButtons.length; i++) { submitButtons[i].addEventListener('click', function (e) { if (e.defaultPrevented) { e.stopImmediatePropagation(); } }); grecaptcha.render(submitButtons[i], {'sitekey': '6Lf8zqgoAAAAAFUUkcOQ6F63JUDRJdiz_4BCIDPj'}); } }</script><script src="https://www.google.com/recaptcha/api.js?onload=st_recaptcha_onload&render=explicit" async="" defer></script>

CINXE.COM

Harlequin for Libraries