<!DOCTYPE html>
<html lang="en">
<head>
    <title>2048</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta charset="UTF-8"/>
    <meta property="og:type" content="website"/>
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">

    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            font-family: PingFang SC;
            padding: 0;
            margin: 0;
            background: linear-gradient(45deg, #33256C, #4D37A5);
        }

        .landscape {
            min-width: 750px;
            width: 100%;
            height: 661vh;
            background-image: url(https://d1jark0zl1cm7c.cloudfront.net/landing/01/2048.webp);
            background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
        }


        .portrait {
            width: 100vw;
        }
        .portrait .bg-p {
            width: 100vw;
            height: 371vw;
        }
        .portrait .bg-img-p {
            width: 100%;
            height: 371vw;
            background-image: url(https://d1jark0zl1cm7c.cloudfront.net/landing/01/2048.webp);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
        }

        @media (orientation: landscape) {
            .portrait {
                display: none;
            }
        }
        @media (orientation: portrait) {
            .landscape {
                display: none;
            }
        }

    </style>

</head>

<body>

<div class="landscape" onclick="openUrl()">

</div>
<div class="portrait">
    <div class="bg-p">
        <div class="bg-img-p" onclick="openUrl()"></div>
    </div>
</div>

</body>

<script>
    function isAndroid() {
      if (
        window.navigator &&
        window.navigator.userAgent &&
        window.navigator.userAgent.indexOf("iPhone") >= 0
      ) {
        alert("The App is only available on Android devices!");
        return false;
      } else {
        return true;
      }
    }

    function openUrl() {
        if (isAndroid()) {
            window.location.href = "https://d1jark0zl1cm7c.cloudfront.net/landing/2048.apk";
        }
    }
</script>

</html>
