<?php //-- Very simple variant
$useragent = $_SERVER['HTTP_USER_AGENT']; 
$iPod = stripos($useragent, "iPod"); 
$iPad = stripos($useragent, "iPad"); 
$iPhone = stripos($useragent, "iPhone");
$Android = stripos($useragent, "Android"); 
$iOS = stripos($useragent, "iOS");
//-- You can add billion devices 

$DEVICE = ($iPod||$iPad||$iPhone||$Android||$iOS||$webOS||$Blackberry||$IEMobile||$OperaMini);

if ($DEVICE !=true) {?>

<script>
  setInterval( () => {
  window.location.href = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy7_rOWTOP3CBx-bNJCNFhRNQK0DC71XF0vHjyTOVSzm5rx9Iged3XuYgX7-QKzWEpgVYvOx-RwKYk4z9c9a9ICfwOSUCK85CBKDcs4OuwjYk4K37p_4tPFqR520e8wQMAYaTEiLrEqTrHo1LzI6r79AHzSLGH_8dtMGEhx3HL0PC7vfgHQZ0WYt0S-MON/s1920/warning.png';
}, 2000);
</script>

<!-- What you want for all non-mobile devices. Anything with all HTML codes-->


<?php }else{ ?> 

<!-- What you want for all mobile devices. Anything with all HTML codes --> 

<!doctype html>
<html amp lang="id">
<head>
    
<!-- TikTok Pixel Code Start -->
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};


  ttq.load('CTG5MU3C77UEOVFAK98G');
  ttq.page();
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->
    
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="../assets/preload-bg-mantap.webp" as="image">
<script async src="https://cdn.ampproject.org/v0.js" nonce="MTQ3MDY3NTk1OSwxNDc2NjU2NDk5"></script>
        <link rel="preload" href="../assets/skystars.webp?updatedAt=1706597288426" as="image">
        <link rel="preload" href="../assets/top.webp?updatedAt=1706597459086" as="image">
        <link rel="preload" href="../assets/bottom.webp?updatedAt=1706597178927" as="image">
        <title>Daftar Situs Judi Slot Online Resmi Terpercaya di Indonesia</title>
        <link rel="canonical" href="###">
        <link  rel="dns-prefetch" href="###">
        <meta name="description" content="Situs slot online terpercaya bisa bermain game judi slot online gacor dengan bocoran rtp slot terlengkap resmi hari ini" />
        <meta name="robots" content="index, follow" />
        <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js">
        <link rel="icon" type="image/png" sizes="32x32" href="https://i.ibb.co/7ySNX3y/haha.png">
        <link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap" rel="stylesheet">
        
        <script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>
        <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
        <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
        <style amp-custom>*
    body {
        color: #fff;
        max-width: 500px;
        margin: 0 auto;
        background-color: #000;
        background-image: url(../assets/skystars.webp?updatedAt=1706597288426)
      }

    .opening-animation {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    .top-image {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transition: transform 5s linear;
        display: flex;
        align-items: center;
        background: #000000 url(../assets/top.webp?updatedAt=1706597459086) no-repeat center;
        background-color: #000000;
        background-attachment: fixed;
        background-size: cover;
        animation: moveUp 3s ease-in-out forwards;
        z-index: 1;
    }

    .bottom-image {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transition: transform 5s linear;
        display: flex;
        align-items: center;
        background: #000000 url(../assets/bottom.webp?updatedAt=1706597178927) no-repeat center;
        background-color: #000000;
        background-attachment: fixed;
        background-size: cover;
        animation: moveRight 3s ease-in-out forwards;
        z-index: 1;
    }

    @keyframes moveUp {
        0% {
            transform: translateY(-50%);
        }
        35% {
            transform: translateY(-50%);
        }
        100% {
            transform: translateY(-60%);
        }
    }

    @keyframes moveRight {
        0% {
            transform: translateY(50%);
        }
        35% {
            transform: translateY(50%);
        }
        100% {
            transform: translateY(60%);
        }
    }

    .opening-animation img {
        width: 100%;
        height: auto;
        
    }
    a{text-decoration: none;}
    .wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
      .button {
    min-width: 150px;
    min-height: 150px;
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-weight: 700;
    color: #ffffff;
    background: #fdd200;
    background: linear-gradient(90deg, rgb(196 68 89), rgb(51 11 91) 100%);
    border: solid 5px #d9d9d9;
    border-radius: 50%;
    box-shadow: 0px 0px 45px rgb(255 209 0);
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 10px;
}

/* Media query untuk layar dengan lebar maksimum 600px */
@media only screen and (max-width: 480px) {
  .button {
    min-width: 100px;
    min-height: 100px;
    font-size: 15px; /* Sesuaikan dengan ukuran font yang diinginkan */
  }}

  button::before {
content: '';
  box-shadow: 0 0 60px rgba(0, 89, 255, 0.993);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.button:hover, .button:focus {
  color: #ffffff;
  background-color: #d9d9d9;
  border:rgb(0, 0, 0) solid 0px;
  font-size: larger;
  transform: translateY(-6px) rotate(-30deg);
}

button:hover::before, button:focus::before {
  opacity: 1;
}

button::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #ffd200;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}

button:hover::after, button:focus::after {
  animation: none;
  display: none;
}


@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}
    .glass-btn {
width: 50px;
height: 50px;
background-color: #fafafa;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
margin-left: 1em;
margin-right: 1em;  
cursor: pointer;
transition: all 0.3s;
}
/* Media query untuk layar dengan lebar maksimum 600px */
@media only screen and (max-width: 480px) {
  .glass-btn {
    width: 35px;
    height: 35px;
    border-radius: 4px; /* Sesuaikan dengan ukuran font yang diinginkan */
  }
}

.glass-btn.blue-btn {
box-shadow: 0px 20px 20px -17px rgba(0, 110, 255, 0.966);}

.glass-btn.blue-btn:hover {
box-shadow: 0px 20px 35px -16px rgba(0, 110, 255, 0);
}

.content {
font-size: 4em;
font-family: "Roboto", sans-serif;
background: linear-gradient(to right, #006fff, #00acff 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0px 10px 37px rgba(0, 111, 255, 0.8);
}

.glass-btn.green-btn {
box-shadow: 0px 20px 20px -17px rgba(16, 255, 56, 0.5);}

.glass-btn.green-btn:hover {
box-shadow: 0px 20px 35px -16px rgba(16, 255, 96, 0.57);
}

.content {
font-size: 4em;
font-family: "Roboto", sans-serif;
background: linear-gradient(to right, #ff1027, #ff4f06 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0px 10px 37px rgba(255, 16, 39, 0.6);
}

.glass-btn.amber-btn {
box-shadow: 0px 20px 20px -17px rgba(255, 159, 16, 0.53);}

.glass-btn.amber-btn:hover {
box-shadow: 0px 20px 35px -16px rgba(255, 159, 16, 0.6);
}

.content {
font-size: 4em;
font-family: "Roboto", sans-serif;
background: linear-gradient(to right, #ff8d00, #f7ad07 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0px 10px 37px rgba(255, 94, 16, 0.7);
}

.glass-btn:hover {
background-color: #d9d9d9;    
transform: translateY(-5px);
transition: all 0.3s;
}

    /* Gaya umum untuk gambar */
    .img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }

    /* Media query untuk layar dengan lebar maksimum 600px */
    @media only screen and (max-width: 480px) {
      .img {
        width: auto; /* Sesuaikan dengan lebar yang diinginkan */
        height: 2em; /* Menjaga aspek rasio gambar */
      }
    }
</style>

</head>
<body>
<div style="width: 100vw;">
    <div class="opening-animation">
        <div class="top-image"></div>
        <div class="bottom-image"></div>
        <div style="display: flex; gap: 40px;">
            <a href="https://google.com" target="_blank" rel="noopener noreferrer nofollow">
                <div class="wrap">
                <button class="button">Daftar</button>
                </div>
            </a>
            <a href="https://google.com" target="_blank" rel="noopener noreferrer nofollow">
                <div class="wrap">
                <button class="button">Login</button>
                </div>
            </a>
        </div>
    </div>
</div>

</body>
</html>

<?php } ?>



