CINXE.COM
Lit Hub Newsletters
<!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 charset="utf-8"> <meta name="description" content="Sign up for the latest book news"> <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://lithub.com/wp-content/uploads/2021/02/social_logo.png"> <title>Lit Hub Newsletters </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: 2px solid #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% 15%; } 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: 900; font-size: 110%; } 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="Lit Hub Newsletters" src="https://lithub.com/wp-content/uploads/2021/02/social_logo.png"> </div> </div> <!-- end header --> <div id="content"> <p class="note">Stay up to date on the best of the literary internet: sign up for our free newsletters and manage your preferences below.</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> <div class="checkboxes"> <span><h3>Newsletters:</h3></span> <p class="note"></p> <ul> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[lithub_master_list]" value="true"> <span class="newsletter_name">Lit Hub Daily Newsletter</span> <span class="description">Our daily newsletter bringing you the best of the literary internet, every weekday. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[lithub_weekly_master_list]" value="true"> <span class="newsletter_name">Lit Hub Weekly Newsletter</span> <span class="description">Every Saturday, we collect the best stories and biggest book news of the week. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[crimereads_master_list]" value="true"> <span class="newsletter_name">CrimeReads Brief</span> <span class="description">The best in true crime, thriller, and mystery, delivered to you every Tuesday and Thursday. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[crimereads_weekly_master_list]" value="true"> <span class="newsletter_name">CrimeReads Weekly</span> <span class="description">Get the best of the week from CrimeReads in your inbox every Saturday. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[bookmarks_master_list]" value="true"> <span class="newsletter_name">Book Marks Newsletter</span> <span class="description">What the critics are saying, right now. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[craftofwriting_master_list]" value="true"> <span class="newsletter_name">The Craft of Writing</span> <span class="description">Craft and advice for writers of every level. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[lithub_radio_list]" value="true"> <span class="newsletter_name">Lit Hub Radio Dispatch</span> <span class="description">Every Friday, receive the best in book world podcasts. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[literary_history_list]" value="true"> <span class="newsletter_name">This Week in Literary History</span> <span class="description">Every Sunday, get a dose of literary history and bookish facts. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[filmtv_master_list]" value="true"> <span class="newsletter_name">What to Watch</span> <span class="description">Line up your weekend streaming with literary film and TV news, every Friday. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[nonfiction_master_list]" value="true"> <span class="newsletter_name">The Week in Nonfiction Newsletter</span> <span class="description">Every Sunday, the best news and nonfiction stories of the week. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[promotions_list]" value="true"> <span class="newsletter_name">Lit Hub Promotions and Offers</span> <span class="description">Sign up to receive special promotions and offers from Lit Hub and its partners. </span> </label> </li> <li class="list"> <label class="checkbox_label"> <input type="checkbox" class="checkbox" name="lists[CrimeReads promo list NEW]" value="true"> <span class="newsletter_name">CrimeReads Promotions and Offers</span> <span class="description">Sign up to receive special promotions and offers from CrimeReads and its partners. </span> </label> </li> </ul> </div> <!--END checkboxes--> <span><h3></h3></span> <p class="note"></p> <ul> </ul> <input type="hidden" name="vars[source]" value="sailthru_signup_page"> <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="667b1793a8f5505f370fc9e0"><input type="hidden" name="st_form_num" value="0"></form> </div> <!--END content--> </div> <!-- END wrapper --> <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>