CINXE.COM

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Autorizzazione</title>  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />  <link rel="stylesheet" href="https://oauth.digitrend.it/blogsicilia/assets/bower_components/bootstrap/dist/css/bootstrap.min.css" />  <link rel="stylesheet" href="https://oauth.digitrend.it/blogsicilia/assets/bower_components/font-awesome/css/font-awesome.min.css" /> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" /> <link href="https://fonts.googleapis.com/css?family=Forum&display=swap" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://oauth.digitrend.it/blogsicilia/assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="https://oauth.digitrend.it/blogsicilia/assets/dist/js/js.cookie.js"></script> </head> <body><div id="main-form" class="container"> <div> <div id="login-form"> <h3 class="text-center barra"> <div class="row"> <div class="col-md-6"> <img src="https://oauth.digitrend.it/blogsicilia/assets/dist/img/blogsicilia/site-logo-transparent.png" style="width:175px; max-width:100%; margin-bottom:5px;" /> </div> <div class="col-md-6"> Area riservata<br /> <a href="https://www.blogsicilia.it/" class="btn btn-link" style="padding:0; color:#000; text-decoration:underline !important;"><i class="fa fa-home"></i> Torna al sito web</a> </div> </div> </h3> <form method="post" action="https://oauth.digitrend.it/blogsicilia/oauth/login-otp-slave" id="form-login-otp"> <input type="hidden" name="redirect" value="oauth/authorize?response_type=code&client_id=blogsicilia&state=xyz&redirect_uri=https%3A%2F%2Fwww.blogsicilia.it%2Fwonder-paywall-oauth" /> <div class="row"> <div class="col-xs-12 form-group"> <label for="otp_email" class="control-label" style="font-weight:bold;font-size: 16px;margin-bottom: 15px;">Inserisci l'indirizzo e-mail e clicca su inviami un codice OTP</label> <input type="text" id="otp_email" class="form-control" name="otp_email" placeholder="Indirizzo e-mail" required /> </div> <div class="col-xs-12 form-group hide" id="cont-codice-otp"><input type="text" class="form-control" name="otp" placeholder="Inserisci il codice OTP ricevuto" required /></div> </div> <div class="col-xs-12 login-button nopaddingdesktop" style="margin-top:0;"> <button class="btn btn-primary pulsanti-block" type="button" id="invia-codice-otp">Inviami un codice OTP</button> <button class="btn btn-primary hide pulsanti-block" type="submit" id="accedi-otp">Accedi</button> </div> </form> <div class="col-xs-12 text-center hidden"><a id="forgot-password" href="#">Hai dimenticato la password?</a></div> <form method="post" action="https://oauth.digitrend.it/blogsicilia/oauth/reset-password" class="hide" id="form-reset-password" style="margin-top:10px;"> <input type="hidden" name="redirect" value="oauth/authorize?response_type=code&client_id=blogsicilia&state=xyz&redirect_uri=https%3A%2F%2Fwww.blogsicilia.it%2Fwonder-paywall-oauth" /> <div class="row"><div class="col-xs-12 form-group"><input type="email" class="form-control" name="email" placeholder="Indirizzo e-mail" required /></div></div> <div class="col-xs-12 login-button nopaddingdesktop" style="margin-top:0;"><button class="btn btn-primary pulsanti-block" type="submit">Reset Password</button></div> </form> <div class="col-xs-12 hidden"><div class="login-link nopaddingdesktop" style="text-align:center;"><a href="#" id="register-link">Non sei ancora registrato? Registrati</a></div></div> </div> <div id="register-form" class="hidden d-none"> <h2 class="text-center barra"> <img src="https://oauth.digitrend.it/blogsicilia/assets/dist/img/blogsicilia/site-logo-transparent.png" style="width:230px; max-width:100%; margin-bottom:5px;" /><br /> Registrati </h2> <form action="https://oauth.digitrend.it/blogsicilia/oauth/register" method="post"> <p>Accedi ai contenuti di Blog Sicilia anche senza accettare i cookie.</p> <p>Il nostro lavoro ha un costo ripagato dalla pubblicità e dai sostenitori. <br />Il tuo aiuto è per noi prezioso.</p><br /><br /> <input type="hidden" name="redirect" value="oauth/authorize?response_type=code&client_id=blogsicilia&state=xyz&redirect_uri=https%3A%2F%2Fwww.blogsicilia.it%2Fwonder-paywall-oauth" /> <div class="row"> <div class="col-xs-6 col-md-6 form-group"><input type="text" class="form-control" name="nome" placeholder="Nome" required /></div> <div class="col-xs-6 col-md-6 form-group"><input type="text" class="form-control" name="cognome" placeholder="Cognome" required /></div> </div> <div class="form-group"><input type="email" class="form-control" name="email" placeholder="E-mail" required /></div> <div class="form-group"><script src="https://www.google.com/recaptcha/api.js"></script><div class="g-recaptcha" data-sitekey="6LctPgMmAAAAAHAuoKKDxqTMk040uRGF-jUFxx7n"></div></div> <div class="form-group"> <div class="row"> <label class="col-xs-12 control-label"><input type="checkbox" name="privacy" value="1" style="margin-right:5px; height:auto !important;" /> Accetto la <a class="text-decoration-and-underline" href="https://www.blogsicilia.it/informativa-privacy/" target="_blank">privacy policy</a>.</label> <label class="col-xs-12 control-label"><input type="checkbox" name="termini" value="1" style="margin-right:5px; height:auto !important;" /> Accetto i <a class="text-decoration-and-underline" href="https://www.blogsicilia.it/termini-e-condizioni/" target="_blank">termini e condizioni</a>.</label> </div> </div> <div class="col-md-12 login-button nopaddingdesktop"><button type="submit" class="btn btn-primary pulsanti-block">Registrati</button></div> </form> <div class="col-xs-12 login-link nopaddingdesktop" style="text-align:center;"><a href="#" id="login-link">Sei gi脿 registrato? Accedi</a></div> </div> <div id="paid-info" style="display:none"> <div class="container"> <div id="main-cta"> <div><img src="https://oauth.digitrend.it/blogsicilia/assets/dist/img/blogsicilia/site-logo-transparent.png" style="width:175px; max-width:100%; margin-top:5px;"></div> <div><a href="https://www.blogsicilia.it/" class="btn btn-link" style="padding:0; color:#000; text-decoration:underline !important;"><i class="fa fa-home"></i> Torna al sito web</a></div> </div> <div class="row"> <div class="col-xs-12"> <p>Accedi ai contenuti di Blog Sicilia anche senza accettare i cookie.</p> <p>Il nostro lavoro ha un costo ripagato dalla pubblicità e dai sostenitori. <br />Il tuo aiuto è per noi prezioso.</p><br /><br /> <div class="row-card-piani"> <div class="cont-card-piani"> <div style="border:1px solid #e4e4e4; padding:20px 19px; border-radius:8px; box-shadow:1px 1px 6px rgb(235 235 235 / 60%); max-width:300px; margin:0 auto; position:relative; margin-bottom:15px;"> <h4 style="margin-top:0; font-weight:600; font-size:22px; line-height:28px; text-align:center; margin-bottom:5px;">Diventa Sostenitore</h4> <div class="form-group text-center"> <label class="control-label row-prezzi-piani"> <div class="cont-info-prezzi-piani"> <span class="prezzo-piano-new">3.00 €</span> / 3 Mesi </div> </label> </div> <a href="https://oauth.digitrend.it/blogsicilia/oauth/authorize?response_type=code&client_id=blogsicilia&state=xyz&redirect_uri=https%3A%2F%2Fwww.blogsicilia.it%2Fwonder-paywall-oauth&t=1732815518&id_piano=1&id_durata=1" style="width:100%; border:0px; padding:8px; font-size:16px; border-radius:5px; background:#ef6130; color:#fff; display:block; text-align:center; "> Acquista </a> <div style="margin-top:10px;"><ul> <li>Naviga il sito senza tracciamento</li> <li>Ricevi le nostre newsletter</li> <li>Entra nel club di Blog Sicilia</li> </ul></div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function(){ if (window.location.hash.indexOf('registrati') > -1){ setTimeout(function(){ $('#register-link').trigger('click'); }, 1); } }); </script> </div> </div> <script> $(document).ready(function(){ setTimeout(function(){ if (window.location.hash.indexOf('abbonati') > -1){ // jQuery('#main-form').attr("style","width: 100%!important; box-shadow: unset; background: transparent; background: #fff; padding: 0; top: 0; bottom: 0; transform: unset; left: 0; position: relative; max-width: unset; margin: 0;"); jQuery('#login-form').addClass('hidden d-none'); jQuery('#paid-info').removeClass('hidden d-none'); } }, 1); setTimeout(function(){ if (window.location.hash.indexOf('registrati') > -1) { jQuery('#main-form').attr("style",""); jQuery('#login-form').addClass('hidden d-none'); jQuery('#paid-info').addClass('hidden d-none'); jQuery('#register-form').removeClass('hidden d-none'); } }, 1); $("#register-link").click(function(e){ e.preventDefault(); $("body").addClass("registrazione"); $("#login-form").addClass("hidden d-none"); $("#register-form").removeClass("hidden d-none"); }); $("#login-link").click(function(e){ e.preventDefault(); $("body").removeClass("registrazione"); $("#login-form").removeClass("hidden d-none"); $("#register-form").addClass("hidden d-none"); }); $('#forgot-password').click(function(e){ e.preventDefault(); $('#form-reset-password').toggleClass('hide'); }); $('#richiedi-otp').click(function(e){ e.preventDefault(); $('#form-login-otp').toggleClass('hide'); }); $('#invia-codice-otp').click(function(e){ e.preventDefault(); $.ajax({ url:'https://oauth.digitrend.it/blogsicilia/oauth/richiedi-otp-login', type:"post", dataType:"json", data:{ email:$('#otp_email').val() }, success:function(response){ if (parseInt(response.status)){ $('#cont-codice-otp').removeClass('hide'); $('#invia-codice-otp').addClass('hide'); $('#accedi-otp').removeClass('hide'); } alert(response.msg.join('. ')); } }); }); }); </script> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet"> <style> html { height: 100%; font-family: 'Lato', sans-serif!important; } @media (max-width:767px) { #main-form { width: 90%!important; padding: 30px 20px; } } #main-form { padding: 40px; position: absolute; width: 600px; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #232733; border-radius: 5px; color: #fff; box-shadow: 0px 0px 15px rgb(0 0 0 / 0.3); } body { background: rgb(228,39,150); background: -moz-linear-gradient(132deg, rgba(228,39,150,1) 0%, rgba(184,100,157,1) 35%, rgba(0,212,255,1) 100%); background: -webkit-linear-gradient(132deg, rgba(228,39,150,1) 0%, rgba(184,100,157,1) 35%, rgba(0,212,255,1) 100%); background: linear-gradient(132deg, rgba(228,39,150,1) 0%, rgba(184,100,157,1) 35%, rgba(0,212,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e42796",endColorstr="#00d4ff",GradientType=1); } #main-form h2 { margin: 0 0 30px 0; font-family: 'Lato', sans-serif!important; font-weight: 300; } ::-webkit-input-placeholder { color: #4E546D } #main-form input { padding: 20px 0px; border-radius: 0; background: transparent; border-color: #7d7d7d; color: #fff; border-top: 0; border-left: 0; border-right: 0; outline: 0!important; box-shadow: 0 0 0 transparent!important; font-family: 'Lato', sans-serif!important; } input:focus, input:valid { border-color: #fff!important } input:required:invalid:not(:placeholder-shown) { border-color: pink!important; } #register-link, #login-link { color: #fff; display: block; font-size: 16px; font-family: 'Lato', sans-serif!important; padding: 8px 0px; font-weight: 300; } .login-link { text-align: right; } .nopaddingdesktop { padding: 0px; } .login-button { margin-top: 20px; } .login-button button { border: 1px solid #fff; background: transparent; border-radius: 0px; font-size: 16px; font-family: 'Lato', sans-serif!important; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s ease-in-out; } .login-link { margin-top: 20px; } .control-label { font-weight: 300; font-family: 'Lato', sans-serif!important; font-size: 14px; } .text-decoration-and-underline { color: #fff!important; border-bottom: 1px solid #fff; text-decoration: none!important; } *:-webkit-autofill, *:-webkit-autofill:hover, *:-webkit-autofill:focus, *:-webkit-autofill:active { transition: all 5000s ease-in-out 0s; transition-property: background-color, color; -webkit-box-shadow: 0 0 0 1000px #fff inset; -webkit-text-fill-color: #333; font-weight: 300!important; } .form-group { position: relative; } .form-group:after { content: ""; } input[type=checkbox] { position: relative; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s ease-in-out; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 0px solid currentcolor; border-radius: 52px 52px 52px 52px; box-sizing: content-box; color: #999999; height: 18px!important; padding: 7px 0px!important; transition-duration: 300ms; transition-property: border-color, color; transition-timing-function: ease; width: 16px; margin-top: 15px; } input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; top: 0; left: 0; border: 1px solid #555555; border-radius: 0px; background-color: #232733; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s ease-in-out; } input[type=checkbox]:checked:before { border-color: #fff!important; } input[type=checkbox]:checked:after { content: ""; display: block; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 6px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s ease-in-out; } a { text-decoration: none!important; } </style> <style> #main-form{ background:#fff; color:#333; box-shadow:0px 0px 15px rgb(0 0 0 / 1); border-radius:30px; overflow:hidden; padding:65px; padding-top:0; } #main-form h2{ font-weight:400; } #main-form .barra{ background-color:#rrr !important; border-radius:20px !important; margin:0 -65px !important; border-radius:0 !important; padding:15px 0 !important; color:#000 !important; margin-bottom:40px !important; border-bottom:1px solid black; } #main-form .barra .row{ display:flex; align-items:center; flex-direction:row; flex-wrap:wrap; } #main-form .barra .col-md-6{ flex:0 0 50%; } .login-button button{ border-color:#ef6130; color:#fff; background:#ef6130; text-transform:uppercase; padding:2px 10px; } input[type=checkbox]:before{ background-color:#e7e7e7; } .text-decoration-and-underline{ color:#000!important; border-bottom:1px solid #000; text-decoration:none!important; } input[type=checkbox]:checked:before, input[type=checkbox]:checked:after{ border-color:#000!important; } input:focus, input:valid{ border-color:#000!important; } #main-form input{ color:#000!important; background:#f2f2f2; padding:20px; border-bottom:0; font-weight:bold !important; } input:required:invalid:not(:placeholder-shown){ border-color:#f30b93!important; } #register-link, #login-link{ color:#242424; padding:3px 0px; } #richiedi-otp span{ background:#ef6130 !important; color:white; } #forgot-password{ font-weight:300; font-family:'Lato', sans-serif!important; font-size:16px; } #forgot-password:after, #richiedi-otp:after{ content:'' !important; position:relative !important; top:0 !important; left:0 !important; right:0 !important; height:0 !important; background:transparent !important; } #richiedi-otp{ margin:0 !important; } #button-accedi, #richiedi-otp{ display:block; width:100%; } .cont-card-piani ul{ padding-left:25px; } .cont-card-piani li{ list-style:none; position:relative; } .cont-card-piani li::before{ content:' '; display:block; width:15px; height:15px; background-image:url('https://oauth.digitrend.it/blogsicilia/assets/dist/img/siciliamotori/list-items.svg'); background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; top:3px; left:-20px; } .pulsanti-block{ display:block !important; width:100% !important; padding:6px 10px !important; border-radius:10px !important; } .pulsanti-block.hide{ display:none !important; } #paid-info #main-cta{ border-radius:0; width:100%!important; position:relative; left:0; top:0; transform:initial; max-width:100%; display:block; padding:15px 0; margin:15px 0; background:white; color:black; border-top:1px solid black; border-bottom:1px solid black; display:flex; align-items:center; flex-direction:row; flex-wrap:wrap; } #paid-info #main-cta>div{ flex:0 0 50%; } #paid-info #main-cta>div:first-child{ text-align:left; } #paid-info #main-cta>div:last-child{ text-align:right; } @media (max-width:991px){ #paid-info #main-cta>div{ flex:0 0 100%; text-align:center; } #paid-info #main-cta>div:first-child, #paid-info #main-cta>div:last-child{ text-align:center; } } @media (max-width:767px){ #main-form{ margin:0 !important; position:relative !important; top:0 !important; left:0 !important; transform:none !important; width:100% !important; background:none !important; border-radius:0 !important; box-shadow:none !important; overflow:auto !important; padding:25px; padding-top:0; } #main-form .barra{ margin:0 -25px !important; margin-bottom:40px !important; } .pulsanti-block{ margin-bottom:15px; } #paid-info #main-cta{ padding:30px 15px; } } .row-prezzi-piani{ display:flex; align-items:center; } .cont-info-prezzi-piani{ flex:0 0 90%; font-weight:normal; } .prezzo-piano-new, .prezzo-piano-old{ font-weight:bold; } .row-card-piani{ display:flex; flex-wrap:wrap; justify-content:center; } .cont-card-piani{ flex:1 1 100%; max-width:100%; } @media (min-width: 992px){ .cont-card-piani{ flex:1 1 33.33333%; max-width:33.33333%; } } </style> <style> body{ background:url('https://oauth.digitrend.it/blogsicilia/assets/dist/img/blogsicilia/blogsicilia-mobile-accesso.jpg'); background-size:cover!important; } body.registrazione{ background:url('https://oauth.digitrend.it/blogsicilia/assets/dist/img/blogsicilia/blogsicilia-mobile-registrazione.jpg'); } body #main-form{ top:30%; } body.registrazione #main-form{ top:40%; } #forgot-password, #richiedi-otp{ color:black; display:block; margin:30px 0px 0px; position:relative; } #forgot-password span, #richiedi-otp span{ background:#e7e7e7; z-index:1; position:relative; padding:6px 10px; font-size:14px; font-family:'Lato', sans-serif!important; font-weight:300; } #forgot-password:after, #richiedi-otp:after{ content:""; position:absolute; top:50%; left:0; right:0; height:1px; background:#b2b2b2; } @media (min-width:768px){ body{ background:url('https://oauth.digitrend.it/blogsicilia/assets/dist/img/blogsicilia/blogsicilia-desktop-accesso.jpg'); } body.registrazione{ background:url('https://oauth.digitrend.it/blogsicilia/assets/dist/img/blogsicilia/blogsicilia-desktop-registrazione.jpg'); } body #main-form{ top:50%; } body.registrazione #main-form{ top:50%; } } </style> </body> </html>