CINXE.COM

Shokki

<!DOCTYPE html> <html data-critters-container> <head> <base href="/"> <link rel="icon" type="image/png" sizes="36x36" href="/assets/img/favicons/android-icon-36x36.png"> <link rel="icon" type="image/png" sizes="48x48" href="/assets/img/favicons/android-icon-48x48.png"> <link rel="icon" type="image/png" sizes="72x72" href="/assets/img/favicons/android-icon-72x72.png"> <link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicons/android-icon-96x96.png"> <link rel="icon" type="image/png" sizes="144x144" href="/assets/img/favicons/android-icon-144x144.png"> <link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicons/android-icon-192x192.png"> <link rel="apple-touch-icon" href="/assets/img/favicons/apple-icon.png"> <link rel="apple-touch-icon" href="/assets/img/favicons/apple-icon-precomposed.png"> <link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-icon-180x180.png"> <meta name="msapplication-TileColor" content="#000000"> <meta name="theme-color" content="#1A1045"> <meta name="msapplication-TileImage" content="/assets/img/favicons/ms-icon-144x144.png"> <link rel="shortcut icon" type="image/x-icon" href="/assets/img/favicons/favicon.ico"> <link rel="icon" type="image/png" href="/assets/img/favicons/favicon-16x16.png"> <link rel="icon" type="image/png" href="/assets/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" href="/assets/img/favicons/favicon-96x96.png"> <link rel="manifest" href="/assets/img/favicons/manifest.json"> <meta charset="UTF-8"> <meta name="title" content="shokki.com"> <meta name="description" content="shokki Casino - A fresh take on Slots, Casino, Live Games, and more"> <meta name="keywords" content="shokki.com, gaming, casino"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta id="viewPort" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta property="og:url" content="https://www.shokki.com"> <meta property="og:type" content="article"> <meta property="og:title" content="shokki.com"> <meta property="og:image" content="https://www.slotti.com/uploads/media/SLT/open-graph/opengraph-slotti.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <style type="text/css">@font-face{font-family:'Karla';font-style:italic;font-weight:200 800;font-display:swap;src:url(https://fonts.gstatic.com/s/karla/v31/qkBVXvYC6trAT7RQHtCe4YZO.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Karla';font-style:italic;font-weight:200 800;font-display:swap;src:url(https://fonts.gstatic.com/s/karla/v31/qkBVXvYC6trAT7RQHt6e4Q.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Karla';font-style:normal;font-weight:200 800;font-display:swap;src:url(https://fonts.gstatic.com/s/karla/v31/qkBbXvYC6trAT7RbLtyG5Q.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Karla';font-style:normal;font-weight:200 800;font-display:swap;src:url(https://fonts.gstatic.com/s/karla/v31/qkBbXvYC6trAT7RVLtw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style> <title>Shokki</title> <script> var global = global || window; var Buffer = Buffer || []; var process = process || { env: { DEBUG: undefined, }, version: [], }; </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PKPHFBDG');</script> <!-- End Google Tag Manager --> <!-- in feature we need this js so that commented for this --> <!-- <script src="https://client.pragmaticplaylive.net/desktop/assets/api/fullscreenApi.js"></script> --> <!-- Curcao egaming LOGO --> <!-- <script type="text/javascript" src="https://d23cccc9-4649-4d30-9f38-38cfa76d7243.curacao-egaming.com/ceg-seal.js"> </script> --> <style>@charset "UTF-8";*,:after,:before{box-sizing:border-box}body,html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:Karla,sans-serif;font-weight:300;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;font-size:14px;line-height:1.42857143;color:#fff;background-color:#0f0928}img{border:0;vertical-align:middle;font-size:10px;max-width:100%}*{-webkit-text-size-adjust:none}:root{--swiper-theme-color:#007aff}:root{--mbsc-safe-top:0;--mbsc-safe-right:0;--mbsc-safe-bottom:0;--mbsc-safe-left:0}@supports (top:constant(safe-area-inset-top)){:root{--mbsc-safe-top:constant(safe-area-inset-top);--mbsc-safe-right:constant(safe-area-inset-right);--mbsc-safe-bottom:constant(safe-area-inset-bottom);--mbsc-safe-left:constant(safe-area-inset-left)}}@supports (top:env(safe-area-inset-top)){:root{--mbsc-safe-top:env(safe-area-inset-top);--mbsc-safe-right:env(safe-area-inset-right);--mbsc-safe-bottom:env(safe-area-inset-bottom);--mbsc-safe-left:env(safe-area-inset-left)}}</style><link rel="stylesheet" href="styles.dd0671d7f0ce7db4.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.dd0671d7f0ce7db4.css"></noscript></head> <body class="hlo_body"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PKPHFBDG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <app-root> <style> html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #1A1045; /* background-image: linear-gradient(-135deg, #F13BA4 0%, #FF866C 100%); */ } #circle { position: fixed; top: calc(50% - 100px); left: 0; right: 0; margin: 0 auto; width: 200px; height: 200px; border-radius: 50%; border: 13px solid #FFFF74; padding: 0; display: flex; align-items: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; /* -webkit-animation: load3 0.7s infinite linear; animation: load3 0.7s infinite linear; */ } .home_loader { width: 120px; } .home_loader img { max-width: 100%; display: block; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #FFFF74; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } </style> <div id="circle"> <div class="home_loader"> <img src="/assets/img/home_loader.svg" alt="Slotti"> </div> </div> <!-- <canvas id="circle" width="200" height="200"></canvas> --> </app-root> <!-- <script> //loading animation var canvas = document.getElementById('circle'); var ctx = canvas.getContext('2d'); var x = 100, y = 100, radius = 50, angleStart = 0 * Math.PI, angleEnd = 1 * Math.PI; //Create gradient var gradient = ctx.createLinearGradient(0, 50, 50, 0); gradient.addColorStop(0, '#fff'); gradient.addColorStop(0.7, 'rgba(255,255,255,0)'); //Draw arc ctx.beginPath(); ctx.arc(x, y, radius, angleStart, angleEnd); ctx.strokeStyle = gradient; ctx.lineWidth = 13; ctx.stroke(); </script> --> <script src="runtime.33573c28a572e2a5.js" type="module"></script><script src="polyfills.a50a468a9990990c.js" type="module"></script><script src="main.2c24d0cbed323b7e.js" type="module"></script></body> </html>