commit 1c0b5e0548b088e9a2e2fbfde6381be379263c04 · 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-color:#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}header svg{height:1.7rem;vertical-align:-0.3rem;width:1.7rem}@media screen and (min-width: 500px){header svg{height:2rem;width:2rem}}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 label{cursor:pointer}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)}}main .share{display:none;margin-top:2rem;text-align:center}footer{color:#444;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}footer a{color:inherit}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background-color:#000}footer{color:#b5b5b5}}/*# 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-color:#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}header svg{height:1.7rem;vertical-align:-0.3rem;width:1.7rem}@media screen and (min-width: 500px){header svg{height:2rem;width:2rem}}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 form label{cursor:pointer;margin-right:.2rem}@media screen and (max-width: 499px){main form label{display:block}main form input,main form select{width:100%}}main button{cursor:pointer;margin-top:1rem}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)}}main .share{display:none;margin-top:1rem;text-align:center}footer{color:#444;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}footer a{color:inherit}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background-color:#000}footer{color:#b5b5b5}}/*# 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,sBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAGF,WACE,cACA,uBACA,aAEA,qCALF,WAMI,YACA,YAKN,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,UACE,iBAGF,WACE,eAGF,YACE,eAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,OAJQ,MAMR,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAKN,YACE,aACA,gBACA,kBAIJ,OACE,WACA,gBACA,gBACA,aACA,kBAEA,SACE,cAIJ,+CACE,KACE,sBACA,WAGF,OACE,sBAGF,OACE","file":"styles.css"}
     

       1
       1
       +
       {"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA,KACE,yBACA,WACA,gGACA,cACA,gBAGF,OACE,sBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAGF,WACE,cACA,uBACA,aAEA,qCALF,WAMI,YACA,YAKN,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,UACE,iBAEA,gBACE,eACA,mBAGF,qCACE,gBACE,cAGF,iCAEE,YAKN,YACE,eACA,gBAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,OAJQ,MAMR,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAKN,YACE,aACA,gBACA,kBAIJ,OACE,WACA,gBACA,gBACA,aACA,kBAEA,SACE,cAIJ,+CACE,KACE,sBACA,WAGF,OACE,sBAGF,OACE","file":"styles.css"}

+17 -4

css/styles.scss

···

       53
       53
        
       

     

       54
       54
        
         form {

     

       55
       55
        
           line-height: 2rem;

     

       56
       56
       -
         }

     

       56
       56
       +
       

     

       57
       57
       +
           label {

     

       58
       58
       +
             cursor: pointer;

     

       59
       59
       +
             margin-right: 0.2rem;

     

       60
       60
       +
           }

     

       61
       61
       +
       

     

       62
       62
       +
           @media screen and (max-width: 499px) {

     

       63
       63
       +
             label {

     

       64
       64
       +
               display: block;

     

       65
       65
       +
             }

     

       57
       66
        
       

     

       58
       58
       -
         label {

     

       59
       59
       -
           cursor: pointer;

     

       67
       67
       +
             input,

     

       68
       68
       +
             select {

     

       69
       69
       +
               width: 100%;

     

       70
       70
       +
             }

     

       71
       71
       +
           }

     

       60
       72
        
         }

     

       61
       73
        
       

     

       62
       74
        
         button {

     

       63
       75
        
           cursor: pointer;

     

       76
       76
       +
           margin-top: 1rem;

     

       64
       77
        
         }

     

       65
       78
        
       

     

       66
       79
        
         .tz-table {

     
···

       91
       104
        
       

     

       92
       105
        
         .share {

     

       93
       106
        
           display: none;

     

       94
       94
       -
           margin-top: 2rem;

     

       107
       107
       +
           margin-top: 1rem;

     

       95
       108
        
           text-align: center;

     

       96
       109
        
         }

     

       97
       110
        
       }

+2 -2

index.php

···

       242
       242
        
           </p>

     

       243
       243
        
       

     

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

     

       245
       245
       -
             <label for="datetime">Date and Time:</label>&nbsp;

     

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

     

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

     

       247
       247
        
       

     

       248
       248
        
             <br/>

     

       249
       249
        
       

     

       250
       250
       -
             <label for="timezone">Time Zone:</label>&nbsp;

     

       250
       250
       +
             <label for="timezone">Time Zone:</label>

     

       251
       251
        
             <select required id="timezone" name="timezone">

     

       252
       252
        
               <option selected disabled>(pick one)</option>

     

       253
       253
        
               <optgroup label="Popular">