commit c716732c9a5bd5aadb14c4114fe9de7f9ecd66ec · rita.moe/tz

+2 -2

README.md

···

       1
       1
       -
       # Time Zones are hard

     

       1
       1
       +
       # Time Zones Are Hard

     

       2
       2
        
       

     

       3
       3
        
       > But this site is simple

     

       4
       4
        
       

     
···

       8
       8
        
       # Build CSS, you can add `--watch` too

     

       9
       9
        
       sass -s compressed css/

     

       10
       10
        
       

     

       11
       11
       -
       # Run dev PHP server

     

       11
       11
       +
       # Run local PHP server

     

       12
       12
        
       php -S 127.0.0.1:8080 routing.php

     

       13
       13
        
       ```

     

       14
       14

+3 -3

css/styles.scss

···

       57
       57
        
         button {

     

       58
       58
        
           cursor: pointer;

     

       59
       59
        
         }

     

       60
       60
       -
         

     

       60
       60
       +
       

     

       61
       61
        
         .tz-table {

     

       62
       62
        
           display: flex;

     

       63
       63
        
           flex-wrap: wrap;

     
···

       73
       73
        
             @media screen and (min-width: 440px) {

     

       74
       74
        
               flex: 0 0 calc(50% - ($spacing * 2));

     

       75
       75
        
             }

     

       76
       76
       -
           

     

       76
       76
       +
       

     

       77
       77
        
             @media screen and (min-width: 630px) {

     

       78
       78
        
               flex: 0 0 calc(33% - ($spacing * 2));

     

       79
       79
        
             }

     

       80
       80
       -
           

     

       80
       80
       +
       

     

       81
       81
        
             @media screen and (min-width: 820px) {

     

       82
       82
        
               flex: 0 0 calc(25% - ($spacing * 2));

     

       83
       83
        
             }

+6 -6

index.php

···

       37
       37
        
         $_COOKIE['user-24'] = '1';

     

       38
       38
        
       }

     

       39
       39
        
       

     

       40
       40
       -
       // If had JS enabled but doesn't now, remove cookie

     

       40
       40
       +
       // If had JS enabled but doesn't now, set has-js to 0

     

       41
       41
        
       if (isset($_POST['no-js'])) {

     

       42
       42
        
         setcookie('has-js', '0', time() + 60 * 60 * 24 * 365);

     

       43
       43
        
         $_COOKIE['has-js'] = '0';

     
···

       54
       54
        
           $h = str_pad(abs(intdiv($postTZ, 60)), 2, '0', STR_PAD_LEFT);

     

       55
       55
        
           $m = str_pad($postTZ % 60, 2, '0', STR_PAD_LEFT);

     

       56
       56
        
           $postTZ = ($isNeg ? '-' : '+') . $h . $m;

     

       57
       57
       -
         } 

     

       57
       57
       +
         }

     

       58
       58
        
       

     

       59
       59
        
         // Make our date object

     

       60
       60
        
         $dateObj = new DateTime($_POST['datetime'], new DateTimeZone($postTZ));

     
···

       124
       124
        
               $hm = $_COOKIE['user-24'] === '1' ? 'H:i' : 'h:i a';

     

       125
       125
        
               // I put spaces just so it looks nice in the source code

     

       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') {

     

       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/>

     
···

       194
       194
        
             // Display

     

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

     

       196
       196
        
       

     

       197
       197
       -
             // Enable share button

     

       197
       197
       +
             // Display share button

     

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

     

       199
       199
       -
             

     

       199
       199
       +
       

     

       200
       200
        
             // Our share URL function

     

       201
       201
        
             function shareURL () {

     

       202
       202
        
               if (navigator.canShare) {

     
···

       291
       291
        
         </footer>

     

       292
       292
        
       

     

       293
       293
        
         <script>

     

       294
       294
       -
           // Save on the request size if user has JavaScript

     

       294
       294
       +
           // Save on the document size if user has JavaScript

     

       295
       295
        
           const date = new Date()

     

       296
       296
        
           date.setTime(date.getTime() + (1000 * 60 * 60 * 24 * 365))

     

       297
       297
        
           document.cookie = 'has-js=1; expires=' + date.toUTCString() + '; path=/'