commit 4ac25b200c19258f51be30b8afc8e8264b590104 · rita.moe/tz

+1 -1

css/styles.css

···

       1
       1
       -
       body{background-color:#efefef;color:#000;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;margin:0 auto;max-width:900px}header{background:#fff;border-radius:10px;margin:1rem .5rem 0;padding:1rem 1.5rem}header h1{font-size:1.5rem;margin:0}@media screen and (min-width: 500px){header h1{font-size:2rem}}header a{color:inherit;text-decoration:none}main{padding:1rem 2rem}main h2{font-size:1.5rem;margin:1rem 0;text-align:center}main h2 span{font-size:1.2rem}main form{line-height:2rem}main button{cursor:pointer}main .tz-table{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}main .tz-table .tz-table-element{flex:0 0 calc(100% - 1rem);margin:.5rem}@media screen and (min-width: 440px){main .tz-table .tz-table-element{flex:0 0 calc(50% - 1rem)}}@media screen and (min-width: 630px){main .tz-table .tz-table-element{flex:0 0 calc(33% - 1rem)}}@media screen and (min-width: 820px){main .tz-table .tz-table-element{flex:0 0 calc(25% - 1rem)}}footer{color:gray;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background:#000}}/*# sourceMappingURL=styles.css.map */

     

       1
       1
       +
       body{background-color:#efefef;color:#000;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;margin:0 auto;max-width:900px}header{background:#fff;border-radius:10px;margin:1rem .5rem 0;padding:1rem 1.5rem}header h1{font-size:1.5rem;margin:0}@media screen and (min-width: 500px){header h1{font-size:2rem}}header a{color:inherit;text-decoration:none}main{padding:1rem 2rem}main h2{font-size:1.5rem;margin:1rem 0;text-align:center}main h2 span{font-size:1.2rem}main noscript small{font-size:small}main form{line-height:2rem}main button{cursor:pointer}main .tz-table{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}main .tz-table .tz-table-element{flex:0 0 calc(100% - 1rem);margin:.5rem}@media screen and (min-width: 440px){main .tz-table .tz-table-element{flex:0 0 calc(50% - 1rem)}}@media screen and (min-width: 630px){main .tz-table .tz-table-element{flex:0 0 calc(33% - 1rem)}}@media screen and (min-width: 820px){main .tz-table .tz-table-element{flex:0 0 calc(25% - 1rem)}}footer{color:gray;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background:#000}}/*# sourceMappingURL=styles.css.map */

+1 -1

css/styles.css.map

···

       1
       1
       -
       {"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA,KACE,yBACA,WACA,gGACA,cACA,gBAGF,OACE,gBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAIJ,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,UACE,iBAGF,YACE,eAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,OAJQ,MAMR,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAMR,OACE,WACA,gBACA,gBACA,aACA,kBAGF,+CACE,KACE,sBACA,WAGF,OACE","file":"styles.css"}
     

       1
       1
       +
       {"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA,KACE,yBACA,WACA,gGACA,cACA,gBAGF,OACE,gBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAIJ,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,oBACE,gBAGF,UACE,iBAGF,YACE,eAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,OAJQ,MAMR,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAMR,OACE,WACA,gBACA,gBACA,aACA,kBAGF,+CACE,KACE,sBACA,WAGF,OACE","file":"styles.css"}

css/styles.scss

···

       40
       40
        
           }

     

       41
       41
        
         }

     

       42
       42
        
       

     

       43
       43
       +
         noscript small {

     

       44
       44
       +
           font-size: small;

     

       45
       45
       +
         }

     

       46
       46
       +
       

     

       43
       47
        
         form {

     

       44
       48
        
           line-height: 2rem;

     

       45
       49
        
         }

+42 -1

index.php

···

       22
       22
        
         'UTC'

     

       23
       23
        
       ];

     

       24
       24
        
       

     

       25
       25
       +
       // User sets timezone cookie

     

       26
       26
       +
       if (isset($_POST['user-tz'])) {

     

       27
       27
       +
         // Just check it's valid

     

       28
       28
       +
         if (in_array($_POST['user-tz'], timezone_identifiers_list(DateTimeZone::ALL))) {

     

       29
       29
       +
           setcookie('user-tz', $_POST['user-tz'], time() + 60 * 60 * 24 * 365);

     

       30
       30
       +
           $_COOKIE['user-tz'] = $_POST['user-tz'];

     

       31
       31
       +
         }

     

       32
       32
       +
       }

     

       33
       33
       +
       

     

       25
       34
        
       // Micro-routing

     

       26
       35
        
       if (isset($_POST['datetime']) && isset($_POST['timezone'])) {

     

       27
       36
        
         // -- Redirect to submitted date

     
···

       86
       95
        
           </form>

     

       87
       96
        
       <?php } else if (isset($dt)) { ?>

     

       88
       97
        
           <h2 class="local">

     

       89
       89
       -
             <noscript>[Sorry, you'll need to allow javascript so I can use your local time]</noscript>

     

       98
       98
       +
             <noscript>

     

       99
       99
       +
       <?php

     

       100
       100
       +
             if (isset($_COOKIE['user-tz'])) {

     

       101
       101
       +
               echo toTZ($dt, $_COOKIE['user-tz']);

     

       102
       102
       +
               echo '<br/><small>(Enable JavaScript for better results.)</small>';

     

       103
       103
       +
             } else {

     

       104
       104
       +
       ?>

     

       105
       105
       +
               Sorry, we need JavaScript to detect your local time.<br/>

     

       106
       106
       +
               Enable it or select your time zone:<br/>

     

       107
       107
       +
               <form method="post">

     

       108
       108
       +
                 <select required id="user-tz" name="user-tz">

     

       109
       109
       +
                   <option selected disabled>(pick one)</option>

     

       110
       110
       +
                   <optgroup label="Popular">

     

       111
       111
       +
       <?php foreach($popTZ as $tz) { ?>

     

       112
       112
       +
                     <option value="<?= $tz ?>">

     

       113
       113
       +
                       <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)

     

       114
       114
       +
                     </option>

     

       115
       115
       +
       <?php } ?>

     

       116
       116
       +
                   </optgroup>

     

       117
       117
       +
                   <optgroup label="All">

     

       118
       118
       +
       <?php foreach(timezone_identifiers_list(DateTimeZone::ALL) as $tz) { ?>

     

       119
       119
       +
                     <option value="<?= $tz ?>">

     

       120
       120
       +
                       <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)

     

       121
       121
       +
                     </option>

     

       122
       122
       +
       <?php } ?>

     

       123
       123
       +
                   </optgroup>

     

       124
       124
       +
                 </select>

     

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

     

       126
       126
       +
               </form>

     

       127
       127
       +
       <?php

     

       128
       128
       +
             }

     

       129
       129
       +
       ?>

     

       130
       130
       +
             </noscript>

     

       90
       131
        
           </h2>

     

       91
       132
        
       

     

       92
       133
        
           <br/>