CINXE.COM
Dateful Schedule
<!doctype html> <html lang="en"> <head> <base href="https://dateful.com/schedule"> <title>Dateful Schedule</title> <meta name="description" content="Dateful Time Zone Converter converts times instantly as you type. Convert between major world cities, countries and timezones in both directions."><!-- Browser meta tags --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="icon" href="/assets/img/blue-calendar-favicon/blue-calendar.svg"> <link rel="shortcut icon" type="image/png" href="/assets/img/blue-calendar-favicon/blue-calendar-300.png"> <link rel="apple-touch-icon" href="/assets/img/blue-calendar-favicon/square-calendar-300.png"><!-- CSS Includes --> <link href="https://fonts.googleapis.com/css?family=Open+Sans" type="text/css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" type="text/css" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"><!-- Google Analytics - with 'google_analytics_id' as variable --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-12539927-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-12539927-1'); </script> <script type="text/javascript"> window.lstrings = { "LOCAL_TIME":"Local time", "YOUR_LOCAL_TIME":"Your local time", "NEXT_DAY":"next day", "LOCALE":"en", "HTTP_ACCEPT_LANGUAGE":'<!--#echo var="HTTP_ACCEPT_LANGUAGE" -->', } var loc_strings = {} var SERVER_URL = window.location.origin; var TYPESENSE_URL = 'https://dateful.com/app2'; var TYPESENSE_API_KEY = 'ywkaaYXX39trymoVSUgMNeLFGnbE4Kae'; window.AUTOCOMPLETE_URL = SERVER_URL + '/app/'; window.GET_CO_URL = SERVER_URL + '/app/item/'; window.GET_OLDTTZC_URL = SERVER_URL + '/app/oldttzc/'; window.TYPESENSE = TYPESENSE_URL + '/collections/timezones-' + window.lstrings['LOCALE'] + '/documents/search'; window.TYPESENSE_API_KEY = TYPESENSE_API_KEY; </script><!-- CSS --> <link href="/assets/css/main.css" rel="stylesheet"> <link href="/assets/css/schedule.css" rel="stylesheet"><!--My includes--> <script src="/assets/js/main.js" type="text/javascript"></script><!--Library Includes--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script> <script src="/assets/js/luxon.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script><!-- for modal forms --> <script src="https://unpkg.com/htmx.org@1.7.0"></script> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="it"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.1hbgkFx4Qn8.O/am=DgY/d=1/rs=AN8SPfqlmAPxwfG457BPbRXwNq39oSMGHg/m=corsproxy" data-sourceurl="https://dateful.com/schedule"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.1hbgkFx4Qn8.O/am=DgY/d=1/exm=corsproxy/ed=1/rs=AN8SPfqlmAPxwfG457BPbRXwNq39oSMGHg/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://dateful.com/schedule"></script> <meta name="robots" content="none"> </head> <body class="schedule"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.1hbgkFx4Qn8.O/am=DgY/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfqlmAPxwfG457BPbRXwNq39oSMGHg/m=navigationui" data-environment="prod" data-proxy-url="https://dateful-com.translate.goog" data-proxy-full-url="https://dateful-com.translate.goog/schedule?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en" data-source-url="https://dateful.com/schedule" data-source-language="en" data-target-language="it" data-display-language="en" data-detected-source-language="" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=en&tl=it&hl=en&u=https://dateful.com/schedule&anno=2" data-client="tr"></script> <nav id="topnav" class="navbar navbar-expand"> <div class="container px-sm-3"> <div class="navbar-brand"><a class="navbar-brand" href="https://dateful-com.translate.goog/schedule?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en"> <img src="/assets/img/logo2_w_18px.png"> Dateful schedule </a> <div class="navbar-text d-none d-sm-inline" style="text-transform:none;"> Schedule time zones visually. </div> </div> <ul class="navbar-nav"><!-- You removed "d-none d-sm-block" from the a class list --> <li><a class="nav-link" href="https://dateful-com.translate.goog/accounts/login/?next=/schedule&_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">Sign In</a></li> </ul> </div> </nav> <section> <div class="container"> <div id="schedule-header"> <div id="header-buttons"><span> <input id="master-date" type="date" value="" class="mr-2" style="vertical-align:6px;"> <label for="widget-1224" class="visuallyhidden">12 hour 24 hour toggle</label> <div id="widget-1224" class="widget" style="display:inline-block; position:relative;"> <div id="bg1224" class="widget-bg rounded" style="display:table-cell; position:absolute; width:60%; right: 48%; z-index:-1;"> </div> <div id="w12" style="display:table-cell; width:45%;"> 12 </div> <div style="display:table-cell; width:10%;"> </div> <div id="w24" style="display:table-cell; width:45%"> 24 </div> </div></span> <button id="add-timezone" class="btn btn-secondary btn-sm">Add</button> </div> <div id="header-timezones"></div> <div id="header-dates"></div> </div> <div id="scroll-container"> <canvas id="canvas" width="1" height="1800"></canvas> </div> <div id="schedule-footer"> <div class="row justify-content-between mb-3"> <div class="col-6 col-md-5 col-lg-7"> <button id="show-suggested" class="btn btn-secondary btn-sm">Show Suggested Times</button> </div> <div class="col-6 col-md-auto text-right"> <button id="widget-copy" class="btn btn-secondary btn-sm" onclick="app.copyWidgetClick();" disabled>Copy to Clipboard</button> </div> <div class="w-100 mt-3 d-md-none"></div> <div class="col-6 col-md-auto"> <button id="add-to-calendar" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#calendarModal" disabled>Add to Calendar...</button> </div> <div class="col-6 col-md-auto text-right"> <button id="center" class="btn btn-secondary btn-sm">Center</button> </div> </div> </div> <div class="modal" id="schedulePricingModal" tabindex="-1" role="dialog" aria-labelledby="schedulePricingModalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top: 200px;" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title font-weight-bold" id="schedulePricingModalLabel">Save time scheduling. <div class="text-muted" style="font-size: 16px;"> We cost less than getting the wrong time. </div></h5><!-- Save time scheduling across time zones.--> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">脳</span> </button> </div> <div class="modal-body"> <div class="card-deck"> <div class="card text-center"> <div class="card-header"> Basic </div> <div class="card-body"> <h5 class="card-title">Free</h5> <p class="card-text">3 timezones</p> <p class="card-text" style="line-height:0.9;">Suggested Times<br><span class="text-muted" style="font-size:11px; text-align:center;">Best ranges for waking hours</span></p> <p class="card-text" style="line-height:0.9;">Add to Calendar<br><span class="text-muted" style="font-size:11px; text-align:center;">Apple, Google, Outlook</span></p> <p class="card-text">Copy to Clipboard</p> </div> </div> <div class="card text-center"> <div class="card-header"> Professional </div> <div class="card-body"> <h5 class="card-title">$3<small>/mo</small></h5> <p class="card-text">10 timezones</p> <p class="card-text"><span class="text-muted" style="font-size:11px; text-align:center;">(includes all Basic features)</span></p> </div> <div class="card-footer"><button class="btn btn-primary" data-toggle="modal" data-target="#scheduleSignupModal" data-dismiss="modal">Sign Up</button> </div> </div> </div><!-- card-deck --> </div><!-- modal-body --> </div> </div> </div> <div class="modal" id="scheduleSignupModal" tabindex="-1" role="dialog" aria-labelledby="scheduleSignupModalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top: 200px;" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title font-weight-bold" id="schedulePricingModalLabel">Sign Up</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">脳</span> </button> </div> <div class="modal-body"> <form hx-post="/schedule/signup-and-checkout"><input type="hidden" name="csrfmiddlewaretoken" value="59UptCUzAERFnNNH8NY9rkcKmIDuNaK1xX6EsCfjIkn1SHjeFkVg084RO2mreFKC"> <div class="form-group"><label for="email" class="visuallyhidden">Email:</label> <input type="text" name="email" class="form-control" id="email" placeholder="Email" value=""> </div> <div class="form-group"><label for="password1" class="visuallyhidden">Password:</label> <input type="password" name="password1" class="form-control" id="password1" placeholder="Password" value=""> <div class="small text-left ml-1 mt-1" style="color:gray;"> Choose any password you like. No character rules. </div> </div> <div style="text-align:right;"><button type="submit" class="btn btn-primary" style="">Sign Up and Continue to Payment</button> </div> </form> </div><!-- modal-body --> </div><!-- modal-content --> </div><!-- modal-dialog --> </div><!-- modal --> <div class="modal" id="scheduleCheckoutSuccessModal" tabindex="-1" role="dialog" aria-labelledby="scheduleCheckoutSuccessModalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top: 200px;" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title font-weight-bold" id="schedulePricingModalLabel">You're all set.</h5> </div> <div class="modal-body"> <p>Your professional features have been turned on. Thank you!</p> <p>You can cancel your subscription with a click anytime from your account page.</p> <p>Please get in touch if you have any feedback. You can reach us using the link at the bottom of the page.</p> </div><!-- modal-body --> <div class="modal-footer"><button type="button" class="btn btn-primary" data-dismiss="modal">Schedule Time!</button> </div> </div> </div> </div> <div class="modal fade" id="calendarModal" tabindex="-1" role="dialog" aria-labelledby="calendarModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title font-weight-bold" id="calendarModalLabel">Add to Calendar</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">脳</span> </button> </div> <div class="modal-body addToCalendar"> <div class="row"> <div class="col text-center"><a id="google-cal" href="https://dateful-com.translate.goog/schedule?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en#" target="_blank"> <img src="/assets/img/cal-google.png" width="30" height="30"><br> Google Calendar </a> </div> <div class="col text-center"><a id="apple-cal" href="https://dateful-com.translate.goog/schedule?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en#" download="invite.ics"> <img src="/assets/img/cal-apple.png" width="30" height="30"><br> Apple Calendar </a> </div> <div class="col text-center"><a id="outlook-cal" href="https://dateful-com.translate.goog/schedule?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en#" download="invite.ics"> <img src="/assets/img/cal-outlook.png" width="30" height="30"><br> Outlook Calendar </a> </div> <div class="col text-center"><a id="yahoo-cal" href="https://dateful-com.translate.goog/schedule?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en#" target="_blank"> <img src="/assets/img/cal-yahoo.png" width="30" height="30"><br> Yahoo Calendar </a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="flex"> <section></section> <section> <div class="mx-auto" style="width:320px;"> </div> </section> <section></section> <footer id="v2"> <div class="container"> <div class="row"> <div class="col-sm"> <ul> <li><a href="https://dateful-com.translate.goog/time-calculator?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">Time Calculator</a></li> <li><a href="https://dateful-com.translate.goog/time-zone-converter?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">Time Zone Converter</a></li> <li><a href="https://dateful-com.translate.goog/schedule?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">Schedule <sup class="homepage">New</sup></a></li> <li><a href="https://dateful-com.translate.goog/eventlink?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">Eventlink</a> | <a href="https://dateful-com.translate.goog/eventlink/more.html?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">More</a> | <a href="https://dateful-com.translate.goog/eventlink/api.html?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">API</a></li> <li><a href="https://dateful-com.translate.goog/world-clock?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">World Clock</a></li> </ul> </div> <div class="col-sm"> <ul> <li><a href="https://dateful-com.translate.goog/about.html?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">About</a></li> <li><a href="mailto:jonathan@dateful.com?_x_tr_sl=en&_x_tr_tl=it&_x_tr_hl=en">Feedback</a></li> </ul> </div> </div> </div> </footer> </section> <script> var app = main.Dateful.Schedule.create(lstrings, false); </script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('en', 'it', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&hl=en&client=wt" type="text/javascript"></script> </body> </html>