commit fc5ec39ee5b2e2dc9a9d20ce9db5c1432ca4bce1 · rita.moe/tz

+9

browserconfig.xml

···

       1
       1
       +
       <?xml version="1.0" encoding="utf-8"?>

     

       2
       2
       +
       <browserconfig>

     

       3
       3
       +
           <msapplication>

     

       4
       4
       +
               <tile>

     

       5
       5
       +
                   <square150x150logo src="/img/mstile-150x150.png"/>

     

       6
       6
       +
                   <TileColor>#111111</TileColor>

     

       7
       7
       +
               </tile>

     

       8
       8
       +
           </msapplication>

     

       9
       9
       +
       </browserconfig>

+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 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
       +
       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}header svg{height:2rem;vertical-align:-0.3rem;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:gray;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:#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,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"}
     

       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,qBAGF,WACE,YACA,uBACA,WAIJ,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","file":"styles.css"}

+20 -4

css/styles.scss

···

       25
       25
        
           color: inherit;

     

       26
       26
        
           text-decoration: none;

     

       27
       27
        
         }

     

       28
       28
       +
       

     

       29
       29
       +
         svg {

     

       30
       30
       +
           height: 2rem;

     

       31
       31
       +
           vertical-align: -0.3rem;

     

       32
       32
       +
           width: 2rem;

     

       33
       33
       +
         }

     

       28
       34
        
       }

     

       29
       35
        
       

     

       30
       36
        
       main {

     
···

       40
       46
        
           }

     

       41
       47
        
         }

     

       42
       48
        
       

     

       43
       43
       -
         noscript small {

     

       44
       44
       -
           font-size: small;

     

       45
       45
       -
         }

     

       46
       46
       -
       

     

       47
       49
        
         form {

     

       48
       50
        
           line-height: 2rem;

     

       49
       51
        
         }

     

       50
       52
        
       

     

       53
       53
       +
         label {

     

       54
       54
       +
           cursor: pointer;

     

       55
       55
       +
         }

     

       56
       56
       +
       

     

       51
       57
        
         button {

     

       52
       58
        
           cursor: pointer;

     

       53
       59
        
         }

     
···

       77
       83
        
             }

     

       78
       84
        
           }

     

       79
       85
        
         }

     

       86
       86
       +
       

     

       87
       87
       +
         .share {

     

       88
       88
       +
           display: none;

     

       89
       89
       +
           margin-top: 2rem;

     

       90
       90
       +
           text-align: center;

     

       91
       91
       +
         }

     

       80
       92
        
       }

     

       81
       93
        
       

     

       82
       94
        
       footer {

     
···

       85
       97
        
         margin-top: 1rem;

     

       86
       98
        
         padding: 1rem;

     

       87
       99
        
         text-align: center;

     

       100
       100
       +
       

     

       101
       101
       +
         a {

     

       102
       102
       +
           color: inherit;

     

       103
       103
       +
         }

     

       88
       104
        
       }

     

       89
       105
        
       

     

       90
       106
        
       @media screen and (prefers-color-scheme: dark) {

favicon.ico

This is a binary file and will not be displayed.

img/android-chrome-192x192.png

This is a binary file and will not be displayed.

img/android-chrome-512x512.png

This is a binary file and will not be displayed.

img/apple-touch-icon.png

This is a binary file and will not be displayed.

+1

img/clock.svg

···

       1
       1
       +
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" x="0px" y="0px"><title>Clock</title><g data-name="07"><path fill="#fff" d="M20.51,29h-9A8.51,8.51,0,0,1,3,20.51v-9A8.51,8.51,0,0,1,11.51,3h9a8.51,8.51,0,0,1,8.5,8.5v9A8.51,8.51,0,0,1,20.51,29Zm-9-25A7.5,7.5,0,0,0,4,11.51v9a7.5,7.5,0,0,0,7.5,7.5h9a7.5,7.5,0,0,0,7.5-7.5v-9A7.5,7.5,0,0,0,20.51,4ZM21.69,21.54a1.48,1.48,0,0,0-.11-2.11L17,15.33V9.51a1.5,1.5,0,0,0-3,0V16a1.5,1.5,0,0,0,.5,1.12l5.07,4.54a1.46,1.46,0,0,0,1,.38A1.48,1.48,0,0,0,21.69,21.54Z"/></g></svg>

img/favicon-16x16.png

This is a binary file and will not be displayed.

img/favicon-32x32.png

This is a binary file and will not be displayed.

img/maskable_icon.png

This is a binary file and will not be displayed.

img/maskable_icon_x192.png

This is a binary file and will not be displayed.

img/maskable_icon_x512.png

This is a binary file and will not be displayed.

img/mstile-144x144.png

This is a binary file and will not be displayed.

img/mstile-150x150.png

This is a binary file and will not be displayed.

img/mstile-310x150.png

This is a binary file and will not be displayed.

img/mstile-310x310.png

This is a binary file and will not be displayed.

img/mstile-70x70.png

This is a binary file and will not be displayed.

+38

img/safari-pinned-tab.svg

···

       1
       1
       +
       <?xml version="1.0" standalone="no"?>

     

       2
       2
       +
       <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"

     

       3
       3
       +
        "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

     

       4
       4
       +
       <svg version="1.0" xmlns="http://www.w3.org/2000/svg"

     

       5
       5
       +
        width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"

     

       6
       6
       +
        preserveAspectRatio="xMidYMid meet">

     

       7
       7
       +
       <metadata>

     

       8
       8
       +
       Created by potrace 1.14, written by Peter Selinger 2001-2017

     

       9
       9
       +
       </metadata>

     

       10
       10
       +
       <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"

     

       11
       11
       +
       fill="#000000" stroke="none">

     

       12
       12
       +
       <path d="M2447 6344 c-1 -1 -44 -5 -94 -8 -280 -21 -607 -135 -853 -296 -319

     

       13
       13
       +
       -210 -556 -498 -713 -870 -57 -134 -111 -367 -123 -531 -10 -119 -10 -2165 -1

     

       14
       14
       +
       -2279 7 -81 11 -113 22 -170 3 -14 7 -36 10 -49 26 -140 95 -333 169 -476 44

     

       15
       15
       +
       -85 119 -208 136 -225 3 -3 25 -32 50 -65 155 -206 402 -406 655 -533 65 -32

     

       16
       16
       +
       246 -102 282 -108 12 -2 34 -9 47 -14 50 -19 244 -51 346 -57 141 -9 2131 -9

     

       17
       17
       +
       2245 0 78 6 133 13 245 32 54 9 259 74 330 104 475 203 822 560 1024 1055 47

     

       18
       18
       +
       114 99 340 113 487 9 98 9 2222 0 2319 -4 41 -9 86 -12 100 -3 13 -7 42 -11

     

       19
       19
       +
       64 -3 22 -7 44 -10 47 -2 4 -6 23 -9 43 -6 35 -47 165 -80 256 -47 127 -160

     

       20
       20
       +
       324 -258 450 -321 411 -769 658 -1297 716 -51 6 -2206 13 -2213 8z m2213 -228

     

       21
       21
       +
       c36 -5 74 -10 85 -12 11 -2 36 -7 55 -10 118 -21 298 -82 418 -143 362 -182

     

       22
       22
       +
       643 -490 792 -865 33 -84 74 -227 85 -296 4 -25 9 -54 11 -65 15 -76 18 -300

     

       23
       23
       +
       18 -1225 0 -951 -3 -1166 -19 -1240 -3 -14 -8 -43 -11 -65 -22 -147 -133 -419

     

       24
       24
       +
       -237 -579 -265 -406 -716 -682 -1196 -734 -85 -9 -2235 -9 -2321 0 -195 21

     

       25
       25
       +
       -421 91 -596 185 -481 256 -806 743 -861 1288 -9 91 -9 2187 0 2283 4 40 9 83

     

       26
       26
       +
       12 95 2 12 6 36 9 52 7 52 45 192 73 268 44 120 158 331 220 407 7 8 26 33 43

     

       27
       27
       +
       55 124 158 343 336 531 431 188 94 384 151 586 170 37 4 69 7 70 8 7 6 2183

     

       28
       28
       +
       -2 2233 -8z"/>

     

       29
       29
       +
       <path d="M3293 5231 c-98 -33 -161 -91 -206 -189 l-22 -47 0 -785 0 -785 32

     

       30
       30
       +
       -66 c24 -49 52 -82 109 -135 43 -38 82 -73 88 -79 6 -5 74 -66 151 -135 77

     

       31
       31
       +
       -69 145 -129 151 -135 6 -5 46 -41 89 -80 43 -38 83 -74 89 -80 6 -5 52 -46

     

       32
       32
       +
       101 -90 50 -44 115 -102 145 -130 70 -64 205 -184 250 -224 66 -58 125 -83

     

       33
       33
       +
       208 -88 97 -6 169 19 241 83 74 67 106 138 106 239 0 133 -30 182 -215 345

     

       34
       34
       +
       -46 41 -107 95 -135 120 -156 141 -592 531 -682 610 l-73 64 0 191 c0 838 -5

     

       35
       35
       +
       1173 -19 1188 -7 10 -11 17 -7 17 12 0 -57 100 -87 126 -85 72 -215 99 -314

     

       36
       36
       +
       65z"/>

     

       37
       37
       +
       </g>

     

       38
       38
       +
       </svg>

+77 -11

index.php

···

       5
       5
        
         return str_starts_with($offset, '-') || str_starts_with($offset, '+') ? 'UTC' . $offset : $offset;

     

       6
       6
        
       }

     

       7
       7
        
       

     

       8
       8
       -
       function toTZ($dt, $tz) {

     

       8
       8
       +
       function toTZ($dt, $tz, $format='Y-m-d H:i') {

     

       9
       9
        
         $tz = new DateTimeZone($tz);

     

       10
       10
       -
         return $dt->setTimezone($tz)->format('Y-m-d H:i');

     

       10
       10
       +
         return $dt->setTimezone($tz)->format($format);

     

       11
       11
        
       }

     

       12
       12
        
       

     

       13
       13
        
       $popTZ = [

     
···

       31
       31
        
         }

     

       32
       32
        
       }

     

       33
       33
        
       

     

       34
       34
       +
       // User sets 24 hours

     

       35
       35
       +
       if (isset($_POST['user-24'])) {

     

       36
       36
       +
         setcookie('user-24', '1', time() + 60 * 60 * 24);

     

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

     

       38
       38
       +
       }

     

       39
       39
       +
       

     

       34
       40
        
       // Micro-routing

     

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

     

       36
       42
        
         // -- Redirect to submitted date

     
···

       58
       64
        
         // First check if date is following the format

     

       59
       65
        
         $re = '/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}[\_|-]\d{2}:\d{2}$/';

     

       60
       66
        
         if (!preg_match($re, $req)) {

     

       61
       61
       -
           http_response_code(400);

     

       62
       62
       -
           $error = 'Date is not valid or wrong format.';

     

       67
       67
       +
           http_response_code(404);

     

       68
       68
       +
           $error = 'Date is not valid, wrong format, or file not found.';

     

       63
       69
        
         } else {

     

       64
       70
        
           // Make our date object, convert back "_" to "+"

     

       65
       71
        
           $dt = new DateTime(str_replace('_', '+', $req));

     
···

       67
       73
        
       }

     

       68
       74
        
       ?>

     

       69
       75
        
       <!DOCTYPE html>

     

       76
       76
       +
       <!--

     

       77
       77
       +
         Source code: https://git.rita.moe/kody/tz

     

       78
       78
       +
         License: MIT

     

       79
       79
       +
       -->

     

       70
       80
        
       <html lang="en">

     

       71
       81
        
       <head>

     

       72
       82
        
         <meta charset="UTF-8">

     

       73
       83
        
         <meta name="viewport" content="width=device-width, initial-scale=1.0">

     

       74
       74
       -
         <title>Time Zones are hard<?= isset($_GET['date']) ? ' - ' . $_GET['date'] : '' ?></title>

     

       84
       84
       +
         <title>Time Zones Are Hard<?= isset($req) ? ' - ' . str_replace('_', '+', $req) : '' ?></title>

     

       75
       85
        
         <link rel="stylesheet" href="/css/styles.css">

     

       76
       86
        
       <?php if (isset($dt)) { ?>

     

       77
       87
        
         <meta name="robots" content="noindex,noarchive">

     
···

       81
       91
        
           dayjs.extend(window.dayjs_plugin_relativeTime)

     

       82
       92
        
         </script>

     

       83
       93
        
       <?php } ?>

     

       94
       94
       +
         <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">

     

       95
       95
       +
         <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">

     

       96
       96
       +
         <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">

     

       97
       97
       +
         <link rel="manifest" href="/site.webmanifest">

     

       98
       98
       +
         <link rel="mask-icon" href="/img/safari-pinned-tab.svg" color="#111111">

     

       99
       99
       +
         <meta name="msapplication-TileColor" content="#111111">

     

       100
       100
       +
         <meta name="theme-color" content="#111111">

     

       84
       101
        
       </head>

     

       85
       102
        
       <body>

     

       86
       103
        
         <header>

     

       87
       87
       -
           <h1><a href="/">Time Zones are hard</a></h1>

     

       104
       104
       +
           <h1><a href="/"><?= file_get_contents('./img/clock.svg'); ?> Time Zones Are Hard</a></h1>

     

       88
       105
        
         </header>

     

       89
       106
        
       

     

       90
       107
        
         <main>

     
···

       98
       115
        
             <noscript>

     

       99
       116
        
       <?php

     

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

     

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

     

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

     

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

     

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

     

       103
       120
        
             } else {

     

       104
       121
        
       ?>

     

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

     

       122
       122
       +
               Sorry, we use JavaScript to detect your local time.<br/>

     

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

     

       107
       124
        
               <form method="post">

     

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

     
···

       122
       139
        
       <?php } ?>

     

       123
       140
        
                   </optgroup>

     

       124
       141
        
                 </select>

     

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

     

       142
       142
       +
                 <button type="submit">Submit</button><br/>

     

       143
       143
       +
                 <input type="checkbox" id="user-24" name="user-24"/>

     

       144
       144
       +
                 <label for="user-24"><span>24h format</span></label>

     

       126
       145
        
               </form>

     

       127
       146
        
       <?php

     

       128
       147
        
             }

     
···

       143
       162
        
               <span><?= toTZ($dt, $tz) ?></span>

     

       144
       163
        
             </div>

     

       145
       164
        
       <?php } ?>

     

       165
       165
       +
           </div>

     

       166
       166
       +
       

     

       167
       167
       +
           <div class="share">

     

       168
       168
       +
             <button type="button" onclick="shareURL()">Share</button>

     

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

     

       146
       170
        
           </div>

     

       147
       171
        
       

     

       148
       172
        
           <script>

     
···

       160
       184
        
       

     

       161
       185
        
             // Display

     

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

     

       187
       187
       +
       

     

       188
       188
       +
             // Enable share button

     

       189
       189
       +
             document.querySelector('.share').style.display = 'block'

     

       190
       190
       +
             

     

       191
       191
       +
             // Our share URL function

     

       192
       192
       +
             function shareURL () {

     

       193
       193
       +
               if (navigator.canShare) {

     

       194
       194
       +
                 // Use native navigator share

     

       195
       195
       +
                 navigator.share({

     

       196
       196
       +
                   url: 'https://tz.kdy.ch<?= $_SERVER['REQUEST_URI'] ?>'

     

       197
       197
       +
                 })

     

       198
       198
       +
               } else if (navigator.clipboard) {

     

       199
       199
       +
                 // Use Clipboard API

     

       200
       200
       +
                 navigator.clipboard.writeText('https://tz.kdy.ch<?= $_SERVER['REQUEST_URI'] ?>')

     

       201
       201
       +
                   .then(() => {

     

       202
       202
       +
                     alert('URL copied to clipboard!')

     

       203
       203
       +
                   })

     

       204
       204
       +
                   .catch((err) => {

     

       205
       205
       +
                     console.log('Clipboard API failed, fallback.', err)

     

       206
       206
       +
                     // Use old input copy trick

     

       207
       207
       +
                     commandCopy()

     

       208
       208
       +
                   })

     

       209
       209
       +
               } else {

     

       210
       210
       +
                 // Use old input copy trick

     

       211
       211
       +
                 commandCopy()

     

       212
       212
       +
               }

     

       213
       213
       +
             }

     

       214
       214
       +
       

     

       215
       215
       +
             // Copy content from the hidden input

     

       216
       216
       +
             function commandCopy () {

     

       217
       217
       +
               shareTextInput = document.querySelector('#url')

     

       218
       218
       +
               shareTextInput.focus()

     

       219
       219
       +
               shareTextInput.select()

     

       220
       220
       +
       

     

       221
       221
       +
               if (document.execCommand('copy')) {

     

       222
       222
       +
                 alert('URL copied to clipboard!')

     

       223
       223
       +
               } else {

     

       224
       224
       +
                 // Fallback to prompt with URL

     

       225
       225
       +
                 prompt('Share this URL:', document.querySelector('#url').value)

     

       226
       226
       +
               }

     

       227
       227
       +
             }

     

       163
       228
        
           </script>

     

       164
       229
        
       <?php } else { ?>

     

       165
       230
        
           <p>

     
···

       212
       277
        
         </main>

     

       213
       278
        
       

     

       214
       279
        
         <footer>

     

       215
       215
       -
           &copy; <?= date('Y') ?> Kody - Made with 🍮

     

       280
       280
       +
           &copy; <?= date('Y') ?> Kody - Made with 🍮<br/>

     

       281
       281
       +
           <a href="https://thenounproject.com/icon/wall-clock-5456766/" target="_blank" title="Wall Clock Icon" rel="noopener">Wall Clock by Basicon</a> from Noun Project (CC BY 3.0)

     

       216
       282
        
         </footer>

     

       217
       283
        
       </body>

     

       218
       284
        
       </html>

+38

site.webmanifest

···

       1
       1
       +
       {

     

       2
       2
       +
           "id": "/",

     

       3
       3
       +
           "start_url": "/",

     

       4
       4
       +
           "name": "Time Zones Are Hard",

     

       5
       5
       +
           "short_name": "TZAH",

     

       6
       6
       +
           "display": "standalone",

     

       7
       7
       +
           "orientation": "portrait-primary",

     

       8
       8
       +
           "categories": [

     

       9
       9
       +
               "utilities",

     

       10
       10
       +
               "productivity"

     

       11
       11
       +
           ],

     

       12
       12
       +
           "theme_color": "#111111",

     

       13
       13
       +
           "background_color": "#111111",

     

       14
       14
       +
           "icons": [

     

       15
       15
       +
               {

     

       16
       16
       +
                   "src": "/img/android-chrome-192x192.png",

     

       17
       17
       +
                   "sizes": "192x192",

     

       18
       18
       +
                   "type": "image/png"

     

       19
       19
       +
               },

     

       20
       20
       +
               {

     

       21
       21
       +
                   "src": "/img/maskable_icon_x192.png",

     

       22
       22
       +
                   "sizes": "192x192",

     

       23
       23
       +
                   "type": "image/png",

     

       24
       24
       +
                   "purpose": "maskable"

     

       25
       25
       +
               },

     

       26
       26
       +
               {

     

       27
       27
       +
                   "src": "/img/android-chrome-512x512.png",

     

       28
       28
       +
                   "sizes": "512x512",

     

       29
       29
       +
                   "type": "image/png"

     

       30
       30
       +
               },

     

       31
       31
       +
               {

     

       32
       32
       +
                   "src": "/img/maskable_icon_x512.png",

     

       33
       33
       +
                   "sizes": "512x512",

     

       34
       34
       +
                   "type": "image/png",

     

       35
       35
       +
                   "purpose": "maskable"

     

       36
       36
       +
               }

     

       37
       37
       +
           ]

     

       38
       38
       +
       }