<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Meta Information -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

        <title>Tapp</title>

        <meta name="csrf-token" content="6GXkbMh9niSVI6tML71oOUjuPDw6PmsQC82xp5Bo">
        <meta name="theme-color" content="#000000">
        <meta property="snapps:footer:colour" content="#000000" />
        <meta property="snapps:navbar:colour" content="#000000" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="manifest" href="/manifest.json"/>

        <meta name="title" content="Tapp">
        <meta name="description" content="Discover what you love">

        <meta property="og:title" content="Tapp" />
        <meta property="og:description" content="Discover what you love" />
        <meta property="og:image" content="/images/og/tapp_og.png" />
        <meta property="og:image:secure_url" content="https://www.just-tapp.co.uk/images/og/tapp_og.png" />
        <meta property="og:image:width" content="1200" />
        <meta property="og:image:height" content="630" />
        <meta property="og:image:alt" content="Discover what you love on tapp" />

        <link rel="icon" href="/images/og/tapp-android.png" type="image/png">

        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <meta name="apple-mobile-web-app-title" content="Tapp">

        <!-- iPhone Xs Max (1242px x 2688px) -->
        <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" href="/images/og/tapp-apple-launch-1242x2688.png">
        <!-- iPhone Xr (828px x 1792px) -->
        <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" href="/images/og/tapp-apple-launch-828x1792.png">
        <!-- iPhone X, Xs (1125px x 2436px) -->
        <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" href="/images/og/tapp-apple-launch-1125x2436.png">
        <!-- iPhone 8 Plus, 7 Plus, 6s Plus, 6 Plus (1242px x 2208px) -->
        <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)" href="/images/og/tapp-apple-launch-1242x2208.png">
        <!-- iPhone 8, 7, 6s, 6 (750px x 1334px) -->
        <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/images/og/tapp-apple-launch-750x1334.png">
        <!-- iPad Pro 12.9" (2048px x 2732px) -->
        <link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" href="/images/og/tapp-apple-launch-2048x2732.png">
        <!-- iPad Pro 11” (1668px x 2388px) -->
        <link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" href="/images/og/tapp-apple-launch-1668x2388.png">
        <!-- iPad Pro 10.5" (1668px x 2224px) -->
        <link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" href="/images/og/tapp-apple-launch-1668x2224.png">
         <!-- iPad Mini, Air (1536px x 2048px) -->
        <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" href="/images/og/tapp-apple-launch-1536x2048.png">

        <link rel="apple-touch-icon" href="/images/og/tapp-touch-icon-iphone.png">
        <link rel="apple-touch-icon" sizes="152x152" href="/images/og/tapp-iphone.png">
        <link rel="apple-touch-icon" sizes="180x180" href="/images/og/tapp-iphone-retina.png">
        <link rel="apple-touch-icon" sizes="167x167" href="/images/og/tapp-touch-icon-ipad-retina.png">

        <link href="/css/app.css?v=4" rel="stylesheet">
    </head>
    <body class="bg-black">
      <div id="tapp">
        <main-shell></main-shell>
      </div>

      <script>
        // Check that service workers are registered
        if ('serviceWorker' in navigator) {
            // Use the window load event to keep the page load performant
            window.addEventListener('load', () => {
                navigator.serviceWorker.register('/sw.js');
            });
        }
    </script>

      <script src="/js/app.js?id=ea0c9f313958f4704990"></script>
    </body>
</html>
