<!DOCTYPE html><html lang="en-US"><head> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" /> <meta charset="utf-8"> <meta name="p:domain_verify" content="a08e1bdef20f457e99be5143a648797c"/> <link rel="dns-prefetch" href="https://notionpress.com/"> <link rel="preload" href="https://notionpress.com/images/bookstore_rewamp/2018/font/icons.woff?642001913" as="font" crossorigin="anonymous" /> <style type="text/css"> @font-face { font-family: 'icons'; src: url('../../../images/bookstore_rewamp/2018/font/icons.eot?642001913'), url('../../../images/bookstore_rewamp/2018/font/icons.otf?642001913') format('opentype'), url('../../../images/bookstore_rewamp/2018/font/icons.woff2?642001913') format('woff2'), url('../../../images/bookstore_rewamp/2018/font/icons.woff?642001913') format('woff'), url('../../../images/bookstore_rewamp/2018/font/icons.eot?642001913') format('embedded-opentype'), url('../../../images/bookstore_rewamp/2018/font/icons.ttf?642001913') format('truetype'), url('../../../images/bookstore_rewamp/2018/font/icons.svg#icons') format('svg');} </style> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"> <link href="https://notionpress.com/assets/bootstrap/css/bootstrap.min.css?642001913" rel="stylesheet" type="text/css" media="screen"> <link rel="stylesheet" href="https://notionpress.com/new-rewamp/css/store/style.css?642001913"> <link rel="stylesheet" href="https://notionpress.com/new-rewamp/css/rinotification.css?642001913"> <!-- <link rel="stylesheet" href="https://notionpress.com/assets/bookstroe_design/owl.css?642001913"> <link rel="stylesheet" href="https://notionpress.com/assets/bookstroe_design/owl_002.css?642001913"> --> <!-- <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> --> <script> // $.noConflict(); </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <title>AI Chatbot's Author Page - Notion Press | India's largest book publisher</title> <!--<meta property="og:title" content="" /> <meta property="og:type" content="" /> <meta property="og:url" content="" /> <meta property="og:image" content="" /> <meta property="og:description" content="..." /> <meta property="og:site_name" content="" />--> <meta name="title" content="AI Chatbot's Author Page - Notion Press | India's largest book publisher"> <meta name="description" content="Chat GPT 5 is a browser-based assistant for instant AI help with no signup required. Just open a tab and go. From writing and coding to concise summaries and task solving, it does the heavy lifting. It fits your workflow with zero learning curve. Multilingual by default, context-aware by design. Multilingual by default, context-aware by design."> <meta name="keywords" content="AI Chatbot"> <!-- Meta for facebook by venkat--> <meta property="og:title" content="AI Chatbot's Author Page - Notion Press | India's largest book publisher"> <meta property="og:description" content="Chat GPT 5 is a browser-based assistant for instant AI help with no signup required. Just open a tab and go. From writing and coding to concise summaries and task solving, it does the heavy lifting. It fits your workflow with zero learning curve. Multilingual by default, context-aware by design. Multilingual by default, context-aware by design."> <meta property="og:type" content="article" /> <meta property="fb:app_id" content="2256944847921875" /> <meta property="og:image" content="https://notionpress.com/authorpics/1754886410-1346262author-photo.png"/> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Chat GPT 5 is a browser-based assistant for instant AI help with no signup required. Just open a tab and go. From writing and coding to concise summaries and task solving, it does the heavy lifting. It fits your workflow with zero learning curve. Multilingual by default, context-aware by design. Multilingual by default, context-aware by design." /> <meta name="twitter:title" content="AI Chatbot's Author Page - Notion Press | India's largest book publisher" /> <meta name="twitter:image" content="https://notionpress.com/authorpics/1754886410-1346262author-photo.png" /> <!-- Meta for facebook by venkat--> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> <meta http-equiv="X-UA-Compatible" content="IE=9"> <!-- Required --> <!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="https://notionpress.com/css/ie-style.css" /> <![endif]--> <!--[if IE]> <style> .digital-giveaway-btn img{top: 10px;} </style> <![endif]--> <!-- <link href="https://notionpress.com/css/newdesign.css?642001913" rel="stylesheet" type="text/css" media="screen"> --> <link rel="icon" href="https://notionpress.com/images/bookstore_rewamp/np_logo_2025.png" type="image/png"><!-- LayerSlider stylesheet --> <script>var base_url = 'https://notionpress.com/';var segment1 = "author";var segment2 = "1346262";</script> <!-- <script type="text/javascript" src="https://notionpress.com/rewamp/js/script.js?642001913"></script> --> <!-- <script src="https://notionpress.com/js/maxheight.js"></script> --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WNBFJ7Q');</script> <!-- End Google Tag Manager --><link rel="alternate" href="https://notionpress.com/" hreflang="en-in" /> <link rel="alternate" hreflang="en-in" href="https://notionpress.com/in/read/" /><link rel="alternate" hreflang="en-sg" href="https://notionpress.com/sg/read/" /><link rel="alternate" hreflang="en-my" href="https://notionpress.com/my/read/" /><link rel="alternate" hreflang="x-default" href="https://notionpress.com/in/read/" /> <!-- End Facebook Pixel Code --> <script type="text/javascript">var home_landing_txt = "Home";$(document).ready(function(){ $(".navbar-toggle").click(function(){ $(".navbar-right").slideToggle(); }); // var a = $(".leftNav .dropdown.collectiondropdown .dropcontent").find("ul").length; // var b= 150*2; // $('.leftNav .dropdown.collectiondropdown .dropcontent').css("min-width", b); });</script> <style> #owl-demo .item{ background: #fff; padding: 15px 12px; margin: 5px; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}.customNavigation{ text-align: center;}/*//use styles below to disable ugly selection*/.customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*new*/.select2-container--default .select2-selection--single { background-color: transparent !important; border: 1px solid transparent !important; border-radius: 4px;}.select2-container { z-index: 2001; width: auto !important;}.select2-container--default .select2-selection--single .select2-selection__rendered { width: 0; font-size: 0;}.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent !important;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent !important;} .owl-loading{ display:block !important;} </style><!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> --><script src="https://notionpress.com/assets/bookstroe_design/js/owl.js?version=637"></script><script type="text/javascript" src="https://notionpress.com/assets/bookstroe_design/js/book_store_banner_slider.js?642001913"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"><!-- <link href="https://notionpress.com/assets/bookstroe_design/js/owl.css" rel="stylesheet"> --><link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Nixie+One|Heebo:100,200,300,400,500,600,700,800" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet"><script>var site_urls="https://notionpress.com/"</script></head><style type="text/css">.nopadding{padding: 0;}.readinsta_topnav .top-menu{display: none;}#sucessModal{display: none;position: fixed; top: 62px; z-index: 9; width: 100%;}body.author_profile.successalertshown #sucessModal{display: block;}@media only screen and (max-width: 767px){ body.author_profile.successalertshown #sucessModal{display: block; position: fixed; top: 61px; right: 0; width: 100%; z-index: 9;}}</style> <!-- Author profile success message --><div id="sucessModal" role="dialog"> <div class="alert alert-success"> Your profile has been updated. <i class="fas fa fa-times"></i> </div></div> <body class="addclass INR author_profile " ><!-- <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>--><script type="text/javascript">$(document).ready(function(){ if($(window).width() < 1025){ $(".owl-carousel").owlCarousel('destroy'); setWidth(); }else{ readintaOwlInit(); resetWidth(); }}); $(window).on('resize', function(){ if($(window).width() < 1025){ $(".owl-carousel").owlCarousel('destroy'); setWidth(); }else{ readintaOwlInit(); resetWidth(); }}); function setWidth(){ $(".owl-carousel").each(function(){ var len = $(this).children('.item').length; var w = $(this).children('.item').width(); $(this).width((w*len)+(len*10)); $(this).parents('.carousel').addClass('custom-scroll'); });} function resetWidth(){ $(".owl-carousel").each(function(){ $(this).width('auto'); $(this).parents('.carousel').removeClass('custom-scroll'); });} function readintaOwlInit(){ $('#banner_slider .owl-carousel').owlCarousel({ nav: true, navText: ["‹","›"], loop:true, rewind: false, lazyLoad:true, slideBy: 'page', margin:10, responsiveClass:true, responsive: { 320: { items: 2, margin: 5, stagePadding: 10, }, 640: { items: 4, margin: 5, stagePadding: 10, }, 1024: { items: 5 }, 1200: { items: 5 }, 1370: { items: 7 } } }); $('#collections .owl-carousel, #bestsellers .owl-carousel, #trendingNow .owl-carousel, #editors .owl-carousel').owlCarousel({ nav: true, navText: ["‹","›"], loop: true, lazyLoad:true, rewind: false, slideBy: 'page', margin: 10, responsiveClass: true, responsive: { 320: { items: 2, margin: 5, stagePadding: 10, }, 640: { items: 4, margin: 5, stagePadding: 10, }, 1025: { items: 5 }, 1200: { items: 5 }, 1370: { items: 7 } } });} </script> <div class="width-1000 readinsta_collections"> <!-- #readinsta the modal--><style> button{text-transform: uppercase; } .login-msg{margin:-10px -4px 2px !important;} .alert, .login-msg {padding: 5px; margin: 0px 0px 5px; font-size: 10px; }.alert p,.login-msg p{font-size: 13px !important;}button.btn.btn-block.facebook-login.inpt {border-radius: 5px;}.or_text.text-center {margin: 5px 0px; }.error_new_wr .login_info {padding: 60px 20px 65px 50px; }#login-modal .container h4 {font-size: 24px; font-weight: 800; margin: 0px 0px 20px 0px; text-align: left; color: #FF5A5F;} @media screen and (max-width: 767px) and (min-width: 320px){#login-modal{top:0px; margin: 0px; padding: 0px;} }@media screen and (max-width: 940px) and (min-width: 320px){ #login-modal .container .half{padding: 0px 0px 57px !important;}}@media screen and (min-width: 841px) and (max-width: 1024px){.login_info {padding: 60px 20px 65px 50px !important;vertical-align: top;}.cont{margin: 0px !important; }} @media screen and (min-width: 1025px) and (max-width: 1208px){.login_info {padding: 60px 20px 65px 50px !important;vertical-align: top;}.cont{margin: 0px !important; }} </style><script>let sageMs = "Please complete the captcha verification"; let v2_client_key = "6Le4RbQUAAAAAIlqR1qMlRp01vvB2G45UT0ha9ir"; let sagePs=""</script><script src="https://notionpress.com/assets/store/js/recaptcha.js" ></script><script src="https://www.google.com/recaptcha/api.js" ></script><!-- Modal structure --><div id="login-modal" style="display:none"> <!-- data-iziModal-fullscreen="true" data-iziModal-title="Welcome" data-iziModal-subtitle="Subtitle" data-iziModal-icon="icon-home" --> <!-- Modal content --> <section class="container"> <div class="row"> <div class="col-12 top_bar_mobile"><a href="" class="back_ic"><img src="https://notionpress.com/new-rewamp/images/for_writers/arrow_back_ic.png"></a> <img src="https://notionpress.com/new-rewamp/images/White_logo.png"> </div> <div class="col-lg-6 col-md-6 login_info"> <h2>Join 400,000+ avid readers and writers</h2> <p>Experience reading like never before</p> <ul> <li><img src="https://notionpress.com/new-rewamp/images/for_writers/siginup_ic1.png"> <span>Read in your favourite format - <strong>print, digital or both.</strong> The choice is yours.</span></li> <li><img src="https://notionpress.com/new-rewamp/images/for_writers/siginup_ic2.png"> <span><strong>Track the shipping status</strong> of your print orders.</span></li> <li><img src="https://notionpress.com/new-rewamp/images/for_writers/siginup_ic3.png"> <span><strong>Discuss with other readers</strong><br> who are reading the same book, or even with the author</span></li> </ul> </div> <div class="col-lg-6 col-md-6 login_box"> <article class="half"> <div class="login-wrap" style="display: none;" > <div class="content"> <div class="signin-cont cont"> <h4>Sign in</h4> <div class="login-msg sigin"></div> <form method="POST" class="read-modal-signin"> <input type="hidden" name="segment2" id="segment2" value="1346262"> <label for="email">Enter your email address</label> <input type="email" name="email" class="inpt" required="required" placeholder="Your email"> <label for="password">Enter your password</label> <div class="password_wr"> <input type="password" name="password" class="inpt" required="required" placeholder="Enter your password"> <a href="https://notionpress.com/login/forgot" class="forgot" target="_blank">Forgot?</a> <i>Minimum 6 characters</i> <!-- <input type="checkbox" name="remember_me" class="checkbox" checked id="remember_me"> <label for="remember_me">Remember me</label> --> </div> <div class="submit-wrap"> <input type="submit" value="Sign In" class="submit signin-submit"> <div class="or_text text-center">OR</div> <button class="btn btn-block facebook-login inpt" onclick="javascript:social_facebook()"> <i class="fa fa-facebook-official" aria-hidden="true"></i> Login with Facebook </button> </div> <span class="note">By signing up I agree to the <a href="https://notionpress.com/terms" target="_blank">Terms of Use</a> & <a href="https://notionpress.com/privacy" target="_blank">Privacy Policy</a></span> </form> <div class="s_footer_links tab signup">New to Notion Press? <a href="javascript:;" class="upper-signup">Create an account</a></div> </div> <div class="signup-cont cont"> <h4>Sign up</h4> <div class="login-msg sigup"></div> <form method="POST" class="read-modal-signup"> <input type="hidden" name="segment2" id="segment2" value="1346262"> <!-- <label for="name">Your name</label> <input type="name" name="name" class="inpt" required="required" placeholder="Your name" autocomplete="off" pattern="[a-zA-Z0-9\s]+" maxlength="100" autocorrect="off" autocapitalize="off" spellcheck="false" title='Enter your full name'> --> <label for="email">Enter your email address</label> <input type="email" name="emailid" class="inpt" required="required" placeholder="Your email" autocomplete="off" maxlength="100" autocorrect="off" autocapitalize="off" spellcheck="false" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$" title="Enter your valid email id"> <div class="password_wr"> <label for="password">Enter your password</label> <input type="password" name="password" class="inpt" required="required" placeholder="Enter your password" minlength="6" maxlength="14" > <i>Minimum 6 characters</i> </div> <center> <div style="display:none" class="g-recaptcha" data-sitekey="6Le4RbQUAAAAAIlqR1qMlRp01vvB2G45UT0ha9ir" style="margin-bottom: 4px;" data-callback="pacerverify"></div> <!--<div class="rcmsg text-danger"></div>--> <center> <input type="hidden" name="source" value="26"> <div class="submit-wrap"> <input type="submit" value="Sign up" class="submit signup-submit" autocomplete="off"> <!-- <i class="fa fa-spinner"></i> --> <!-- <a href="javascript:;" class="more">Terms and conditions</a> --> </div><span class="note">By signing up I agree to the <a href="https://notionpress.com/terms" target="_blank">Terms of Use</a> & <a href="https://notionpress.com/privacy" target="_blank">Privacy Policy</a></span> </form> <div class="s_footer_links tab signin">Already have an account? <a href="javascript:;" class="upper-signin">Sign in</a></div> </div> <div class="sign-cont-login cont" style="display:none;"> <div class="login-msg sigin"></div> <form method="POST" class="read-modal-signin"> <input type="hidden" name="segment2" id="segment2" value="1346262"> <label for="email">Your email</label> <input type="email" name="email" class="inpt" required="required" placeholder="Your email"> <label for="password">Your password</label> <input type="password" name="password" class="inpt" required="required" placeholder="Your password"> <!-- <input type="checkbox" name="remember_me" class="checkbox" checked id="remember_me"> <label for="remember_me">Remember me</label> --> <div class="submit-wrap"> <input type="submit" value="Sign In" class="submit signin-submit"> <br> <a href="https://notionpress.com/login/forgot" class="more" target="_blank">Forgot your password?</a> <br> <span class="more down-signup" style="cursor: pointer"> Don’t have an account? </span> <a href="javascript:;" class="more down-signup upsignbtn"> Sign up </a> </div> </form> </div> </div> </div> <!-- /login-wrap --> <div class="login-loading-wrap"> <div class="block beacon loading-spinner"> <div class="beacon-center"></div> </div> <p class="loading-msg"></p> <div class="facebook-actions" style="display: none;"> <p onclick="javascript:social_child_win_detect('focus')"> Sign in to continue reading. </p> <!-- <p onclick="javascript:social_child_win_detect('close')">Close Window</p> --> </div> </div> </article></div></div> <div class="clearfix"></div> </section> </div> <!-- someone need to remove the country popup ? --><script type="text/javascript"> var fbloginURL = 'https://notionpress.com/auth_social/facebook_connect'; var signupURL = 'https://notionpress.com/auth_social/np_signup'; var signinURL = 'https://notionpress.com/auth_social/np_signin'; var sessionURL = 'https://notionpress.com/auth_social/np_loggedin'; var sessionFBURL = 'https://notionpress.com/auth_social/fb_session_status'; var tweetloginURL = 'https://notionpress.com/auth_social/twitter_connect'; var addURL = 'https://notionpress.com/store/address_cart'; var oldaddressURL = 'https://notionpress.com/store/addressadd_form'; var checkaddURL ='https://notionpress.com/auth_social/checkadd'; var npBookID = 0; var npBookID = '1346262'; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); window.fbAsyncInit = function() { FB.init({ appId : '109262125855211', cookie : true, xfbml : true, version : 'v6.0' }); FB.AppEvents.logPageView(); }; </script> <link rel="stylesheet" type="text/css" href="https://notionpress.com/assets/read_insta/css/iziModal.css"><script type="text/javascript" src="https://notionpress.com/assets/read_insta/js/iziModal.js"></script> <link rel="stylesheet" type="text/css" href="https://notionpress.com/assets/read_insta/css/login_modal.css"><script type="text/javascript" src="https://notionpress.com/assets/read_insta/js/login_modal.js?v=642001913"></script><!-- /#readinsta --> <style>a.note_wr{background: #ff0f50; margin: 0px -30px; padding:5px 0px; width: 110%; text-align: center; color: #fff; display: block;}a.note_wr:hover,a.note_wr:focus{color: #fff !important;}a.note_wr p{margin: 2px 0px; font-size: 20px;font-weight: 500;}a.note_wr p span img{width: 30px; margin-right: 2px}a.note_wr p i img{width: 25px; margin-left: 5px} .navbar-header ul li.dashboard.my_shelf a span:before{ display: none;}.navbar-header ul li.dashboard.my_shelf a span:after {content: ""; width: 0; height: 0; border: 0 solid transparent; border-left-width: 4px; border-right-width: 4px; border-bottom: 4px solid #de1c1c; position: absolute; left: 10px; bottom: -4px; transform: rotate(180deg);}.navbar-header ul li.dashboard.my_shelf a span.new {margin-top: 0px; } .readinsta_topnav div#nav_responsive ul li.profileDropdown a.dropdown-item.my_shelf span.new{background: #de1c1c; padding: 2px 4px;font-size: 10px; color: #fff; border-radius: 2px;display: inline-block; height: auto;line-height: normal; position: absolute; margin-left: 10px;margin-top: -2px; left: auto !important; top: auto !important;}.readinsta_topnav div#nav_responsive ul li.profileDropdown a.dropdown-item.my_shelf span.new:before{content: ""; width: 0; height: 0; border: 0 solid transparent; border-top-width: 0px; border-bottom-width: 0px; border-left-color: transparent; border-left-style: solid; border-left-width: 0px; border-bottom-width: 4px; border-top-width: 4px; border-left: 4px solid #de1c1c; position: absolute; left: -4px; top: 4px; transform: rotate(180deg);}.new.ended{background: #464646 !important;margin-left: 5px !important; top: 1px !important;}.navbar-header ul li a .new.ended:before{content:""; width:0; height:0; border: none; position:absolute; left:-4px; top:5px; transform:rotate(180deg)}.leftNav .dropdown .dropcontent ul li.submenu a{position: relative;}.leftNav .dropdown.staticpageMenu .dropcontent.salescontest .staticpage ul:nth-child(1){padding: 0px;}#mainNav ul li .dropcontent ul li a.title_menus {font-weight: 600; font-size: 15px; } @media only screen and (max-width: 940px) {.readinsta_topnav #nav_responsive .notification-list span.close-icon, .readinsta_collections #nav_responsive .notification-list span.close-icon, body.scrollFixedNavPackage #mainNav #nav_responsive .notification-list span.close-icon {display : none; }.note_wr p{font-size: 14px;}ul.coutry_sel { top: 69px !important;}} @media only screen and (min-width: 320px) and (max-width: 991px){ .np_mobile_menus .menu__wrap ul li a.my_shelf span.new{top: 2px !important;} a.note_wr p{font-size: 14px; line-height: 30px;} a.note_wr{width: 100%; margin: 0px;}}@media only screen and (min-width: 320px) and (max-width: 480px){ a.note_wr p{font-size: 10px; line-height: 30px;}} </style> <style>.removeBg{font-size: 0;}</style><script type="text/javascript"> $(document).ready(function(){ var getHtmlVal=$("#onlyalerts"); if(getHtmlVal.hasClass("in")) { $("#onlyalerts").fadeTo(2000, 500).fadeOut(500, function(){ $("#onlyalerts").fadeOut(500); }); } $(".preventContainer").hide(); $(".add_item_form").on("blur",'.qtychange',function(){ let qty = $(this).val(); if(qty < 1 || isNaN(qty)) { $(this).val(1); } update_cart(); }); $(".add_item_form").on("click",".button", function(e) { var btn = $(this),new_val = Number(btn.parent().find('input').val()); new_val = btn.hasClass('additem') ? ++new_val : --new_val; new_val = new_val < 1 || isNaN(new_val) || new_val > 5000 ? 1 : new_val; let btn_clas = btn.hasClass('additem') ? '.additem' : '.delitem'; let item_pos_on_cur_form = $(this).closest('.add_item_form').find(btn_clas).index(btn); // take cur position od item from mob and desk form $('.add_item_form').each(function(){ $(this).find('input.qtychange:eq('+item_pos_on_cur_form+')').val(new_val); }); update_cart($(this)); }); function update_cart(btn = null){ let cartValue = 0; $(".preventContainer").show(); var formAction = "https://notionpress.com/store/updatecart"; $('.add_item_form .table_responsive').each(function(){ if($(this).is(':visible')){ form_data = $(this).parent().serialize(); return; } }); if(! form_data) return; $.ajax({ url: formAction, type: 'post', data: form_data, success:function(data){ var res = JSON.parse(data); $(".preventContainer").hide(); let subtotal_peritem = res.subtotal_peritem; let item_qty_peritem = res.item_qty_peritem; for(let i in subtotal_peritem){ $('.subtotal_amount_item:eq('+i+')').html(subtotal_peritem[i]); // $('.qtychange:eq('+i+')').val(1); } for(let j in item_qty_peritem){ $('.desktop_view .qtychange1:eq('+j+')').val(item_qty_peritem[j]); $('.mobile_view .qtychange1:eq('+j+')').val(item_qty_peritem[j]); } $('.subtotal_amount').html(res.subtotal_amount); $('.shipping_amount').html(res.shipping_amount); $('.grant_total').html(res.grant_total); $('.topcart span.items,.showcart_title span').html(res.total_orders); if(!res.total_orders){ $('.topcart span.items').hide(); } if( ! res.total_orders){ $('.cartbody').hide().removeClass('cartbody'); $('.no_items_holder').show().addClass('cartbody'); return; } } }); } function remove_item(rowid,item_pos){ if(! rowid ) return; $.ajax({ url: "https://notionpress.com/store/removefromcart", type: 'post', data: {rowid:rowid}, success:function(data){ var res = JSON.parse(data); location.reload(); if(res.status){ $('#onlyalerts').show().delay(2000).fadeOut() if(item_pos != null ){ update_cart(); console.log(item_pos); //$('.add_item_form').each(function(){ $('.bookListing:eq('+item_pos+')').fadeOut(); //}); } } } }); } $('.remove_item_btn').click(function(){ let rowid = $(this).data('rowid'); let item = $(this).closest('.bookListing'); let pos = $('.bookListing').index(item); remove_item(rowid,pos); }); $("body").on("click","button.bookstore_sprite",function(){ var seo_url='1346262'; var getContentId=""; var buttonBook=$(this); var getContentId=buttonBook.attr("id"); if(getContentId=="buynow_btn") { $(this).parents("form").submit(); } else { var is_loading = false; var getThis=$(this).parents("form"); $(buttonBook).css("opacity","0.2"); $(buttonBook).html('<i class="fa fa-spinner fa-spin" style="margin-top: 5px;font-family: FontAwesome;color: #fff;font-size: 16px;" aria-hidden="true"></i>'); $(getThis).on("submit",function(e){ // $(buttonBook).removeClass("bookstore_sprite"); //$(buttonBook+'.bookstore_sprite').css("background-position","-239px -39px"); $(buttonBook).parent().css(""); //$(buttonBook).addClass("removeBg"); // $(".removeBg").css("background","none"); $(".removeBg").css("border","none"); $(".removeBg").css("outline","none"); if (is_loading) { return; } is_loading = true; $.ajax({ type:'post', url:$(getThis).attr("action"), data:$(getThis).serialize()+ "&seo_url=" + seo_url, success:function(data){ // $(buttonBook).addClass("bookstore_sprite"); $("input[name=count]").val(1); $("#"+getContentId).css("background-position","-165px -6px"); $("#"+getContentId).parent().css("border", "1px solid transparent"); $("#"+getContentId).html(""); $(".addtocart_btn.bookstore_sprite").html("<i class='fas fa-check fa'></i> Add to Cart"); $("#"+getContentId).removeClass("removeBg"); $("#"+getContentId).removeAttr("style"); $(".cart_wr").remove(); $(".headerContent").append(data); messageType("success","<i class='fas fa-check fa'></i> Added to cart"); $("html,body").animate({scrollTop:0}, 1000, 'swing'); $(".added_to_cart-basket").addClass("open"); } }); e.preventDefault(); }).always(function() { if($("#"+getContentId).hasClass("redirect")){}else{is_loading = false;} }); } }); $("body").on("click",".itemsAdd",function(e) { if($(this).parents(".cart-dropdown").length) { } else if($(this).hasClass("redirect")) { } else { let invBookID = $(this).attr('data-invbookid'); if(!invBookID) return false; let post_url = "https://notionpress.com/store/addtocart/" + invBookID; if( $('.reedemenabled').length ) post_url = $('.reedemenabled').attr('action'); let cartValue = 0; $.ajax({ url: post_url,//$(getThis).attr("href"), success:function(data){ window.location.href ="https://notionpress.com/"+"store/showcart"; /*cartValue = ( parseInt( $(data).find('.added_to_cart .items').text() ) ) || cartValue; messageType("success","<i class='fas fa-check fa'></i> Added to cart"); $('.carticon .items').removeClass('hid'); $('.carticon .items').html(cartValue); $('.topcart').attr('href', $('.topcart').attr('data-cart-url')); cart_status = 1 // check this in storenav2018 x3*/ } }); e.preventDefault(); } }); });$(window).load(function(){ $(".bookstore_sprite").each(function(){ $(this).removeAttr("onclick"); $(this).removeAttr("style"); });});$(document).ready(function(){ $(".bookstore_sprite").each(function(){ $(this).attr("onclick","return false;"); $(this).css("cursor","auto"); });});function messageType(messageType,message){ $("#onlyalerts .message").html(message); $("#onlyalerts").attr("class","alert alert-"+messageType+" alert-dismissable fade in"); $("#onlyalerts").fadeTo(2000, 500).slideUp(500, function(){ $("#onlyalerts").slideUp(500); });} </script> <!-- GlobalInventory --><link href="https://notionpress.com/assets/select2-4.0.5/css/select2.min.css" rel="stylesheet" /><script src="https://notionpress.com/assets/select2-4.0.5/js/select2.min.js"></script><link href="https://notionpress.com/assets/select2-4.0.5/css/flags.css" rel="stylesheet"><script src="https://notionpress.com/assets/select2-4.0.5/js/jquery.flagstrap.min.js"></script><script type="text/javascript"> $(document).ready(function(){ var stop_redirect = "TRUE"; var cookieSet = ''; if (cookieSet == '' && typeof(site_url) != "undefined") { var geo_country = "India"; if(geo_country != "India" && geo_country != "Singapore" && geo_country != "Malaysia" ) $('.md-modal.md-effect-7').addClass('md-show'); else manage_cookie(geo_country,stop_redirect); } }); </script> <link href="https://notionpress.com/new-rewamp/css/commonheader/commontopnav.css?642001913" rel="stylesheet" type="text/css" media="screen"><script src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script><script type="text/javascript">$(document).ready(function(){ $('.searchicon').on('click', function(){ $('.searchbar').addClass('mvisible'); }); $('.backicon').on('click', function(){ $('.searchbar').removeClass('mvisible'); }); $('.navbar-toggle').on('click', function(){ $('.mview-navbar-collapse').toggle('slide', {direction: 'left'}, 500); }); $("body").on("click","#profile_mobile", function(){ if($(window).width() < 940){ $('.np_mobile_menus .action--close').trigger('click'); // leftClose $('.notification-block .notification_dropdown').removeClass('dropdown-menushow'); $('.notification-list .close-icon').hide(); $('.profileDropdown .action--close').show(); profileDropdown(); } }); $(".profileDropdown .action--close").on("click", function(e){ $('.np_mobile_menus .action--close').trigger('click'); // leftClose $('.notification-list .close-icon').hide(); $('.notification-block .notification_dropdown').removeClass('dropdown-menushow'); $('.user_pic').hide('slide', {direction: 'right'}, 'slow'); $('.background-fade').hide(); $('.profileDropdown .action--close').hide(); $('body').removeClass('noMultiScroll'); }); $('.notification-block').on('click', function(){ if($(window).width() < 721){ $('.np_mobile_menus .action--close').trigger('click'); $('.profileDropdown .action--close').trigger('click'); setTimeout(() => { if( $('.notification-block .notification_dropdown').hasClass('dropdown-menushow') ) { $('.background-fade').fadeIn('fast'); if($(window).width() < 721){ $('.notification-list .close-icon').fadeIn(); $('body').addClass('noMultiScroll'); } }else{ $('.notification-list .close-icon').hide(); $('.background-fade').hide(); $('body').removeClass('noMultiScroll'); } }, 100); } }); $('.notification-list .close-icon').on('click', function(){ $('.dropdown-menushow').trigger('click'); $('.notification-list .close-icon').hide(); $('#background-fade').hide(); $('body').removeClass('noMultiScroll'); }); // $('.notification_dropdown.dropdown-menushow').on('click',function(){ // $('.notification-list .close-icon').trigger('click'); // }); }); function _notification(){ if($(window).width() < 721){ $('.notification-list .close-icon').css('opacity', 1); $('#background-fade').show(); }else{ $('.notification-list .close-icon').css('opacity', 0); $('#background-fade').hide(); }} $(window).on('resize', function(){ //_notification(); if($(window).width() > 940){ $('.user_pic li.logout a').removeClass('btn_secondary'); }}); function bodyAddClass(){ $('body').toggleClass('scroll-hide');}function profileDropdown(){ if($(window).width() < 941){ $('.np_mobile_menus .action--close').trigger('click'); // leftClose $('.user_pic').show('slide', {direction: 'right'}, 'slow'); $('.background-fade').show(); $('.action--close').css('opacity', 1); $('.user_pic li.logout a').addClass('btn_secondary'); $('body').addClass('noMultiScroll'); } else{ $('.user_pic').toggle(); $('.user_pic li.logout a').removeClass('btn_secondary'); $('body').removeClass('noMultiScroll'); }}</script> <div class="background-fade" id="background-fade"></div> <header class="col-lg-12 col-md-12 readinsta_topnav stick_flash_enabled "> <!-- contact us nav --> <!-- /contact us nav --> <!--<a href="https://notionpress.com/en/stories/versesoflove" class="note_wr"><p><span><img src="https://notionpress.com//images/short_story/np_icon_ic.png"></span>Dedicate your #versesoflove<i><img src="https://notionpress.com//images/short_story/next_arrow.png"></i></p></a> --><!--<a href="https://notionpress.com/story/ssc_main" class="note_wr"><p><span><img src="https://notionpress.com//images/short_story/np_10_icon_ic.png"></span>#National Writing Competition<i><img src="https://notionpress.com//images/short_story/next_arrow_w.png"></i></p></a>--><!--<a href="https://notionpress.com/indie-author-championship/31" class="note_wr"><p><span><img src="https://notionpress.com//images/short_story/np_10_icon_ic.png"></span> Indie Author Championship #26<i><img src="https://notionpress.com//images/short_story/next_arrow.png"></i></p></a>--><div class="navbar-header col-lg-7 col-md-6 col-sm-5 col-xs-3 col-3 d-inline-block nofloat"> <!-- MobileNav --><a class="hid-dontshow" href="https://notionpress.com/" data-store-linked="https://notionpress.com/">Home</a><div class="np_mobile_menus"> <button class="action action--open" aria-label="Open Menu"> <span class="icon icon--menu"></span></button> <div class="mobilewrapper"> <nav id="ml-menu" class="menu"> <div class="menu__wrap"> <!-- main Menu --> <ul data-menu="main" class="menu__level" tabindex="-1" role="menu" aria-label="All"> <!-- <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/store" data-store-linked="https://notionpress.com/store">Home</a> </li> --> <li></li> <li class="menu__item submenu-bottom" role="menuitem"> <a class="menu__link _discover-icon" href="https://notionpress.com/in/store" >Bookstore</a> </li> <!-- Author dashboard --> <li class="menu__item" role="menuitem"> <a class="menu__link _book-icon" href="https://notionpress.com/en/for-writers" >For Writers</a> </li> <li class="menu__item diyin" role="menuitem"><a class="menu__link _guided-icon" href="https://notionpress.com/en/for-writers">Get Published <span>Publish your book and sell across 150+ countires</span></a></li> <li class="menu__item diyin" role="menuitem"><a class="menu__link _xpress-icon" href="https://notionpress.com/en/outpublish">Outpublish <span>Experience the guidance of a traditional publishing house with the freedom of self-publishing</span></a></li> <li class="menu__item diyin" role="menuitem"><a class="menu__link _marketing-icon" data-submenu="submenu-3" aria-owns="submenu-3" href="#">Marketing Tools<span>Use our tools to promote your book and reach more readers</span></a></li> <li class="menu__item diyin" role="menuitem"><a class="menu__link _guided-icon" href="https://notionpress.com/writing-course" target="_blank">Writing Courses<span>Start your writing journey with our FREE writing courses</span></a></li> <!-- desi - only --> <!-- <li class="menu__item diyin submenu-top submenu_left" role="menuitem"> <a class="menu__link _publish-icon" href="https://notionpress.com/" >Publish with us</a> </li> --> <li class="menu__item diyin submenu-bottom menu_item_left menu_item_left1" role="menuitem"> <a class="menu__link _book-sales-icon" data-submenu="submenu-6" aria-owns="submenu-6" href="#" >Challenges<span>Join our writing contests to win exciting prizes and get recognised</span> <!-- <span class="new">New</span> --> </a> </li> <!-- /desi - only --> <li class="menu__item" role="menuitem"> <a class="menu__link _blog-icon" href="https://notionpress.com/blog" target="_blank" title="Blog">Blog</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link _about-icon" href="https://notionpress.com/about" target="_blank" title="About Us">About Us</a> </li> </ul> <!-- /main Menu --> <!-- publish with us --> <!-- <ul data-menu="submenu-1" id="submenu-1" class="menu__level" tabindex="-1" role="menu" aria-label="Tesla"> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/resources/book-formats-and-sizes">Book Formats</a></li> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/accelerator">Accelerator</a></li> </ul> --> <!-- diy --> <ul data-menu="submenu-1-1" id="submenu-1-1" class="menu__level" tabindex="-1" role="menu" aria-label="Sale %"> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/publish/xpress">How to Publish</a></li> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/packages">Pricing</a></li> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/royalty-calculator/xpress">Calculate Author Earnings</a></li> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/resources/publishing-template">Publishing Templates</a></li> </ul> <!-- /diy --> <!-- guided --> <ul data-menu="submenu-1-2" id="submenu-1-2" class="menu__level" tabindex="-1" role="menu" aria-label="Sale %"> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/publish/guided">How to Publish</a></li> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/packages">Pricing</a></li> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/royalty-calculator/guided">Calculate Author Earnings</a></li> </ul> <!-- guided --> <!-- /publish with us --> <!-- Discover Menu --> <ul data-menu="submenu-2" id="submenu-2" class="menu__level" tabindex="-1" role="menu" aria-label="Vegetables"> <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-2-1" aria-owns="submenu-2-1" href="#">Notion Press Picks</a></li> <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-2-2" aria-owns="submenu-2-2" href="#">Books By Genre</a></li> </ul> <!-- Marketing Tools --> <ul data-menu="submenu-3" id="submenu-3" class="menu__level" tabindex="-1" role="menu"> <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/book-marketing">Author Dashboard</a> </li> <li class="menu__item" role="menuitem"><a href="https://notionpress.com/book-marketing/shipping-manager">Shipping Manager</a> </li> <!-- <li class="menu__item" role="menuitem"><a href="https://notionpress.com/book-marketing/bookpostr">Book Postr</a> </li> --> <li class="menu__item" role="menuitem"><a href="https://notionpress.com/book-marketing/coupon-manager">Coupon Code Manager</a> </li> </ul> <!-- Book Sales Challenge --> <ul data-menu="submenu-6" id="submenu-6" class="menu__level" tabindex="-1" role="menu"> <li class="menu__item" role="menuitem"><a href="#" class="title_menus"> Indie Author Championship</a> <div class="submenu_child1"> <a href="https://notionpress.com/indie-author-championship/45">Indie Author Championship #29 <span class="new">New</span></a> <a href="https://notionpress.com/indie-author-championship/44">Indie Author Championship #28 <span class="new ended">See Results</span></a> <a href="https://notionpress.com/indie-author-championship/43">Indie Author Championship #27 <span class="new ended">See Results</span></a> </div> </li> <li class="menu__item" role="menuitem"><a href="#" class="title_menus">Writing Contests</a> <div class="submenu_child1"> <a href="https://notionpress.com/write_contest">#5 Short Story Contest <span class="new">New</span></a> <!-- <a href="https://notionpress.com/en/story/young_authors_winners">#National Young Writers Competition<span class="new ended">See Results</span></a> --> <a href="https://notionpress.com/story/ssc_main">#National Writing Competition<span class="new ended">See Results</span></a> <a href="https://notionpress.com/en/stories/versesoflove">#VersesofLove<span class="new ended">See Results</span></a> <!--<a href="https://notionpress.com/en/stories/writeyourheartout">#writeyourheartout Writing Contest<span class="new ended">See Results</span></a>--> </div> </li> <!-- <li class="menu__item menu_item_left" role="menuitem"><a href="https://notionpress.com/booksaleschallenge"> Book Sales Challenge Mar 2020 </a> </li> --> <!-- <li class="menu__item" role="menuitem"><a href="https://notionpress.com/booksaleschallenge/aug-2019"> Book Sales Challenge Aug 2019 </a> </li> --> </ul> <!-- spotlight start --> <ul data-menu="submenu-4" id="submenu-4" class="menu__level" tabindex="-1" role="menu"> <!-- <li class="menu__item" role="menuitem"><a class="menu__link" href="https://notionpress.com/book-marketing">Spotlight Publishing</a> </li> --> <li class="menu__item" role="menuitem"><a href="https://notionpress.com/spotlight-publishing#about">How to Publish</a> </li> <li class="menu__item" role="menuitem"><a href="https://notionpress.com/spotlight-publishing#pricing">Pricing</a> </li> <li class="menu__item" role="menuitem"><a href="https://notionpress.com/spotlight-publishing#how-it-works">How it Works</a> </li> <li class="menu__item" role="menuitem"><a href="https://notionpress.com/spotlight-publishing#faq">FAQs</a> </li> </ul> <!-- end --> <!-- NotionPress Picks --> <ul data-menu="submenu-2-1" id="submenu-2-1" class="menu__level" tabindex="-1" role="menu" aria-label="Notion Press Picks"> <li class="menu__item" role="menuitem"> <a class="menu__link" target="_blank" href="https://bynge.in">Bynge Tamil Stories</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/topselling">Trending this week</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/all">New Releases</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/preorder">Pre-Order</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/freeshippingall">Free Shipping</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/indianlangall">Indian Languages</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/xpressall">Xpress Publishing</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/bestsellers">Bestsellers</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/poetry">Poetry</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/Indian-writing">The Indian Collection</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/contestwinners8">Winners Of The Book Sales Contest</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/management-leadership">Leadership & Management</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/crime">Crime </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/How-to">Best How to books</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/Romance">Romance</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/Career-Money">Career & Money</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/Myths-legends">Myths & Legends</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/editors-pick-tamil">Editor's Picks</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/editors-pick-hindi">Editor's Picks</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/editors-pick">Editor's Picks</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/Personal-growth">Personal Growth</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/Short_reads">Short reads</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/Travel">Travel</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/most-gifted">Most Gifted</a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/collections/Adventure">Adventure</a> </li> </ul> <!-- /NotionPress Picks --> <!-- booksBy Subjects --> <ul data-menu="submenu-2-2" id="submenu-2-2" class="menu__level" tabindex="-1" role="menu" aria-label=""> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/literature-fiction" > <span class="store_sprite" style="background-position: -146px 150px;" ></span> Literature & Fiction </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/business-investing-management" > <span class="store_sprite" style="background-position: -105px 234px;" ></span> Business, Investing & Management </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/biographies-autobiographies" > <span class="store_sprite" style="background-position: -63px 234px;" ></span> Biographies & Autobiographies </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/self-help" > <span class="store_sprite" style="background-position: -146px 107px;" ></span> Self-Help </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/poetry" > <span class="store_sprite" style="background-position: -19px 107px;" ></span> Poetry </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/history-politics" > <span class="store_sprite" style="background-position: -189px 192px;" ></span> History & Politics </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/reference-study-guides" > <span class="store_sprite" style="background-position: -64px 107px;" ></span> Reference & Study Guides </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/philosophy" > <span class="store_sprite" style="background-position: -189px 64px;" ></span> Philosophy </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/health-fitness" > <span class="store_sprite" style="background-position: -147px 192px;" ></span> Health & Fitness </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/computers" > <span class="store_sprite" style="background-position: -147px 234px;" ></span> Computers </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/cooking-food-wine" > <span class="store_sprite" style="background-position: -189px 234px;" ></span> Cooking, Food & Wine </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/true-stories" > <span class="store_sprite" style="background-position: -62px 66px;" ></span> True Stories </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/sports-games" > <span class="store_sprite" style="background-position: -188px 107px;" ></span> Sports & Games </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/arts-photography-design" > <span class="store_sprite" style="background-position: -22px 235px;" ></span> Arts, Photography & Design </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/educational-professional" > <span class="store_sprite" style="background-position: -63px 192px;" ></span> Educational & Professional </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/humor" > <span class="store_sprite" style="background-position: -21px 150px;" ></span> Humor </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/outdoors-nature" > <span class="store_sprite" style="background-position: -231px 150px;" ></span> Outdoors & Nature </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/technology-engineering" > <span class="store_sprite" style="background-position: -231px 107px;" ></span> Technology & Engineering </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/body-mind-spirit" > <span class="store_sprite" style="background-position: -105px 107px;" ></span> BODY, MIND & SPIRIT </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/religion-spirituality" > <span class="store_sprite" style="background-position: -105px 107px;" ></span> Religion & Spirituality </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/travel" > <span class="store_sprite" style="background-position: -21px 66px;" ></span> Travel </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/others" > <span class="store_sprite" style="background-position: -106px 65px;" ></span> Others </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/dramas-plays" > <span class="store_sprite" style="background-position: -21px 192px;" ></span> Dramas & Plays </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/crafts-hobbies" > <span class="store_sprite" style="background-position: -231px 234px;" ></span> Crafts & Hobbies </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/language-studies" > <span class="store_sprite" style="background-position: -62px 150px;" ></span> Language Studies </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/families-relationships" > <span class="store_sprite" style="background-position: -105px 192px;" ></span> Families & Relationships </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/letters-essays" > <span class="store_sprite" style="background-position: -104px 150px;" ></span> Letters & Essays </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/music-entertainment" > <span class="store_sprite" style="background-position: -189px 150px;" ></span> Music & Entertainment </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/home-garden" > <span class="store_sprite" style="background-position: -232px 192px;" ></span> Home & Garden </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/children-young-adult" > <span class="store_sprite" style="background-position: -149px 65px;" ></span> Children & Young Adult </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/Bibles" > <span class="store_sprite" style="background-position: -455px 55px;" ></span> Bibles </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/Comics-Graphic-Novels" > <span class="store_sprite" style="background-position: -498px 55px;" ></span> Comics & Graphic Novels </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/Design" > <span class="store_sprite" style="background-position: -542px 55px;" ></span> Design </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/Young-Adult-Fiction" > <span class="store_sprite" style="background-position: -589px 55px;" ></span> Young Adult Fiction </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/Young-Adult-Nonfiction" > <span class="store_sprite" style="background-position: -631px 54px;" ></span> Young Adult Nonfiction </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/Pets-Animal-Care" > <span class="store_sprite" style="background-position: -409px 55px;" ></span> Pets & Animal Care </a> </li> <li class="menu__item" role="menuitem"> <a class="menu__link" href="https://notionpress.com/in/store/categories/pets-animal-care" > <span class="store_sprite" style="background-position: -409px 55px;" ></span> Pets & Animal Care </a> </li> </ul> <!-- /booksBy Subjects --> <!-- /discover Menu --> </div> </nav> <button class="action action--close" aria-label="Close Menu" style="display: block;right: 15px;z-index:-1;"><span class="icon icon--cross"></span></button></div></div> <!-- /MobileNav --> <a class="np_logo" href="https://notionpress.com/en/"><img src="https://notionpress.com/images/bookstore_rewamp/np_logo_2025.webp"></a> <div class="rightmenu-items"><i class="fa fa-angle-left"></i> Profile</div> <div class="leftNav"> <ul> <!-- <li><a class="navbar-brand" href="https://notionpress.com/store"><img src="https://notionpress.com/images/bookstore_rewamp/np_logo.webp"></a></li> --> <!-- <li class="dropdown staticpageMenu"> <a href="https://notionpress.com/" class="lview"> Publish with us <i class="fa fa-angle-down" aria-hidden="true"></i> </a> --> <!-- <div class="dropcontent"> <span class="arrowtop"></span> <div class="staticpage"> <div> --> <!-- <ul> <li class="titlemenu publishing_type"> <h4><a href="https://notionpress.com/publish/guided">Guided Publishing</a><span>Get your own dedicated team of book experts to publish your book</span></h4> </li> <li class="submenu"> <a href="https://notionpress.com/publish/guided">How to Publish</a> </li> <li class="submenu"> <a href="https://notionpress.com/packages">Pricing</a> </li> <li class="submenu"> <a href="https://notionpress.com/services">Services</a> </li> <li class="submenu"> <a href="https://notionpress.com/royalty-calculator/guided">Calculate Author Earnings</a> </li> <li class="submenu"> <a href="https://notionpress.com/resources/book-formats-and-sizes">Book Formats</a> </li> <li class="submenu"> <a href="https://notionpress.com/accelerator">Accelerator</a> </li> </ul> <ul> <li class="titlemenu publishing_type"> <h4><a href="https://notionpress.com/publish/xpress">Xpress Publishing</a> <span>Create your own book with easy to use publishing tools</span></h4> </li> <li class="submenu"> <a href="https://notionpress.com/publish/xpress">How to Publish</a> </li> <li class="submenu"> <a href="https://notionpress.com/packages">Pricing</a> </li> <li class="submenu"> <a href="https://notionpress.com/royalty-calculator/xpress">Calculate Author Earnings</a> </li> <li class="submenu"> <a href="https://notionpress.com/resources/publishing-template">Publishing Template</a> </li> </ul>--> <!-- Spotlight start --> <!-- <ul> <li class="titlemenu publishing_type"> <h4><a href="https://notionpress.com/spotlight-publishing">Spotlight Publishing</a><span>Work with the best branding experts to publish your book and build a brand</span></h4> </li> <li class="submenu"> <a href="https://notionpress.com/spotlight-publishing#about">How to Publish</a> </li> <li class="submenu"> <a href="https://notionpress.com/spotlight-publishing#pricing">Pricing</a> </li> <li class="submenu"> <a href="https://notionpress.com/spotlight-publishing#how-it-works">How it Works</a> </li> <li class="submenu"> <a href="https://notionpress.com/spotlight-publishing#faq">FAQs</a> </li> </ul> --> <!-- end --> <!-- <ul> <li class="titlemenu publishing_type"> <h4><a href="https://notionpress.com/book-marketing">Marketing Tools</a><span>Promote you book using our marketing tools</span></h4> </li> <li class="submenu"> <a href="https://notionpress.com/book-marketing">Author Dashboard</a> </li> <li class="submenu"> <a href="https://notionpress.com/book-marketing/shipping-manager">Shipping Manager</a> </li> --> <!-- <li class="submenu"> <a href="https://notionpress.com/book-marketing/bookpostr">Book Postr</a> </li> --> <!-- <li class="submenu"> <a href="https://notionpress.com/book-marketing/coupon-manager">Coupon Code Manager</a> </li> </ul> --> <!-- <ul class="reviewsection"> <div class="menu-footer"> <div class="authorreview"> <img src="" data-src="https://notionpress.com/images/bookstore_rewamp/2018/author1.webp" class="dataserc" alt=""> <p class="reviewcontent">An Excellent and Dedicated Team with an established presence in the publishing industry.</p> <strong class="reviewauthor"><span>Vivek Sreedhar</span>Author of Ketchup & Curry</strong> </div> </div> </ul> --> <!-- </div> <a href="https://notionpress.com/login" class="getstart">Get Started</a> </div> </div> --> <!-- </li> --><!-- /dropdown staticpageMenu --> <li class="dropdown collectiondropdown"> <a href="https://notionpress.com/in/store">Discover books <i class="fa fa-angle-down" aria-hidden="true"></i></a> <div class="dropcontent"> <span class="arrowtop"><em></em></span> <ul class="collection_cat"> <h4>Notion Press Picks</h4> <li><a href="https://bynge.in/" target="_blank">Bynge Tamil Stories</a></li> <li><a href="https://notionpress.com/in/store/topselling">Trending this week</a></li> <li><a href="https://notionpress.com/in/store/categories/all">New Releases</a></li> <!--<li><a href="https://notionpress.com/store/preorder">Pre-Order</a></li>--> <li><a href="https://notionpress.com/in/store/freeshippingall">Free Shipping</a></li> <li><a href="https://notionpress.com/in/store/indianlangall">Indian Languages</a></li> <li><a href="https://notionpress.com/in/store/xpressall">Xpress Publishing</a></li> <!-- store new links --> <li> <a href="https://notionpress.com/in/store/collections/bestsellers">Bestsellers</a> </li> <li> <a href="https://notionpress.com/in/store/collections/poetry">Poetry</a> </li> <li> <a href="https://notionpress.com/in/store/collections/Indian-writing">The Indian Collection</a> </li> <li> <a href="https://notionpress.com/in/store/collections/contestwinners8">Winners Of The Book Sales Contest</a> </li> <li> <a href="https://notionpress.com/in/store/collections/management-leadership">Leadership & Management</a> </li> <!-- /store new links --> <a href="https://notionpress.com/in/store/collections/all" class="allcollection"> See All </a> </ul> <ul> <li class="dropdown categorydropdown"> <h4>Books By Genre</h4> <div > <ul> <li > <a href="https://notionpress.com/in/store/categories/literature-fiction">Literature & Fiction</a> </li> <li > <a href="https://notionpress.com/in/store/categories/business-investing-management">Business, Investing & Management</a> </li> <li > <a href="https://notionpress.com/in/store/categories/biographies-autobiographies">Biographies & Autobiographies</a> </li> <li > <a href="https://notionpress.com/in/store/categories/self-help">Self-Help</a> </li> <li > <a href="https://notionpress.com/in/store/categories/poetry">Poetry</a> </li> <li > <a href="https://notionpress.com/in/store/categories/history-politics">History & Politics</a> </li> <li > <a href="https://notionpress.com/in/store/categories/reference-study-guides">Reference & Study Guides</a> </li> <li > <a href="https://notionpress.com/in/store/categories/philosophy">Philosophy</a> </li> <li class="last"> <a href="https://notionpress.com/in/store/categories/health-fitness">Health & Fitness</a> </li> <li > <a href="https://notionpress.com/in/store/categories" class="allcollection">See All </a> </li> </ul> </div> </li> </ul> <ul class="discover-menu"> <div class="discover-footer"> <p>Discover and read thousands of books from independent authors across India</p> <a href="https://notionpress.com/in/store"><span>Visit the bookstore</span> <i class="fa fa-angle-right" aria-hidden="true"></i></a> <img src="" data-src="https://notionpress.com/images/bookstore_rewamp/2018/discover-menu.png" class="dataserc" alt=""> </div> </ul> </div> </li> <!-- Author dashboard --> <li class="dropdown staticpageMenu"> <a class="main_menu" href="https://notionpress.com/en/for-writers">For Writers <i class="fa fa-angle-down" aria-hidden="true"></i> <!-- <span class="new">New</span> --></a> <div class="dropcontent salescontest"> <span class="arrowtop"></span> <ul class="for_writers_menus"> <li class="submenu"> <h4>For Writers</h4> <div class="sub_child"><a href="https://notionpress.com/en/for-writers"><strong>Get Published</strong> <p>Publish your book and sell across 150+ countries</p><i class="fa fa-angle-right" aria-hidden="true"></i></a></div> </li> <li class="submenu"> <div class="sub_child"><a href="https://notionpress.com/en/outpublish"><strong>Outpublish</strong> <p>Experience the guidance of a traditional publishing house with the freedom of self-publishing</p><i class="fa fa-angle-right" aria-hidden="true"></i></a></div> </li> <li class="submenu"> <div class="sub_child"><a href="https://notionpress.com/book-marketing"><strong>Marketing Tools</strong> <p>Use our tools to promote your book and reach more readers</p><i class="fa fa-angle-right" aria-hidden="true"></i></a></div> </li> <li class="submenu"> <div class="sub_child"><a href="https://notionpress.com/writing-course" target="_blank"><strong>Writing Courses</strong> <p>Start your writing journey with our FREE writing courses</p><i class="fa fa-angle-right" aria-hidden="true"></i></a></div> </li> </ul> <ul class="challenges_menus"> <li class="submenu"> <h3>Indie Author Championship</h3> <div class="sub_child"> <a href="https://notionpress.com/indie-author-championship/45">Indie Author Championship #29 <span class="new">New</span></a> <a href="https://notionpress.com/indie-author-championship/44">Indie Author Championship #28 <span class="new ended">See Results</span></a> <a href="https://notionpress.com/indie-author-championship/43">Indie Author Championship #27 <span class="new ended">See Results</span></a> </div> </li> <li class="submenu"> <h4>Challenges</h4> <h3>Writing Contests</h3> <div class="sub_child"> <a href="https://notionpress.com/write_contest">#5 Short Story Contest <span class="new">New</span></a> <!-- <a href="https://notionpress.com/story/ssc_main">#National Writing Competition <span class="new">New</span></a> --> <a href="https://notionpress.com/en/stories/versesoflove">#VersesofLove <span class="new ended">See Results</span></a> <a href="https://notionpress.com/en/stories/writeyourheartout">#writeyourheartout<span class="new ended">See Results</span></a></div> </li> <li class="btn_Get_Started"><a href="https://notionpress.com/en/signup" class="btn btn-primary">Get Started</a></li> </ul> <div class="author_reviews"> <div class="row"> <div class="photos col-5"><img src="https://notionpress.com/new-rewamp/images/for_writers/menus_author_img.png"></div> <div class="content col-7"><p>"It was a wonderful experience interacting with you and appreciate the way you have planned and executed the whole publication process within the agreed timelines.”</p><strong>Subrat Saurabh<span>Author of Kuch Woh Pal</span></strong></div> </div> </div></li> </ul> </div> </div> <div class="text-right col-lg-5 col-md-6 col-sm-7 col-xs-9 col-9 d-inline-block align-top nav_style_res" id="nav_responsive"> <ul> <li class="searchMenu"><!-- search bar --> <div class="searchicon"> <div class="col-md-1 nopadding"> <!-- <button id="search" name="search" class="btn btn-success"><i class="menu-search"></i></button> --> <i class="menu-search"></i> </div> </div> <div class="searchbar"> <form action="https://notionpress.com/store/s" accept-charset="utf-8" method="get" name="product_search_box"> <span class="backicon"><i class="fa fa-times"></i></span> <input id="query" name="NP_Books[query]" type="text" placeholder="Search by Book Title or Author Name" class="form-control" required="" title="" style=""> <div class="col-md-1 nopadding searchButton d-inline-block"> <!-- <button id="search" class="btn btn-success"><span class="search-icon"></span></button> --> <!-- <img src="https://notionpress.com/images/bookstore_rewamp/magnifying-glass.png" style="width:20px;height:20px"> --> <i class="menu-search"></i> </form> </div> </div> </li> <!-- Landingpage menu --> <!-- <li class="staticMenu"> <div class="blog"> <a href="https://notionpress.com/blog" target="_blank" target="_blank" title="Blog">Blog</a> </div> <div class="aboutus"> <a href="https://notionpress.com/about" target="_blank" target="_blank" title="About Us"> About Us</a> </div> </li> --> <!-- storeNew --> <!-- country section --> <li class="country_selection"></li> <li class=" carticon" title="Cart"> <a href="https://notionpress.com/in/store" class="topcart" data-cart-url="https://notionpress.com/store/cart" data-store-url="https://notionpress.com/in/store" > <span class="items hid">0</span> <!-- <i class="fa fa-shopping-cart" aria-hidden="true"></i> --> <!-- <img src="https://notionpress.com/images/bookstore_rewamp/shopping-cart.png" style="width:25px;height:25px"> --> <i class="menu_cart"></i> <span></span> </a> </li> <!-- Readinsta Notification --> <!-- cart icon --> <!-- Profile icon / login --> <li class="profileDropdown" id="load_profile_dropdowns"> <a href="#" data-izimodal-open="#login-modal" data-izimodal-transitionin="comingIn" style="display:none;" class="alreadyMembers"></a> <a href="https://notionpress.com/en/ind/login" class="alreadyMember"> <i class="menu_user"></i> </a> </li> </ul> </div> </header> <!-- MultiLevel Menu --> <!-- demo styles --> <!-- <link rel="stylesheet" type="text/css" href="https://notionpress.com/assets/store/multi-level-menu/css/demo.css?642001913" /> --> <!-- menu styles --> <link rel="stylesheet" type="text/css" href="https://notionpress.com/assets/store/multi-level-menu/css/component.min.css?642001913" /> <script src="https://notionpress.com/assets/store/multi-level-menu/js/modernizr-custom.js" ></script> <!-- /view --> <script src="https://notionpress.com/assets/store/multi-level-menu/js/classie.js?642001913" ></script> <script src="https://notionpress.com/assets/store/multi-level-menu/js/dummydata.js" ></script> <script src="https://notionpress.com/assets/store/multi-level-menu/js/main.js?642001913" ></script> <script> (function() { var menuEl = document.getElementById('ml-menu'), mlmenu = new MLMenu(menuEl, { // breadcrumbsCtrl : true, // show breadcrumbs // initialBreadcrumb : 'all', // initial breadcrumb text backCtrl : false, // show back button // itemsDelayInterval : 60, // delay between each menu item sliding animation onItemClick: loadDummyData // callback: item that doesn´t have a submenu gets clicked - onItemClick([event], [inner HTML of the clicked item]) }); // mobile menu toggle var openMenuCtrl = document.querySelector('.action--open'), closeMenuCtrl = document.querySelector('.action--close'); openMenuCtrl.addEventListener('click', openMenu); closeMenuCtrl.addEventListener('click', closeMenu); function openMenu(e) { $('.profileDropdown .action').trigger('click'); $('.notification-block .notification_dropdown').removeClass('dropdown-menushow'); e.stopPropagation(); document.getElementById('background-fade').style.display = 'block'; classie.add(menuEl, 'menu--open'); closeMenuCtrl.focus(); closeMenuCtrl.style.opacity = 1; $('body').addClass('noMultiScroll'); } function closeMenu() { document.getElementById('background-fade').style.display = 'none'; classie.remove(menuEl, 'menu--open'); openMenuCtrl.focus(); closeMenuCtrl.style.opacity = 0; $('body').removeClass('noMultiScroll'); } // simulate grid content loading var gridWrapper = document.querySelector('.content'); function loadDummyData(ev, itemName) { ev.preventDefault(); closeMenu(); gridWrapper.innerHTML = ''; classie.add(gridWrapper, 'content--loading'); setTimeout(function() { classie.remove(gridWrapper, 'content--loading'); gridWrapper.innerHTML = '<ul class="products">' + dummyData[itemName] + '<ul>'; }, 700); } })(); </script> <!-- /MultiLevel Menu --> <script type="text/javascript"> //coutry select - changer var cart_status = "0";</script> <script type="text/javascript"> $(".searchbar").click(function(){ $("#query").focus(); });</script> <style>.hid-dontshow{display:none !important;} </style><script>$('#background-fade').click(function(){ $('.action.action--close').click()}); $(document).ready(function(){ $('.dataserc').each(function() { var dataserc = $(this).attr('data-src'); var e = $(window).width(); if (e >= 992) { $(this).attr('src', dataserc); } });});$('.searchButton').click(function(){ $('form[name=product_search_box]').submit();}); $.ajax({ url: 'https://notionpress.com/store/getProfileDropDown', // Replace with your server URL type: 'POST', data: { 'class_name':'profile' }, success: function(response) { response = JSON.parse(response); $("#load_profile_dropdown").html(response.res); $(".country_selection").html(response.country_flag); }, error: function(xhr, status, error) { console.log('Error: ' + error); } }); </script><script type="text/javascript"> window.base_url = ""; window.site_url = "";</script> <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Source+Sans+Pro" rel="stylesheet"><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css" media="screen"><!-- <link href="https://notionpress.com/author_portfolio/assets/Author1/common.css?1234?" rel="stylesheet" type="text/css" media="screen"> --><link href="https://notionpress.com//author_portfolio/assets/Author1/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" media="screen"><link href="https://notionpress.com//author_portfolio/assets/Author1/cropper.css" rel="stylesheet" type="text/css" media="screen"><!-- <link href="https://notionpress.com/new-rewamp/css/bootstrap.min.css?25" rel="stylesheet" type="text/css" media="screen"> --><!-- infinite scroll pagination --><!-- infinite scroll pagination --><script src="https://notionpress.com//author_portfolio/assets/Author1/js/bootstrap-colorpicker.js"></script><script src="https://notionpress.com//author_portfolio/assets/Author1/js/cropper.js"></script><!-- <script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.15/jquery.tinymce.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.15/tinymce.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.15/themes/silver/theme.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.15/plugins/paste/plugin.min.js"></script> <script type="text/javascript">window.formCancelled = 0;$(document).ready(function(){ $(".readsample").each(function(){ $(this).on("click",function(){ var getID=$(this).attr("data-id"); $(".spinnerContent").show(); $("#pdfPreview").find(".modal-content .modalcontent").html('<span class="close sprite" data-dismiss="modal">×</span><iframe style="display: none" src="https://notionpress.com/pdfviewer/'+getID+'" frameborder=\"0\" allowfullscreen></iframe>'); $("iframe").on("load",function(){ $(".spinnerContent").hide(); $(this).css("display","block"); }); }); }); var getContent=$(".author_dec p:nth-child(1)").html(); // console.log(getContent); if(getContent=='') { $(".author_dec p:nth-child(1)").remove(); }});</script> <style media="screen"> .error{ font-size: 13px; color: red; font-family: "Heebo",serif; font-weight: 700; } #preImage{ border-radius: 100%; } /* crop with circle */ .cropper-view-box, .cropper-face { border-radius: 50%; } .morecontent span { display: none; } .authBgcolor{background-color: rgb(255, 207, 207); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;opacity: .4;} .book-image img{border: 1px solid #eee;} #image {width: 220px; height: 220px; border: 1px solid #e3e5e4; border-radius: 100%; margin: 30px auto;} .image1 {background: center center url("https://notionpress.com/thumbs/phpThumb.php?src=https://notionpress.com/authorpics/1754886410-1346262author-photo.png&f=jpg");background-size: 105%;background-repeat: no-repeat;} .container_1 { position: relative; border: 1px solid #CCC; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; } #card { -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; /*-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;*/ } #card.flipped { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); } #card figure { line-height: 260px; color: white; text-align: center; font-weight: bold; font-size: 140px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #card .back { position: absolute; z-index: 1111; left: 0; top: 0; min-width: 100%; min-height: 100%; background: #fff; -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); border-left: 1px solid #ccc; } #pdfPreview iframe {width: 100%;height: 100%;} #pdfPreview.modal .modal-dialog {margin-top: 0;height: 100% !important;position: absolute;top: 0;left: 0;height: 100%;width: 100%;margin-left: 0px;} .profileUploadmodal .modal-dialog{width: 80% !important;transform: none !important;-webkit-transform:none !important;height: auto !important;display: flex;align-items: center;} .profileUploadmodal .modal-dialog .modal-content{width: 100%;} #pdfPreview.modal .modal-content {height: 100%;border-radius: 0;} #pdfPreview {z-index: 1000000;overflow: hidden;} #pdfPreview .modal-content .close {background: #fff;border: 1px solid #cdcdcd;border-radius: 100%;position: absolute;right: 10px;width: 25px;height: 25px;top: 10px;text-align: center;line-height: 22px;font-size: 20px;} #pdfPreview .modal-content .close:hover, #pdfPreview .modal-content .close:focus {color: #000;text-decoration: none;cursor: pointer;opacity: .5;filter: alpha(opacity=50);} .gallery_wrapper #myCarousel2 .item img{margin: 0 auto;} .store_logo a{display: inline-block;vertical-align: middle} .store_logo a span{padding: 0px 20px;display: inline-block;vertical-align: middle;margin: 0 15px 20px;font-size: 26px;text-transform: capitalize;font-weight: bold;color: #000;} .img-container src{max-width: 100%;} #sucessModal .alert-success{display: block; text-align: center; border-radius: 0;margin-bottom: 0;} #sucessModal .alert-success i{float: right;cursor: pointer;} #authorProfile_edit .form-group.twLink, #authorProfile_edit .form-group.fbLink, #authorProfile_edit .form-group.lnLink, #authorProfile_edit .form-group.instaLink, #authorProfile_edit .form-group.webLink{position: relative;} #authorProfile_edit .form-group.twLink span.errormessage, #authorProfile_edit .form-group.fbLink span.errormessage, #authorProfile_edit .form-group.lnLink span.errormessage, #authorProfile_edit .form-group.instaLink span.errormessage, #authorProfile_edit .form-group.webLink span.errormessage{bottom: -20px;color:red;} .ajax-load{background: #e1e1e1;padding: 10px 0px;width: 100%;} .author_bio {display: none; }.author_info_wr_container{padding-top: 5px;}.author_info_wr_container p{font-size: 14px; line-height: 24px; color: #000; margin: 0px !important; padding: 0px !important;}.author_info_wr_container a{color: #EF575C; text-transform: capitalize;margin-top: 10px;display: block;}#categoryLoader{ position: relative; display: block; width: 100%; text-align: center;} .bio_s { font-size: 18px; display: block; margin: 0px 0px 8px;}.ach_img img{width: 110px;height: 110px;}.ach_img span{font-size: 13px;font-weight: 400;}.ach_img a{font-size: 15px;font-weight: 500;color: #F15B63;display: block; margin: 0;} </style> <script type="text/javascript"> $(document).ready(function(){ var getDATAURL=''; var myId = getId(getDATAURL); var myCode = '//www.youtube.com/embed/' + myId + '?rel=0&controls=0&showinfo=0;hd=1'; $("#default").attr("src",myCode); $("#myCarousel .item").each(function(){ $(this).find(".book_trailer_btn").on("click",function(){ var getDATAURL=$(this).attr("data-url"); var myId = getId(getDATAURL); var myCode = '//www.youtube.com/embed/' + myId + '?rel=0&controls=0&showinfo=0;hd=1'; $("#myModal .modal-body iframe").attr("src",myCode); $("#default")[0].src = myCode+"&autoplay=0"; }); }); $("#myModal").find(".close").on("click",function(){ $("#myModal iframe")[0].src = ""; }); function getId(url) { var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; var match = url.match(regExp); if (match && match[2].length == 11) { return match[2]; } else { return 'error'; } } }); $(document).ready(function(){ document.querySelectorAll('.contactlink a').forEach((anchor) => { let h = anchor.getAttribute('href'); if(h != null && h != '' && !h.startsWith('http')) { anchor.href = `http://${anchor.getAttribute('href')}`; }}); }); </script></head><body><section class="about_author_wrapper"><div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 auth-banner"><!-- <div class="row"><div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12"><h3>about the author</h3></div></div> --> <!-- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 auth-info"> <div class="authBgcolor"></div> </div> --> <div class="container"> <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12 text-center"> <div id="image" class="image1" style='background-image:url("https://notionpress.com/thumbs/phpThumb.php?src=https://notionpress.com/authorpics/1754886410-1346262author-photo.png&f=jpg")'></div> <div class="contactlink"> <!-- <a href="#" target="_blank" class="insta"><span class="soicon"></span></a> --> <a href="" target="_blank" class="fbook"><span class="soicon"></span></a><span class="nolink"></span> <a href="" target="_blank" class="twitter"><span class="soicon"></span></a><span class="nolink"></span> <a href="" target="_blank" class="linkedin"><span class="soicon"></span></a><span class="nolink"></span> <a href="" target="_blank" class="insta"><span class="soicon"></span></a><span class="nolink"></span> <!--<a href="" target="_blank" class="web"><span class="soicon"></span></a><span class="nolink"></span>--> </div> </div> <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 col-xs-12 text-left author_info_wr_container"> <h5 class="author_name color">AI Chatbot</h5><!-- <img src="" style="max-width: 300px;max-height: 300px;" alt=""> --> <strong class="bio_s">https://chromewebstore.google.com/detail/chat-gpt-5/npphdmcakmfhllhblkealgkeefamebih</strong> <div class="author_bio"> <span class="shortbio "> https://chromewebstore.google.com/detail/chat-gpt-5/npphdmcakmfhllhblkealgkeefamebih </span> </div> <p id="notag">Chat GPT 5 is a browser-based assistant for instant AI help with no signup required. Just open a tab and go. From writing and coding to concise summaries and task solving, it does the heavy lifting. It fits your workflow with zero learning curve. Multilingual by default, context-aware by design. Multilingual by default, context-aware by design.<a id="notage_readmore" href="#">Read More...</a></p><span id="withtag" style="display:none"><p>Chat GPT 5 is a browser-based assistant for instant AI help with no signup required. Just open a tab and go. From writing and coding to concise summaries and task solving, it does the heavy lifting. It fits your workflow with zero learning curve. Multilingual by default, context-aware by design. Multilingual by default, context-aware by design.</p><a href="#" id="withtag_readless">Read Less...</a></span><br> </div> </div></div> </div></div></section> <div class="modal fade profileUploadmodal" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modalLabel">Crop your profile image</h5> </div> <div class="modal-body"> <!-- <div class="img-container"> --> <img id="image-path" style="display: none !important;" alt="Picture" src="https://notionpress.com//images/default.png"> <!-- </div> --> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary filled" id="crop">Crop</button> </div> </div> </div></div> <script type="text/javascript" src="https://notionpress.com/js/readingtime.js"></script><script type="text/javascript"> $(document).ready(function(){ $("body").on("click","a.bookstore_sprite1",function(e) { var getThis=$(this); if($(this).parents(".cart-dropdown").length) { } else if($(this).hasClass("redirect")) { } else { // $(getThis).removeClass("bookstore_sprite"); $(getThis).css("background-position","-239px -39px"); $(getThis).parent().css("border", "1px solid rgba(61, 150, 1, 0.42)"); $(getThis).html('Buy Now <i class="fa fa-spinner fa-spin" style="font-family: FontAwesome" aria-hidden="true"></i>'); $.ajax({ url:$(getThis).attr("href"), success:function(data){ $(".cart_wr").remove(); // $(getThis).addClass("bookstore_sprite"); $(getThis).css("background-position","-165px -6px"); $(getThis).parent().css("border", "1px solid transparent"); $(getThis).html("Buy Now"); $(".headerContent").append(data); messageType("success","Added to cart"); $("html,body").animate({scrollTop:0}, 1000, 'swing'); $(".added_to_cart-basket").addClass("open"); } }); e.preventDefault(); } });});</script><style type="text/css"> .book-blurb h2 {font-size: 36px; font-weight: 700; color: #333333; margin: 5px 0 0 0; line-height: 45px; text-transform: none; } @media screen and (max-width: 1024px) { .book-blurb h2 { font-size: 32px; line-height: 35px; }}</style><section class="about_book_wrapper"><div class="container"> <div class="col-xl-11 col-lg-11 col-md-12 col-sm-12 col-xs-12 booklisting"> <div class="row book_list_wrapper"> <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#pubBooks" id='pubBooks_li'>Published Books <span>0</span></a></li> </ul> <div class="tab-content"> <div id="pubBooks" class="tab-pane fade in active"> <label style='display:block;text-align: center;'> No books published yet. </label> </div> <div id="Short_Stories" class="tab-pane active"> <label style='display:block;text-align: center;'> No stories published yet. </label> <!-- <h3>Short Stories</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> --> <!-- <div class="ajax-load text-center" style="display:none"> <p><img src="https://notionpress.com/assets/loader.gif">Loading More Stories</p> </div> --> </div> </div> </div> </div></div> </section><script> var shortStoryTab = false;var shortStoryScroll = false;//var book_blurb_fulltext = $('.book_blurb div.description').html();////console.log('raji1'+book_blurb_fulltext);function myFunction(bookid) { var book_blurb_fulltext = $('.burb_hide_'+bookid).html(); book_blurb_trim = book_blurb_fulltext.substring(0, 467); var bookdesc=$('.burb-btn_'+bookid).html(); if (bookdesc == 'Read Less...') { $('.burb_'+bookid).html(book_blurb_trim); $('.burb-btn_'+bookid).html('Read Less...') } else { $('.burb_'+bookid).html(book_blurb_fulltext); $('.burb-btn_'+bookid).html('Read Less...') } } $(document).ready(function() {var book_blurb_fulltext = $('.book_blurb div.description').html(); console.log('raji'+book_blurb_fulltext);if (book_blurb_fulltext == undefined) {} else { book_blurb_trim = book_blurb_fulltext.substring(0, 467); if (book_blurb_fulltext.length > 467) { $('.book_blurb div.description').html(book_blurb_trim); $('.book_blurb a.read-more').show() } else { $('.book_blurb a.read-more').hide() }}//$('.book_blurb a.read-more').on('click', function() {// if ($(this).html() == 'Read Less...') {// $('.book_blurb div.description').html(book_blurb_trim);// $(this).html('Read More...')// } else {// $('.book_blurb div.description').html(book_blurb_fulltext);// $(this).html('Read Less...')// }//});$("#Short_Stories").hide();$("#shortstories_li").click(function (){ //getStoryReadTime(); $("#pubBooks").hide(); $("#Short_Stories").show(); shortStoryTab = true; shortStoryScroll = true; $("#categoryLoader").show(); });pub_book = $("#pubBooks_li span").html();$("#pubBooks_li").click(function (){ $("#pubBooks").show(); $("#Short_Stories").hide(); shortStoryTab = false; shortStoryScroll = false; $("#categoryLoader").hide();}); //$('.ajax-load').hide();//$("#categoryLoader").hide(); }); //$('.book_blurb a.read-more').on('click', function() {// if ($(this).html() == 'Read Less...') {// $('.book_blurb div.description').html(book_blurb_trim);// $(this).html('Read More...')// } else {// $('.book_blurb div.description').html(book_blurb_fulltext);// $(this).html('Read Less...')// }//}); var page = 1; var userid = "1346262"; var totalStories = "0"; var perPage = 15;//"1"; var ajax_is_on = false; var lastScrollTop = 0; var request_ajax = true; var h = 0; $(window).scroll(function(event){ var st = $(this).scrollTop(); if (st > lastScrollTop){ let mobMode = detectMob(); if(mobMode) h = $(window).scrollTop() + 1100; else h = $(window).scrollTop() + 600; if(h > ($(document).height() - $(window).height())){ //($(window).scrollTop() + ($(window).height()) >= $(document).height() - 400) { if(shortStoryTab == true && shortStoryScroll == true){ if((Math.ceil(totalStories/perPage)) > page) $("#categoryLoader").show(); else{ $("#categoryLoader").hide(); request_ajax = false; } page++; if (!request_ajax || ajax_is_on){ $("#categoryLoader").hide(); return false; } ajax_is_on = true; $.ajax( { url: 'https://notionpress.com/profile/userShortStories/1346262/' + page, type: "post", async: false, beforeSend: function() { $("#categoryLoader").show();//$('.ajax-load').show(); }, success:function(data){ if(data != 1){ $("#Short_Stories").append(data); } else{ request_ajax = false; $("#categoryLoader").hide(); } ajax_is_on = false; } }); } } // downscroll code } /* else { // upscroll code } */ lastScrollTop = st; }); function detectMob() { const toMatch = [ /Android/i, /webOS/i, /iPhone/i, /iPad/i, /iPod/i, /BlackBerry/i, /Windows Phone/i ]; return toMatch.some((toMatchItem) => { return navigator.userAgent.match(toMatchItem); });} function getStoryReadTime(){ $('.story_preview_wrapper').each(function() { let _this = $(this); _this.readingTime({ wordsPerMinute: 270, readingTimeTarget: _this.find('.eta'), wordCountTarget: _this.find('.words'), remotePath: _this.attr('data-file'), remoteTarget: _this.attr('data-target'), }); }); } </script> <!-- Modal --><div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal">×</button> <div class="modal-body"> <iframe width="100%" height="350" src="https://www.youtube.com/embed/1l7vFQI4sv8?ecver=1" frameborder="0" allowfullscreen></iframe> </div> </div> </div></div><!-- Modal --><div class="modal fade" id="pdfPreview" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <span class="close sprite" data-dismiss="modal">×</span> <div class="spinnerContent"> <div class="spinnerinner"> <!-- <i class="fa fa-file-pdf-o fa-spin" aria-hidden="true"></i> --> <img src="https://notionpress.com/author_portfolio/assets/Author1/images/loader.gif"> </div> </div> <div class="modalcontent"></div> </div> </div></div> <!-- save changes modal --><div class="modal fade" id="saveChanges" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <!-- <h4 class="modal-title">Do you want to close this form?</h4> --> </div> <div class="modal-body"> <p>Are you sure you want to close this?<br/> You might lose all unsaved changes.</p> </div> <div class="modal-footer"> <button type="button" id="saveModalleave" class="btn" data-dismiss="modal">Leave</button> <button type="button" id="saveModalstay" class="btn filled" data-dismiss="modal">Stay</button> </div> </div> </div></div> <div class="formContainer"> <span class="_closeEditform"><i class="fas fa fa-times"></i></span> <form class="authorProfile_edit" action="" method="post" id="authorProfile_edit"> <h3>Edit Your Profile</h3> <div class="form-group"> <label for="bgColor">Background Color</label> <div id="cp3" class="input-group colorpicker-component"> <input type="text" value="rgb(255, 207, 207)" class="form-control" id="pickedBgcolor" /> <span class="input-group-addon"><i></i></span> </div> </div> <div class="form-group profileUpload"> <span class="preimage"><img src="https://notionpress.com/thumbs/phpThumb.php?src=https://notionpress.com/authorpics/1754886410-1346262author-photo.png&f=jpg" id="preImage"></span> <label for="profileUpload">Profile Image</label> <!-- <span class="fileinputbutton"><input type="file" name="profileUpload" id="imgpath" class="profileUpload" value="https://notionpress.com/authorpics/1754886410-1346262author-photo.png"></span> --> <label class="customfilebutton"> <input type="file" id="imgpath" name="profileUpload" class="profileUpload" value="https://notionpress.com/authorpics/1754886410-1346262author-photo.png" accept='image/*' > </label> <span>Maximum file size: 5 MB.<br>Supported File format: .jpg, .jpeg, .png.</span> <span class="errormessage"></span> </div> <div class="form-group"> <label for="authEmail">Author Email</label> <input type="email" name="authEmail" id="authEmail" placeholder="Enter Your Name" class="form-control" required value="serbskiivasilii@gmail.com" disabled> </div> <div class="form-group"> <label for="authShortBio">Short Bio <span style="color:red">*</span></label> <span class="error"></span> <input type="text" name="authShortBio" id="authShortBio" placeholder="e.g. Public Speaker & Writer" class="form-control" value="https://chromewebstore.google.com/detail/chat-gpt-5/npphdmcakmfhllhblkealgkeefamebih"> </div> <div class="form-group"> <label for="authName">Author Name <span style="color:red">*</span></label> <span class="error"></span> <input type="text" name="authName" id="authName" placeholder="Enter Your Name" class="form-control" value="AI Chatbot"> </div> <div class="form-group"> <label for="authBio">Author Bio</label> <textarea name="authBio" id="authBio" rows="8" cols="80" class="form-control" id="authBio" value=""><p>Chat GPT 5 is a browser-based assistant for instant AI help with no signup required. Just open a tab and go. From writing and coding to concise summaries and task solving, it does the heavy lifting. It fits your workflow with zero learning curve. Multilingual by default, context-aware by design. Multilingual by default, context-aware by design.</p></textarea> </div> <div class="form-group setUrl"> <label for="pageURL">Page URL <span style="color:red">*</span></label> <span class="baseurl">https://notionpress.com/author/</span> <div style="display:inline-block;"> <span class="errormessage"></span> <input type="text" name="seourl" id="seourl" placeholder="Please enter a valid URL" class="form-control" value="1346262" required> </div> </div> <div class="form-group fbLink social_links_field"> <label for="fbLink">Facebook</label> <input type="url" name="fbLink" id="fbLink" placeholder="https://facebook.com/notionpress" class="form-control" value=""> <span class="errormessage"></span> </div> <div class="form-group twLink social_links_field"> <label for="twLink">Twitter</label> <input type="url" name="twLink" id="twLink" placeholder="https://x.com/notionpress" class="form-control" value=""> <span class="errormessage"></span> </div> <div class="form-group lnLink social_links_field"> <label for="lnLink">LinkedIn</label> <input type="url" name="lnLink" id="lnLink" placeholder="https://linkedin.com/notionpress" class="form-control" value="" > <span class="errormessage"></span> </div> <div class="form-group instaLink social_links_field"> <label for="instaLink">Instagram</label> <input type="url" name="instaLink" id="instaLink" placeholder="https://instagram.com/notionpress" class="form-control" value="" > <span class="errormessage"></span> </div> <!-- <div class="form-group webLink social_links_field"> <label for="webLink">Website URL</label> <input type="text" name="webLink" id="webLink" placeholder="https://notionpress.com/blog/" class="form-control" value="" > <span class="errormessage"></span> </div> --> <div class="form-group formfooter"> <span class="errormessage"></span> <button type="button" name="cancel" class="btn cancel" value="cancel">Cancel</button> <button type="submit" name="update" class="update btn filled" value="update">Update</button> </div></form></div> <div class="edit-form"></div></body><script>var updatedDatas;var fetchedDatas;var croppedImage;var _pickedColor = 'rgb(255, 207, 207)';var changed = false, valueChanged = 0; tinymce.init({ selector:'#authBio', height: 300, theme: 'silver', plugins: 'paste', toolbar1: 'bold italic', menubar: 'false', paste_as_text: true, init_instance_callback: function (editor) { editor.on('Change', function (e) { valueChanged = 1; // document.cookie= 'formsuccess=true'; }); }}); window.addEventListener('DOMContentLoaded', function () { var avatar = document.getElementById('imgpath'); var imagePath = document.getElementById('image-path'); var proImage = document.getElementById('image'); var $modal = $('.profileUploadmodal'); var cropper; var croppable = false; document.getElementById("imgpath").addEventListener('change', function (e) { var files = e.target.files; /*var done = function (url) { image.src = url; $modal.modal('show'); };*/ var reader; var file; var url; if (files && files.length > 0) { file = files[0]; let extension = file.name.split('.').pop().toLowerCase(); let filetypes = ['jpg', 'jpeg', 'png']; let filesize = (file.size/1024)/1024; if(filetypes.indexOf(extension) > -1){ if(Number.parseFloat(filesize).toFixed(2) <= 5){ $('.profileUpload .errormessage').text(''); var f = new FileReader(); f.addEventListener("load", function(e) { $("#image-path").attr('src',''); var img = new Image(); img.onload = function(src){ let maxContainerWidth = screen.width * 60 /100; let maxContainerHeight = screen.height * 60 /100; var y = imageResize(img.width,img.height, maxContainerWidth,maxContainerHeight), u = { width: parseInt(y['w']), height: parseInt(y['h']) }; $(".modal-body").css(u); $modal.modal('show'); $("#image-path").attr('src',e.target.result); window.h = parseInt(y['h']); setTimeout(function() { cropper = new Cropper(imagePath, { aspectRatio: 1, viewMode: 1, zoomable: false, responsive: true, ready: function () { croppable = true; }, }); }, 200); } img.src = e.target.result; }); f.readAsDataURL(this.files[0]); }else{ $('.profileUpload .errormessage').text('Maximum file size: 5 MB'); } }else{ $('.profileUpload .errormessage').text('Supported File format: .jpg, .jpeg, .png'); } } }); var imageResize = function (w, h, mxw = 860, mxh = 460) { var r = 0; if (w > mxw) { r = mxw / w; h = h * r; w = w * r; } if (h > mxh) { r = mxh / h; w = w * r; h = h * r; } var r = new Array(); r["w"] = w; r["h"] = h; return r; }; $modal.on('shown.bs.modal', function () { /* When Modal shows */ $(".modal-body").css({margin:'0 auto',padding:0}); }).on('hidden.bs.modal', function () { /* When Modal hides */ $(".modal-body").css({width:'auto',height:'auto', margin:0, padding:'20px'}); cropper.destroy(); cropper = null; }); document.getElementById('crop').addEventListener('click', function () { var initialAvatarURL; var canvas; var roundedCanvas; var roundedImage; $modal.modal('hide'); if (cropper) { /* It's not resizing just getting bigger images */ //canvas = cropper.getCroppedCanvas(); /* Getting croped canvas for 300x300, Because we don't want to end up uploading bigger file*/ /* 300x300 size is enought for showing profile image */ var canvas = cropper.getCroppedCanvas({ width: 300, height: 300, imageSmoothingEnabled: true, imageSmoothingQuality: 'high', fillColor: '#fff' }); croppedImage = canvas.toDataURL('image/jpeg'); avatar.setAttribute('data-src', croppedImage); proImage.style.backgroundImage = "url("+croppedImage+")"; document.getElementById('preImage').setAttribute('src',croppedImage); // document.cookie= 'formsuccess=true'; valueChanged = 1; } /* No need to get Rounded canvas from crop itself, We can get square from crop and make it rounded using CSS */ /* Following lines is because it's lagging on performance, You don't need to render canvas */ /* Every time you want base64 to show thumbnail, You can just get once and save it on one variable and use it everywhere.*/ /* We no longer need canvas.toBlob() function, So removed it */ /*roundedCanvas = getRoundedCanvas(canvas); avatar.src = roundedCanvas.toDataURL(); initialAvatarURL = avatar.src; proImage.style.backgroundImage = "url("+roundedCanvas.toDataURL()+")"; croppedImage = roundedCanvas.toDataURL() // $progress.show(); // $alert.removeClass('alert-success alert-warning'); canvas.toBlob(function(blob){ var formData = new FormData(); formData.append('avatar', blob); }); */ });}); $(document).ready(function(){ $("#notage_readmore").click(function(){ $("#withtag").show(); $("#notag").hide(); }); $("#withtag_readless").click(function(){ $("#notag").show(); $("#withtag").hide(); }); var _editForm = $('.authorProfile_edit').outerWidth(); $('.editicon').on('click', function(){ $('body').addClass('_overflow'); $('.edit-form').show(); $('.formContainer').show('slide', {direction: 'left'}, 300); $(this).animate({left:'-80px'}, 300); }); $(function() { $('#cp3').colorpicker({format: 'rgb'}).on('changeColor', function(event){ // document.cookie= 'formsuccess=true'; valueChanged = 1; _pickedColor = $('#cp3').colorpicker('getValue'); $('input#pickedBgcolor').val(_pickedColor); $('.authBgcolor').css('background-color', _pickedColor); if( !$('.colorpicker').hasClass('colorpicker-hidden') ){ $('.authorProfile_edit').css('opacity', '.9'); $('.edit-form').hide(); } }).on('hidePicker', function(){ //if( $('.colorpicker').hasClass('colorpicker-hidden') ){ $('.authorProfile_edit').css('opacity', '1');$('.edit-form').show(); //} }); }); $("#flip").on("click",function(){ $("#card").removeClass("flipped"); $("#success_message").hide(); $("#login").show(); }); $('._closeEditform, .authorProfile_edit .cancel').on('click', function(){ if(valueChanged){ $('#saveChanges').modal('show'); }else{ // window.formCancelled = 1; _closeauthorprofileEditform(); } //_closeauthorprofileEditform(); }); $('#saveModalstay').on('click', function(){ $('#saveChanges').modal('hide'); }); $('#saveModalleave').on('click', function(){ document.cookie = 'formsuccess=false;expires=Thu, 01 Jan 1970 00:00:01 GMT'; $('#authorProfile_edit')[0].reset(); _closeauthorprofileEditform(); }); $("#login").submit(function(e) { var loginId=$(this); var url ="https://notionpress.com/profile/mail_send";// the script where you handle the form input. var getVal=$("input[name='email']").val(); if(getVal!="") { var filter = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/; if (filter.test(getVal)) { $("#email").tooltip({placement: 'bottom',trigger: 'manual'}).tooltip('destroy'); $.ajax({ type: "POST", url: url, data: loginId.serialize(), // serializes the form's elements. success: function(data) { $("#login").trigger('reset'); $("#login").hide(); $("#success_message").show(); $("#card").addClass("flipped"); } }); } else { response = "Please enter valid email."; $("#email").attr('title',response); $("#email").tooltip({placement: 'bottom',trigger: 'manual'}).tooltip('show'); return false; } } e.preventDefault(); // avoid to execute the actual submit of the form. }); var checking_seo = 0; $('#seourl').on('blur', function(){ checking_seo = 1; var checkseourl; if($(this).val() == ''){ checkseourl ={'seourl': $(this).attr('value') }; }else{ checkseourl = { 'seourl': $('#seourl').val() }; } $.ajax({ type : 'POST', // define the type of HTTP verb we want to use (POST for our form) url : 'https://notionpress.com/profile/validate_author_seo', // the url where we want to POST data : checkseourl, // our data object dataType : 'json', // what type of data do we expect back from the server success: function (data) { checking_seo = 0; var regexp = /^[a-zA-Z0-9-_]+$/; console.log(data.urlcheck); if(data.urlcheck != 0){ $('.setUrl .errormessage').html('Oops. Looks like the URL is already taken.'); valueChanged = 1; }else if(!$('#seourl').val().match(regexp) || $('#seourl').val() == ' '){ $('.setUrl .errormessage').html('The URL field may only contain alpha-numeric characters, underscores, and dashes.'); valueChanged = 1; }else{ $('.setUrl .errormessage').html(''); valueChanged = 1; } } }); }); $('#authorProfile_edit').submit(function(e){ e.preventDefault(); //if(checking_seo) return false; //if($('span.errormessage').text().length != 0){ var errorExists = 0; var selector = ''; if($('#authName').val() == undefined || $('#authName').val() == ''){ selector = $('#authName'); errorExists = 1; } if($('#authShortBio').val() == undefined || $('#authShortBio').val() == ''){ selector = $('#authShortBio'); errorExists = 1; } if(errorExists){ $(selector).siblings('.error').text('This fied is required'); let ot = $(selector).siblings('.error')[0].offsetTop; if(!$(selector).siblings('.error').parent().hasClass('form-group')){ ot = $(selector).siblings('.error').parent()[0].offsetTop; } let navHeight = 0; if(window.innerWidth <= 940){ navHeight = $('.readinsta_topnav').outerHeight() } var s= $('.authorProfile_edit').scrollTop() - Math.abs($(selector).parent().offset().top); $('.authorProfile_edit').animate({ scrollTop: s - navHeight}, 'slow'); return false; } /* $('span.errormessage').each(function(){ if($(this).text().length != 0){ errorExists = 1; //let s= $('.authorProfile_edit').scrollTop() - Math.abs($(this).parent().offset().top); let ot = $(this).parent()[0].offsetTop; if(!$(this).parent().hasClass('form-group')){ ot = $(this).parent().parent()[0].offsetTop; } let s= Math.abs(ot); let navHeight = 0; if(window.innerWidth <= 940){ navHeight = $('.readinsta_topnav').outerHeight() } $('.authorProfile_edit').animate({ scrollTop: s - navHeight}, 'slow'); return false; } });*/ ///if(errorExists) return false; //} // there are many ways to get this data using jQuery (you can use the class or id also) var formData = { 'backColor' : _pickedColor, 'croppedImage' : $('#imgpath').attr('data-src'), 'authname' : $('#authName').val(), 'authshortbio' : $('#authShortBio').val(), 'authbio' : tinyMCE.activeEditor.getContent(), 'fbLink' : $('#fbLink').val(), 'twLink' : $('#twLink').val(), 'lnLink' : $('#lnLink').val(), 'instaLink' : $('#instaLink').val(), 'webLink' : $('#webLink').val(), 'seourl' : $('#seourl').val() }; // process the form $.ajax({ type : 'POST', // define the type of HTTP verb we want to use (POST for our form) url : 'https://notionpress.com/profile/update_author_meta', // the url where we want to POST data : formData, // our data object dataType : 'json', // what type of data do we expect back from the server success: function (data) { fetchedDatas = { 'bgcolor': _pickedColor, 'profileimage': $('#preImage').attr('src'), 'authorname': $('#authName').val(), 'authorshortbio': $('#authShortBio').val(), 'authorbio': $('#authBio').val(), 'seourl': $('#seourl').val(), 'fbLink': $('#fbLink').val(), 'twLink': $('#twLink').val(), 'lnLink': $('#lnLink').val(), 'instaLink': $('#instaLink').val(), 'webLink': $('#webLink').val() } //setCookie if(valueChanged){ document.cookie= 'formsuccess=true'; } // Updated message $('.formfooter .errormessage').html(''); //setUrl = 'https://notionpress.com/author'+ '/'+ data.url.url; setUrl = 'https://notionpress.com/en/ind/dashboard'; //$(location).attr('href', setUrl); location.reload(); } }); });$('#sucessModal i').on('click', function(){ $('body.author_profile').removeClass('successalertshown');}); $('#authorProfile_edit .social_links_field input#fbLink').each(function(){ $(this).on('change', function(){ console.log($(this).val()); if(!$(this).val().match(/^(https?:\/\/|https?:\/\/www\.)facebook\.com\/(#!\/)?[a-z0-9_]+$/i) && $(this).val() != ''){ $(this).siblings('.errormessage').text('Please enter a valid Facebook link'); $('.filled').attr("disabled","disabled"); }else{$(this).siblings('.errormessage').text('');valueChanged =1; $('.filled').removeAttr("disabled");} });}); $('#authorProfile_edit .social_links_field input#twLink').each(function(){ $(this).on('change', function(){ console.log($(this).val()); if(!$(this).val().match(/^(https?:\/\/|https?:\/\/www\.)x\.com\/(#!\/)?[a-z0-9_]+$/i) && $(this).val() != ''){ $(this).siblings('.errormessage').text('Please enter a valid Twitter link'); $('.filled').attr("disabled","disabled"); }else{$(this).siblings('.errormessage').text('');valueChanged =1; $('.filled').removeAttr("disabled");} });}); $('#authorProfile_edit .social_links_field input#lnLink').each(function(){ $(this).on('change', function(){ console.log($(this).val()); if(!$(this).val().match(/^(https?:\/\/|https?:\/\/www\.)linkedin\.com\/(#!\/)?[a-z0-9_]+$/i) && $(this).val() != ''){ $(this).siblings('.errormessage').text('Please enter a valid LinkedIn link'); $('.filled').attr("disabled","disabled"); }else{$(this).siblings('.errormessage').text('');valueChanged =1; $('.filled').removeAttr("disabled");} });}); $('#authorProfile_edit .social_links_field input#instaLink').each(function(){ $(this).on('change', function(){ console.log($(this).val()); if(!$(this).val().match(/^(https?:\/\/|https?:\/\/www\.)instagram\.com\/(#!\/)?[a-z0-9_]+$/i) && $(this).val() != ''){ $(this).siblings('.errormessage').text('Please enter a valid Instagram link'); $('.filled').attr("disabled","disabled"); }else{$(this).siblings('.errormessage').text('');valueChanged =1; $('.filled').removeAttr("disabled");} });}); $('.authorProfile_edit').scroll(function(){ $('.colorpicker').removeClass('colorpicker-visible').addClass('colorpicker-hidden');}); }); function allPlaceHolder() { return false;} function getRoundedCanvas(sourceCanvas) { var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); var width = sourceCanvas.width; var height = sourceCanvas.height; canvas.width = width; canvas.height = height; context.imageSmoothingEnabled = true; context.drawImage(sourceCanvas, 0, 0, width, height); context.globalCompositeOperation = 'destination-in'; context.beginPath(); context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI, true); context.fill(); return canvas;} function check_modified() { tinyMCE.triggerSave(); updatedDatas = { 'bgcolor': _pickedColor, 'profileimage': $('#preImage').attr('src'), 'authorname': $('#authName').val(), 'authorshortbio': $('#authShortBio').val(), 'authorbio': $('#authBio').val(), 'seourl': $('#seourl').val(), 'fbLink': $('#fbLink').val(), 'twLink': $('#twLink').val(), 'lnLink': $('#lnLink').val(), 'instaLink': $('#instaLink').val(), 'webLink': $('#webLink').val() } if(JSON.stringify(fetchedDatas) !== JSON.stringify(updatedDatas)){ changed = 1; // document.cookie= 'formsuccess=true'; }else{ changed = 0; // document.cookie = 'formsuccess=false;expires=Thu, 01 Jan 1970 00:00:01 GMT'; } return changed;} function _closeauthorprofileEditform(){ $('#authorProfile_edit')[0].reset(); $('#imgpath').attr('data-src', ''); $('body').removeClass('_overflow'); $('div.edit-form').hide(); $('.formContainer').hide('slide', {direction: 'left'}, 300); $('.editicon').animate({left:'0'}, 800); _pickedColor = 'rgb(255, 207, 207)'; $('.input-group-addon i').attr('style', 'background-color:'+_pickedColor); $('.authBgcolor').css('background-color', _pickedColor); _resetImage = 'https://notionpress.com/thumbs/phpThumb.php?src=https://notionpress.com/authorpics/1754886410-1346262author-photo.png&f=jpg'; $('#image').attr('style', 'background-image:'+_resetImage); $('span.preimage img').attr('src', _resetImage); $('.errormessage').html('');} $(window).bind('beforeunload',function(){ /*if(check_modified()){ document.cookie = 'formsuccess=false;expires=Thu, 01 Jan 1970 00:00:01 GMT'; return 'sure to delete'; }*/}); $(window).on('load', function(){ tinyMCE.triggerSave(); fetchedDatas = { 'bgcolor': $('#pickedBgcolor').val(), 'profileimage': $('#preImage').attr('src'), 'authorname': $('#authName').val(), 'authorshortbio': $('#authShortBio').val(), 'authorbio': $('#authBio').val(), 'seourl': $('#seourl').val(), 'fbLink': $('#fbLink').val(), 'twLink': $('#twLink').val(), 'lnLink': $('#lnLink').val(), 'instaLink': $('#instaLink').val(), 'webLink': $('#webLink').val() } //check_modified(); $('input#authName').change(function(){ valueChanged = 1; }); getCookieval(); document.cookie = 'formsuccess=false;expires=Thu, 01 Jan 1970 00:00:01 GMT'; $('.authorProfile_edit').scroll(function(){ var $focused = $(':focus'); $focused.blur(); });}); function getCookieval(){var name = "formsuccess=true";var ca = document.cookie.split(';');for(var i = 0; i <ca.length; i++) { var c = ca[i]; if(c == name) { $('body.author_profile').addClass('successalertshown'); setTimeout(function(){$('body.author_profile').removeClass('successalertshown'); }, 4000); }}return ""; }$(document).ready(function(){ var edit_access = ""; if(edit_access == 'edit') $('.editicon').click();});</script><script type="text/javascript" src="https://notionpress.com/assets/bootstrap/js/bootstrap.min.js?642001913"></script><link href="https://notionpress.com/font-awesome/css/font-awesome.min.css?642001913" rel="stylesheet" type="text/css" media="screen"><script type="text/javascript" src="https://notionpress.com/assets/bookstroe_design/js/slick.min.js?642001913"></script> <style type="text/css"> body.SGD .footer_f{background-image: url(https://notionpress.com/images/bookstore_rewamp/pattern.png); color: #fff;}body.SGD .footer_f{ color: #888888; font-size: 12px;}body.SGD .footer_wr{padding-bottom: 10px;}body.SGD footer{background-image: url(https://notionpress.com/images/bookstore_rewamp/pattern.png);padding-top: 10px;margin-top: 50px; font-style: normal; font-family: 'PT Serif', serif !important;}body.SGD .dashed_line{border-top: 1px dashed #888888;}body.SGD footer .footer_wr h3{color: #cccccc; font-size: 16px; font-weight: 700; margin-bottom: 10px;}body.SGD footer ul{padding-left: 0; list-style: none;}body.SGD footer ul li a{color: #888888;font-size: 12px;font-family: Arial;margin-bottom: 6px; display: inline-block; line-height: 14px;}body.SGD footer a:hover{color: #ff5a5f !important;text-decoration: none;}body.SGD footer .footer_wr .col{padding: 20px 0px 10px 0;min-height: 215px;}body.SGD footer .footer_wr .hfourfooter{color: #cccccc;font-size: 16px;font-weight: 700;margin-bottom: 10px;}body.SGD footer .footer-notes.container{border-top: 1px solid rgba(0, 0, 0, 0.66); padding-left: 0; padding-right: 0;border-bottom: 1px solid rgba(138, 132, 132, 0.18);}body.SGD footer .footer-notes .footer_wr.row{border-top: 1px solid rgba(138, 132, 132, 0.18); padding: 15px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.66);text-shadow: 1px 1px #000;}body.SGD footer .footer-notes .row{border-top: 1px solid rgba(138, 132, 132, 0.18); padding: 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.66); text-shadow: 1px 1px #000;} body.SGD footer .footer-notes .row p{color: #727272;font-size: 12px;line-height: 24px;margin:0 33px 20px 25px; text-align: justify;}body.SGD footer .socialIconsInner{text-align: center; margin-top: -30px;}body.SGD footer span.facebook.bookstore_sprite, footer span.gplus.bookstore_sprite, footer span.linkedin.bookstore_sprite, footer span.twitter.bookstore_sprite, footer span.youtube.bookstore_sprite{height: 50px; width: 45px;display: inline-block;}body.SGD footer span.facebook.bookstore_sprite{ background-position: -313px 3px;}body.SGD footer span.gplus.bookstore_sprite{background-position: -355px 3px;}body.SGD footer span.linkedin.bookstore_sprite{background-position: -395px 3px;}body.SGD footer span.twitter.bookstore_sprite{background-position: -440px 3px;}body.SGD footer span.youtube.bookstore_sprite{background-position: -485px 3px;}body.SGD footer .col-lg-7.copyright, footer .col-lg-5.copyright{color: #888888; font-size: 12px;}body.SGD footer .col-lg-7.copyright{line-height: 24px;}body.SGD footer .col-lg-5.copyright{line-height: 35px;text-align: right;}body.SGD footer .copyright img{padding-right: 50px;}body.SGD footer .copyright a{color: #888888;font-family: Arial;padding: 0 5px;}body.SGD footer .socialIconsInner{display: inline-block;background-image: url(https://notionpress.com/images/bookstore_rewamp/pattern.png);}body.SGD footer .socialIcons{text-align: center;}body.SGD .footer_f{padding: 15px 0px 21px;}body.SGD .icon{width: 29px; height: 29px; display: inline-block; margin:0px 3px; -webkit-transition: 0.3s linear;-moz-transition: 0.2s linear;-o-transition: 0.2s linear;-ms-transition: 0.2s linear;transition: 0.5s linear;}body.SGD .icon.ic_fb{background-position: -229px -62px;}body.SGD .icon.ic_fb:hover{background-position: -230px -93px;}body.SGD .icon.ic_gp{background-position: -265px -62px;}body.SGD .icon.ic_gp:hover{background-position: -265px -93px;}body.SGD .icon.ic_in{background-position: -317px -62px;}body.SGD .icon.ic_in:hover{background-position: -317px -93px;}body.SGD .icon.ic_tw{background-position: -334px -62px;}body.SGD .icon.ic_tw:hover{background-position: -334px -93px;}body.SGD .icon.ic_yt{background-position: -404px -62px;}body.SGD .icon.ic_yt:hover{background-position: -404px -93px;}body.SGD .footerlink{color: #fff;}body.SGD .footerlink:hover{color: #78a532 !important;}body.SGD .sprite {background: url(https://notionpress.com/assets/npglobal/images/sprite.png) transparent; display: inline-block; } p.new_footer_style{color: #888888;font-size: 12px;font-family: Arial;margin-bottom: 6px; display: block; line-height: 14px;}.footer_ct_expert{ display: inline-block; text-align: center; width: auto; padding: 4px 25px; margin: 8px 0px; text-transform: uppercase; background: #17b0d0; font-family: 'Oxygen', sans-serif; font-size: 12px; line-height: 24px; border: transparent; border-radius: 25px; float: left; letter-spacing: 0.5px; font-weight: 800; color: #cbe5f9;}.footer_ct_expert:hover{background-color: #11849c;color: #fff;}.col-lg-6.col-md-6.col-sm-6.col-xs-12.copyright.nopadding { text-align: right;} body.SGD footer a.footer_ct_expert:hover, footer a.footer_ct_expert:hover{color: #fff !important;text-decoration: none;} @media only screen and (min-width: 240px) and (max-width: 767px){ .col-lg-6.col-md-6.col-sm-6.col-xs-12.copyright.nopadding { display: block; text-align: center; padding: 0; } .md-content h4 { padding: 20px 10px 0 !important; } }@media only screen and (min-width: 240px) and (max-width: 1024px){ .col-lg-4.col-md-4.col-sm-6.copyright.nopadding { padding: 0; } } @media only screen and (max-width: 767px){.copyrightsection{text-align: center;margin: 0;}.footer_f .copyright{text-align: center; margin: 12px 0px !important;}.connect_with_us{ float: none; text-align: center;} }@media only screen and (min-width: 768px) and (max-width: 991px){img.money_back_guarantee_footer_banner { max-width: 100%;}body.SGD footer .footer-notes .row{width: 100%;}}@media only screen and (max-width:480px){.footer .container div.col-xs-4 { width: 50%; min-height: 100px;}img.money_back_guarantee_footer_banner { max-width: 100%;}body.SGD footer .footer-notes .row{width: 100%; margin: 0px}body.SGD footer .footer-notes .row p{margin: 0px 10px 10px}} body.SGD .footer_f .ct_expert{display: none !important }body.SGD .cus_container{max-width: 1120px; width: 100%; margin: 0 auto;} @media screen and (min-width: 768px) and (max-width: 1024px) { body .md-modal .md-content .img_icon_outer .padding0 { width: 23% !important; }}</style><script type="text/javascript"> $(window).on('load', function(){$('#modal-7').show();});</script> <div class="md-modal md-effect-7" id="modal-7" style="display: none"> <div class="md-content"> <h4 class="disp_contry">Select from one of our global stores to continue</h4> <div class="img_map"> <div class="img_outer"> <!--<h4>You can choose a below country</h4> --> <div class="img_icon_outer"> <div class="col-md-3 col-lg-2 col-sm-3 padding0 mt_20"> <div class="img_outer"> <div class="new_outer flag_country" country = "India"> <img src="https://notionpress.com/images/bookstore_rewamp/country/IND.png" alt="country-flag" class="img_part"><span>India</span> </div> </div> </div> <div class="col-md-3 col-lg-2 col-sm-3 padding0 mt_20"> <div class="img_outer"> <div class="new_outer flag_country" country = "Malaysia"> <img src="https://notionpress.com/images/bookstore_rewamp/country/MY.png" alt="country-flag" class="img_part"><span>Malaysia</span> </div> </div> </div> <div class="col-md-3 col-lg-2 col-sm-3 padding0 mt_20"> <div class="img_outer"> <div class="new_outer flag_country" country = "Singapore"> <img src="https://notionpress.com/images/bookstore_rewamp/country/SG.png" alt="country-flag" class="img_part"><span>Singapore</span> </div> </div> </div> <div class="col-md-3 col-lg-2 col-sm-3 padding0 mt_20"> <div class="img_outer"> <div class="new_outer flag_country" country = "UAE"> <img src="https://notionpress.com/images/bookstore_rewamp/country/UAE.png" alt="country-flag" class="img_part"><span>UAE</span> </div> </div> </div> </div> </div> </div> </div> </div><script src="https://notionpress.com/assets/store/js/custom.js?1234"></script><script type="text/javascript"> var setCountry = 'yes'; var initial_country = 'India';</script> <!-- batmans modal --><link rel="stylesheet" type="text/css" href="https://notionpress.com/assets/store/component.css"> <!-- Cart delete confirm popup start--><style type="text/css"> .modal-dialog{height: 180px !important; width: 100% !important;position: absolute;top:0;right: 0;bottom: 0;left: 0;margin:auto !important; } .modal-body.text-center.popup_new_design {padding: 30px; } .modal-content.popup_ui_design {width: 40%; margin: 0px auto; } .modal-content.popup_ui_design h4.modal-title{ margin-bottom: 10px; } .modal-content.popup_ui_design .btn{margin-top: 10px;}</style><!-- Modal --><div id="cartDelete" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content popup_ui_design"> <div class="modal-body text-center popup_new_design"> <h4 class="modal-title">Warning Message</h4> <p>The items in your Cart will be deleted, click ok to proceed.</p> <button type="button" class="btn btn-success" id="deleteCartOk" data-dismiss="modal">Ok</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div></div><!-- Cart delete confirm popup end --><!-- /country picker --><div class="md-overlay"></div> <script type="text/javascript"> window.base_url = "https://notionpress.com/"; window.site_url = "https://notionpress.com/";</script> <link rel="stylesheet" href="https://notionpress.com/npglobalassets/formvalidator/src/css/formValidation.css" /> <script src="https://notionpress.com/npglobalassets/formvalidator/dist/js/formValidation.min.js" ></script> <script src="https://notionpress.com/npglobalassets/formvalidator/dist/js/framework/bootstrap.min.js" ></script> <link rel="stylesheet" href="https://notionpress.com/npglobalassets/formvalidator/intl-tel-input/build/css/intlTelInput.css?1" /> <script src="https://notionpress.com/npglobalassets/formvalidator/intl-tel-input/build/js/intlTelInput-jquery.min.js?1" ></script> <style> .intl-tel-input .country-list{max-height: 200px;} </style> <script type="text/javascript"> $(document).ready(function() { $("body").on("click", ".mobile_menus", function() { $("#customnav").toggleClass("active"); $("#customnav").find(".dropdown a .fa").attr("class", "fa fa-plus"); }); $("body").on('click', '#customnav.active .dropdown', function() { $(this).toggleClass("showcontent"); if ($(this).find("a .fa").attr("class") == 'fa fa-plus') { $(this).find("a .fa").attr("class", "fa fa-minus"); } else { $(this).find("a .fa").attr("class", "fa fa-plus"); } return false; }); $("li.sub_nav_li").each(function() { $(this).find("a").on("click", function() { var getAnchor = $(this).attr("href"); window.location = getAnchor; }); }); }); $(window).scroll(function() { var getHeight = $(".innerPageHeader").height(); var contestNavBar = $(".contestNavBar.fixed").height(); var totalHeight = getHeight + contestNavBar; var yPos = $(this).scrollTop(); $(".inner-menu").each(function(i) { var el = $(this); var getId = el.attr("id"); var offset = $("." + getId).offset(); var getOffsetTop = offset.top; var elemTopPos = getOffsetTop - totalHeight; var elemHeight = $("#" + getId + 'section').height(); if ((yPos >= elemTopPos) && (yPos <= (elemTopPos + elemHeight))) { $("#" + getId).addClass("active"); } else { el.removeClass("active"); } }); }); var d = new Date(); var offSet = d.getTimezoneOffset(); $(document).ready(function() { $(".offset").attr("value", offSet); $(".phoneForm").on("submit", function() { var getTitle = $(".selected-flag").attr("title"); $(this).find(".dialcode").val(getTitle); $('#full_phone').val($("#phoneNumber").intlTelInput("getNumber")); }); $('.phoneForm').on('keyup mouseup change', '.country-list .country', function() { console.log("test"); var getDial = $(this).attr("data-dial-code"); }); $('#phoneNumber').intlTelInput({ initialCountry: "auto", geoIpLookup: function(callback) { $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) { var countryCode = (resp && resp.country) ? resp.country : "in"; callback(countryCode); }); }, utilsScript: 'https://notionpress.com/npglobalassets/formvalidator/intl-tel-input/build/js/utils.js', autoPlaceholder: true, preferredCountries: ['','sg','us','gb','au','nz','in','ae'], separateDialCode: true, }); $('.phoneForm').formValidation({ framework: 'bootstrap', icon: { valid: 'fa fa-check', invalid: 'fa fa-times', validating: 'fa fa-refresh' }, fields: { phoneNumber: { validators: { notEmpty: { message: 'Please enter your phone number' }, callback: { callback: function(value, validator, $field) { var isValid = true; var message = null; if (value.trim() !== "") { if (isNaN(value)) { isValid = false; message = "The value is not a number"; } else { if (value < 10000) { isValid = false; message = "The phone number is too short"; } } } return { valid: isValid, message: message }; } } } }, emailid: { verbose: false, validators: { notEmpty: { message: 'Please enter your email' }, emailAddress: { message: 'The input is not a valid email address' }, regexp: { regexp: '^[^@\\s]+@([^@\\s]+\\.)+[^@\\s]+$', message: 'The input is not a valid email address' }, stringLength: { max: 512, message: 'Cannot exceed 512 characters' } } }, getpassword: { verbose: false, validators: { notEmpty: { message: 'Please enter your password' }, } }, password: { verbose: false, validators: { notEmpty: { message: 'Please enter your password' }, } }, termsAndCondition: { verbose: false, validators: { notEmpty: { message: 'Please agree to the Terms of Use & Privacy Policy' }, } }, email: { verbose: false, validators: { notEmpty: { message: 'Please enter your email' }, emailAddress: { message: 'The input is not a valid email address' }, stringLength: { max: 512, message: 'Cannot exceed 512 characters' } } }, name: { verbose: false, validators: { notEmpty: { message: 'Please enter your name' }, } }, } }).on('click', '.country-list', function() { $('.phoneForm').formValidation('revalidateField', 'phoneNumber'); }).on('success.validator.fv', function(e, data) { if (data.field === 'email' && data.validator === 'remote') { if (response.did_you_mean) { data.element.data('fv.messages').find('[data-fv-validator="remote"][data-fv-for="email"]').html('Did you mean ' + response.did_you_mean + '?').show(); } } }).on('err.validator.fv', function(e, data) { if (data.field === 'email' && data.validator === 'remote') { var response = data.result; data.element.data('fv.messages').find('[data-fv-validator="remote"][data-fv-for="email"]').html(response.did_you_mean ? 'Did you mean ' + response.did_you_mean + '?' : 'The email is not valid').show(); } }) }); </script> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" ></script> <script src="https://notionpress.com/assets/bookstroe_design/fonts.js" ></script> <footer> <div class="first-footer"> <div class="container"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 overall-container"> <div class="footer_container row"> <div class="col-md-4 col-sm-4 col-lg-3 col-xs-6 nopadding"> <div class="guidedpublish"> <a class="navbar-brand js-scroll-trigger" href="https://notionpress.com/"><img style="max-width: 80%;" src="https://notionpress.com/images/bookstore_rewamp/np_logo_2025_footer.webp" alt="Notionpress Logo"></a> </div> </div> <div class="col-md-4 col-sm-4 col-lg-3 col-xs-6 nopadding firstChild"> <div class="diy"> <ul> <li class="title">For Writers</a></li> <li><a href="https://notionpress.com/for-writers">Get Published</a></li> <li><a href="https://notionpress.com/outpublish">Outpublish</a></li> <li><a href="https://notionpress.com/book-marketing">Marketing Tools</a></li> </ul> </div> </div> <div class="col-md-4 col-sm-4 col-lg-2 col-xs-6 nopadding"> <div class="read"> <ul> <li class="title">Read</li> <li><a href="https://notionpress.com/in/store/topselling">Trending This Week</a></li> <li><a href="https://notionpress.com/in/store/categories/all">New Releases</a></li> <li><a href="https://notionpress.com/in/store/collections/editors-pick">Editor's Picks</a></li> <li><a href="https://notionpress.com/in/store/collections/bestsellers">Bestsellers</a></li> <li><a href="https://notionpress.com/amazon-best-sellers">Amazon Bestsellers</a></li> </ul> </div> </div> <div class="col-md-4 col-sm-4 col-lg-2 col-xs-6 nopadding"> <div class="aboutus"> <ul> <li class="title">About Us</li> <li><a href="https://notionpress.com/about">Company</a></li> <li><a href="https://notionpress.com/careers">Careers</a></li> <li><a href="https://notionpress.com/reviews">Reviews</a></li> <li><a href="https://notionpress.com/faq">FAQ</a></li> <!-- <li><a href="https://notionpress.com/reviews">Reviews</a></li> --> <li><a href="https://notionpress.com/blog">Blog</a></li> <li><a href="https://notionpress.com/contact">Contact Us</a></li> </ul> </div> </div> <!-- <div class="col-md-4 col-sm-4 col-lg-2 col-xs-6 nopadding"> <div class="services"> <ul> <li class="title">Services</li> <li><a href="https://notionpress.com/publishing-services/editing">Editing</a></li> <li><a href="https://notionpress.com/publishing-services/cover-design">Book Design</a></li> <li><a href="https://notionpress.com/publishing-services/ebook">eBook</a></li> <li><a href="https://notionpress.com/publishing-services/book-marketing">Marketing</a></li> <li><a href="https://notionpress.com/publishing-services/distribution">Distribution</a></li> <li><a href="https://notionpress.com/publishing-services/revision-services">Others</a></li> </ul> </div> </div> --> <div class="col-md-4 col-sm-4 col-lg-2 col-xs-6 lastChild nopadding"> <div class="social-icons"> <ul> <li class="title">Connect with us</li> <li><a href="https://www.facebook.com/notionpress" class="firstChild" target="_blank"><i class="fa fa-facebook-square"></i></a><a href="https://www.instagram.com/notion.press/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a><a href="https://www.youtube.com/user/NotionPress" target="_blank"><i class="fa fa-youtube-play"></i></a> <a href="https://www.linkedin.com/company/notion-press" class="lastChild" target="_blank"><i class="fa fa-linkedin-square"></i></a></li> <li class="title">Download App</li> <li> <a href="https://apps.apple.com/in/app/notion-press/id1544942239?utm_source=notion&utm_medium=footer" target="_blank" style="margin:0 12px 0 0;"><img src="https://upload.wikimedia.org/wikipedia/commons/9/91/Download_on_the_App_Store_RGB_blk.svg" alt="App Store" width="75px" /></a> <a href="https://play.google.com/store/apps/details?id=com.bynge.story&utm_source=notion&utm_medium=footer" target="_blank" style="margin:0 12px 0 0;"><img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Google Play" width="75px" /></a></li> <!-- <li class="title">Track Your Order</li> <li><input class="trackingno col-lg-2" type="text" name="trackingno" title="Tracking Number"><button class="trackButton"><i class="fa fa-chevron-right"></i></button></li> --> </ul> </div> </div> </div> </div> <div class="clearfix"></div> <p>Notion Press has made Self-publishing a book significantly easier with our publishing platform that not only helps authors publish a book in English, but also publish a book in Hindi, Tamil, Bengali, Marathi, Malayalam, Gujarathi & Kannada. Our hybrid publishing program Outpublish gives you all the freedom of self-publishing with a hands on expert driven approach that helps you publish a book of the highest quality and build a platform for it to get it noticed by millions worldwide. You can sit back and relax as our book experts publish your book one page at a time or use our publishing platform to publish your book on your own. To put it concisely, Notion Press offers the best way to self publish books with the integration of quality services and innovation in technology. This makes Notion Press a natural choice for any author who wants to try out independent book publishing. Talk to our publishing experts, get your publishing plan and Outpublish your competition right away.</p> </div> </div> <div class="last-footer "> <div class="container"> <div class="col-lg-12"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-12 text-left"> <span class="copyright">Copyright © 2025 Notion Press</span> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-12 last"> <div class="row float-right text-right"> <a href="https://notionpress.com/terms">Terms of use</a> <a href="https://notionpress.com/privacy">Privacy Policy</a> <a href="https://notionpress.com/sitemap">Sitemap</a> </div> </div> </div> </div> </div> </div> <!-- </div> --></footer> <div class="clearfix"></div> <!-- <script type="text/javascript" src="https://notionpress.com/assets/bookstroe_design/js/bookstore_rewamp_design.js?"></script> --> <!-- JavaScript --><script type="text/javascript" src="https://notionpress.com/js/modernizr.custom.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/js/jquery.mousewheel-3.0.6.pack.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/js/jquery.cookie.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/js/jquery.easing.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/assets/bookstroe_design/js/bookstore_rewamp_design.js?642001913"></script> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script><![endif]--> <!-- Plugins --><script type="text/javascript" src="https://notionpress.com/assets/hover-dropdown/bootstrap-hover-dropdown.min.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/assets/masonry/masonry.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/assets/page-scroller/jquery.ui.totop.min.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/assets/mixitup/jquery.mixitup.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/assets/mixitup/jquery.mixitup.init.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/assets/fancybox/jquery.fancybox.pack.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/assets/easy-pie-chart/jquery.easypiechart.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/assets/waypoints/waypoints.min.js?642001913"></script><!--<script type="text/javascript" src="https://notionpress.com/assets/sticky/jquery.sticky.js"></script>--><script type="text/javascript" src="https://notionpress.com/js/jquery.wp.custom.js?642001913"></script><script type="text/javascript" src="https://notionpress.com/js/jquery.wp.switcher.js?642001913"></script> <script type="text/javascript">$(window).load(function(){ $(".product_detail .buy_now .buy").removeClass("disabled");});</script> <link href="https://notionpress.com//assets/fancybox/jquery.fancybox.css?642001913" rel="stylesheet" type="text/css" media="screen"><link href="https://notionpress.com//assets/animate/animate.css?642001913" rel="stylesheet" type="text/css" media="screen"><link href="https://notionpress.com//assets/easy-pie-chart/easypiechart.css?642001913" rel="stylesheet" type="text/css" media="screen"><link href="https://notionpress.com//assets/timeline/timeline.css?642001913" rel="stylesheet" type="text/css" media="screen"> <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WNBFJ7Q"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --> <!-- GlobalInventory --> <!-- classie.js by @desandro: https://github.com/desandro/classie --><script src="https://notionpress.com/assets/store/js/classie.js"></script><script src="https://notionpress.com/assets/store/js/modalEffects.js"></script><!-- for the blur effect --><!-- by @derSchepp https://github.com/Schepp/CSS-Filters-Polyfill --> <!--<script> // this is important for IEs var polyfilter_scriptpath = '/js/';</script><script src="https://notionpress.com/assets/store/js/cssParser.js"></script><script src="https://notionpress.com/assets/store/js/css-filters-polyfill.js"></script> --> <!-- batmans modal --> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" async></script> <script src="https://notionpress.com/assets/bookstroe_design/fonts.js" async></script> <script type="text/javascript"> $(document).ready(function(){ $('.owl-prev').hide(); $('.owl-next').on('click', function(){ $(this).siblings('.owl-prev').show(); }); $('#shelf_slider .owl-theme').on('mouseout', function(){ $(this).children('.owl-prev').hide(); });});</script> <!-- Readinsta Notification --> <script src="https://notionpress.com/assets/read_insta/js/jquery.scrollTo.js"></script><script src="https://notionpress.com/assets/read_insta/js/jsTop.js"></script><a href="#top" id="top-link" alt="Back to Top" style="position: fixed;"><i class="fa fa-angle-up" aria-hidden="true"></i></a> <script type="text/javascript" charset="utf-8"> var _uf = _uf || {}; _uf.domain = "notionpress.com"; _uf.additional_params_map = { utm_matchtype: "utm_matchtype", utm_device:"utm_device" };</script><script src="https://notionpress.com/js/utm_form-1.0.0.min.js" async></script> </body></html> 
