···

       
126
       
126
       
 
       
        echo '        ' . toTZ($dt, $_COOKIE['user-tz'], 'l \t\h\e jS \o\f F, Y \a\t ' . $hm) . PHP_EOL;

     

       
127
       
127
       
 
       
      } else if ($_COOKIE['has-js'] !== '1') {

     

       
128
       
128
       
 
       
?>

     

       
129
       
129
       
-
       
        Sorry, we use JavaScript to detect your local time.<br/>

     

       
130
       
130
       
-
       
        Enable it or select your time zone:<br/>

     

       
129
       
129
       
+
       
        Please select your local time zone <small>(or enable JavaScript)</small>:<br/>

     

       
131
       
130
       
 
       
        <form method="post">

     

       
132
       
131
       
 
       
          <select required id="user-tz" name="user-tz">

     

       
133
       
132
       
 
       
            <option selected disabled>(pick one)</option>

     
···

       
146
       
145
       
 
       
<?php } ?>

     

       
147
       
146
       
 
       
            </optgroup>

     

       
148
       
147
       
 
       
          </select>

     

       
149
       
149
       
-
       
          <button type="submit">Submit</button><br/>

     

       
148
       
148
       
+
       
          <br/>

     

       
150
       
149
       
 
       
          <input type="checkbox" id="user-24" name="user-24"/>

     

       
151
       
150
       
 
       
          <label for="user-24"><span>24h format</span></label>

     

       
151
       
151
       
+
       
          <br/>

     

       
152
       
152
       
+
       
          <button type="submit">Submit</button>

     

       
152
       
153
       
 
       
        </form>

     

       
153
       
154
       
 
       
<?php } else { ?>

     

       
154
       
155
       
 
       
        Did you turn off Javascript?<br/>

     
···

       
174
       
175
       
 
       
    </div>

     

       
175
       
176
       
 
       


     

       
176
       
177
       
 
       
    <div class="share">

     

       
177
       
177
       
-
       
      <button type="button" onclick="shareURL()">Share</button>

     

       
178
       
178
       
 
       
      <input type="hidden" id="url" value="https://tz.kdy.ch<?= $_SERVER['REQUEST_URI'] ?>"/>

     

       
179
       
179
       
 
       
    </div>

     

       
180
       
180
       
 
       


     
···

       
195
       
195
       
 
       
      document.querySelector('.local').innerHTML = localDT + '<br/><span>(' + relative + ')</span>'

     

       
196
       
196
       
 
       


     

       
197
       
197
       
 
       
      // Display share button

     

       
198
       
198
       
-
       
      document.querySelector('.share').style.display = 'block'

     

       
198
       
198
       
+
       
      const shareButton = document.createElement('button')

     

       
199
       
199
       
+
       
      shareButton.type = 'button'

     

       
200
       
200
       
+
       
      shareButton.textContent = 'Share'

     

       
201
       
201
       
+
       
      shareButton.onclick = shareURL

     

       
202
       
202
       
+
       
      document.querySelector('.share').appendChild(shareButton)

     

       
199
       
203
       
 
       


     

       
200
       
204
       
 
       
      // Our share URL function

     

       
201
       
205
       
 
       
      function shareURL () {

     
···

       
242
       
246
       
 
       
    </p>

     

       
243
       
247
       
 
       


     

       
244
       
248
       
 
       
    <form action="/" method="post">

     

       
249
       
249
       
+
       
      <noscript>

     

       
250
       
250
       
+
       
        <small>(If you only see a plain input, use the "YYYY-MM-DD HH:MM" format.)</small>

     

       
251
       
251
       
+
       
        <br/>

     

       
252
       
252
       
+
       
      </noscript>

     

       
245
       
253
       
 
       
      <label for="datetime">Date and Time:</label>

     

       
246
       
254
       
 
       
      <input required type="datetime-local" id="datetime" name="datetime"/>

     

       
247
       
255