200ok-ch/organice

View on GitHub
public/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="description"
      content="organice is the best way get stuff done"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta name="theme-color" content="#fdf6e3" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/organice.png" />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.1.1/css/all.css"
      integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ"
      crossorigin="anonymous"
    />
    <title>organice - keep your life nicely organized</title>
    <link rel="manifest" href="/manifest.json" />
  </head>
  <body>
    <noscript>
      <div style="font-size: 22px; font-family: sans">
        It looks like you don't have JavaScript enabled, but organice is a big, fancy React app that
        requires JavaScript to run!

        <br />
        <br />

        If you're interested in inspecting the source code yourself (or even deploying your own
        version of the project), you can find the project's repo <a href="https://github.com/200ok-ch/organice">here</a>.
      </div>
    </noscript>
    <div id="root"></div>
    <script>
     var {pathname} = window.location;

     const absoluteUrl = function(path) {
        return new URL(path, document.baseURI).href;
     };

     var manifest = {
         "short_name": "organice",
         "name": "organice",
         "icons": [
             {
                 "src": absoluteUrl("organice-512x512.png"),
                 "sizes": "512x512",
                 "type": "image/png"
             },
             {
                 "src": absoluteUrl("organice-192x192.png"),
                 "sizes": "192x192",
                 "type": "image/png"
             },
             {
                 "src": absoluteUrl("favicon.ico"),
                 "sizes": "64x64 32x32 24x24 16x16",
                 "type": "image/x-icon"
             }
         ],
         "start_url": absoluteUrl(pathname || "/index.html"),
         "display": "standalone",
         "theme_color": "#000000",
         "background_color": "#ffffff"
     }

     const manifestBlob = new Blob([JSON.stringify(manifest)], {type: 'application/json'});
     const manifestURL = URL.createObjectURL(manifestBlob);
     document.querySelector("link[rel='manifest']").setAttribute('href', manifestURL);
    </script>
  </body>
</html>