Dateful Eventlink

<!doctype html> <html> <head> <title>Dateful Eventlink</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." />  <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" />  <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">  <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":'', } 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>  <link href="/assets/css/main.css" rel="stylesheet">  <script src="/assets/js/main.js" type="text/javascript"></script>  <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://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script> <style type="text/css"> /** Layout **/ label { margin-top: 1rem; margin-bottom: .1rem; } /** Font & Color **/ body { color:#464F56; } h1, .h1, .h5 { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color:#464F56; } div { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; } @media (prefers-color-scheme: dark) { body, h1, .h1, .h5 { background-color:#292a2b; color:#F1F9FF; } } </style> <meta property="og:title" content="See the event start time" /> <meta property="og:description" content="See when the event starts in your local timezone." /> <meta property="og:image" content="https://dateful.com/assets/img/blue-calendar-favicon/blue-calendar-300.png" /> </head> <body class=""> <nav id="topnav" class="navbar navbar-expand"> <div class="container px-sm-3"> <div class="navbar-brand"> <a class="navbar-brand" href="/eventlink"> <img src="/assets/img/logo2_w_18px.png"> Dateful </a> <div class="navbar-text d-none d-sm-inline" style="text-transform:none;"> Share time zone-friendly event links. </div> </div> <ul class="navbar-nav">  <li><a class="nav-link" href="/accounts/login/?next=/eventlink">Sign In</a></li> </ul> </div> </nav> <section> <div class="container"> <form method="post" enctype="multipart/form-data"> <input type="hidden" name="csrfmiddlewaretoken" value="1InsTnUz0AtuQs4qnTLpfnlCLcZq3CKUI8rQQG7RAsXbrQWJ0vFzxc3xnJ1opzUB"> <script src="/jsi18n.js"></script> <link href="/assets/recurrence/css/recurrence.css" type="text/css" media="all" rel="stylesheet"> <script src="/assets/admin/js/vendor/jquery/jquery.min.js"></script> <script src="/assets/admin/js/jquery.init.js"></script> <script src="/assets/recurrence/js/recurrence.js"></script> <script src="/assets/recurrence/js/recurrence-widget.js"></script> <script src="/assets/recurrence/js/recurrence-widget.init.js"></script>  <div class="row event-form"> <div class="col px-sm-5"> <div class="card px-3 pb-3 border-0">  <label for="id_start_time">Start time:</label> <input type="text" name="start_time" value="4:00 PM" required id="id_start_time">  <div id="end_time_container" class=" d-none "> <label for="id_end_time">End time:</label> <input type="text" name="end_time" value="5:00 PM" id="id_end_time"> </div>  <div id="start_date_container" class=""> <label for="id_start_date">Date:</label> <input type="date" name="start_date" value="2025-03-28" required id="id_start_date"><input type="hidden" name="initial-start_date" value="2025-03-28 22:03:29" id="initial-id_start_date"> </div>  <div id="repeating_container" class=" d-none "> <label style="display:block;" for="id_repeating_dates">Recurring dates:</label> <textarea name="repeating_dates" cols="40" rows="10" class="recurrence-widget" id="id_repeating_dates"> </textarea> </div>  <label for="id_timezone_id2">Timezone:</label> <select name="timezone_id2" id="id_timezone_id2"> <option value="tzadd-3" selected>EST / EDT (Eastern Time)</option> </select> </div> </div> <div class="col px-4 px-sm-5 mt-4"> <div class="card px-3 py-2 py-md-3 bg-light"> <small>Optional</small> <div> <label for="id_title">Title:</label> <input type="text" name="title" maxlength="200" id="id_title"> </div> <div> <label for="id_external_url">Event URL:</label> <input type="text" name="external_url" maxlength="200" id="id_external_url"> </div> <div> <label for="id_description">Description:</label> <textarea name="description" cols="40" rows="4" id="id_description"></textarea> </div> <div> <input type="checkbox" name="add_to_calendar" id="id_add_to_calendar"> <label for="id_add_to_calendar">Add to calendar</label> <small><a style="outline:none; cursor:pointer; vertical-align:2px;" data-toggle="popover" title="Add to Calendar" data-content="Show a button for adding the event to a calendar. Works with all popular calendars like those from Google, Apple, and Microsoft." data-html="true" tabindex="0" data-trigger="focus" >(?)</a></small> </div> <div> <input id="id_recurring_checkbox" type="checkbox" /> <label for="id_recurring_checkbox">Recurring dates</label> </div> <div> <input type="checkbox" name="show_end_time" id="id_show_end_time"> <label for="id_show_end_time">Show end time</label> </div> <div> <input type="checkbox" name="show_24h_toggle" id="id_show_24h_toggle"> <label for="id_show_24h_toggle">Show 12/24 toggle</label> </div> <div> <input type="checkbox" name="show_countdown" id="id_show_countdown"> <label for="id_show_countdown">Show Countdown</label> </div> <div> <label for="id_image">Custom image:</label> <input type="file" name="image" accept="image/*" id="id_image"> </div> <div class="d-none"> <label>Custom colors:</label> <div class="colors"> <div> <label for="id_body_color">Text:</label> <input id="id_body_color" type="color" /> <input type="hidden" name="body_color" id="id_body_color_hidden"> </div> <div> <label for="id_a_color">Link:</label> <input id="id_a_color" type="color" /> <input type="hidden" name="a_color" id="id_a_color_hidden"> </div> <div> <label for="id_bg_color">Background:</label> <input id="id_bg_color" type="color" /> <input type="hidden" name="bg_color" id="id_bg_color_hidden"> </div> </div> </div> </div> </div> </div> <script src="/assets/js/event_form.js" type="text/javascript"></script> <script> initEventForm(); var app = new main.Dateful.EventlinkForm(lstrings); $(function () { $('[data-toggle="popover"]').popover() }) $('.popover-dismiss').popover({ trigger: 'focus' }) </script>  <div class="row justify-content-center my-3 mt-md-5"> <div class="col-9 col-sm-5"> <input class="btn btn-primary w-100" type="submit" onclick="app.prepareEventFormForServer();" value="Create"> <div> </div> </form> </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="/time-calculator">Time Calculator</a></li> <li><a href="/time-zone-converter">Time Zone Converter</a></li> <li><a href="/schedule">Schedule <sup class="homepage">New</sup></a></li> <li> <a href="/eventlink">Eventlink</a>   |  <a href="/eventlink/more.html">More</a>   |  <a href="/eventlink/api.html">API</a> </li> <li><a href="/world-clock">World Clock</a></li> </ul> </div> <div class="col-sm"> <ul> <li><a href="https://dateful.com/about.html">About</a></li> <li><a href="mailto:jonathan@dateful.com">Feedback</a></li> </ul> </div> </div> </div> </footer> </section> </body> </html>

CINXE.COM

Dateful Eventlink