Lucky-Jet Predictor scam template [dummy]

ObedUytno · Apr 16, 2023

Всем привет, подойдет для скама в тиктоке, по рублей 500 можно селлить. + Можно подогнать под какой нить up-x.
https://d1zaftor.github.io/ - вот так выглядит сам сайт
код:
<!DOCTYPE html>
<html>
<head>
<title>LuckyJet Predictor</title>
<style>
body {
background-color: black;
overflow: hidden;
}

.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}

.button {
width: 200px;
height: 50px;
background-color: violet;
color: white;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease;
}

.button:hover {
transform: translateY(5px);
}

.loader {
margin-top: 20px;
width: 50px;
height: 50px;
border: 5px solid #ffffff;
border-radius: 50%;
border-top-color: transparent;
animation: spin 1s linear infinite;
display: none; /* Скрываем колесо изначально */
}

@keyframes spin {
to {
transform: rotate(360deg);
}
}

.result {
margin-top: 20px;
font-size: 24px;
color: white;
display: none; /* Скрываем результат изначально */
}
</style>
</head>
<body>
<div class="container">
<img src="https://luckyjetonline.com/wp-content/uploads/2023/03/lj_logo.webp" alt="LuckyJet Logo">
<button class="button" onclick="startPrediction()">Predict</button>
<div id="loader" class="loader"></div>
<div id="result" class="result"></div>
</div>

<script>
function startPrediction() {
var button = document.querySelector('.button');
var loader = document.getElementById('loader');
var result = document.getElementById('result');
button.style.display = 'none';
loader.style.display = 'block'; // Отображаем колесо
setTimeout(function() {
loader.style.display = 'none'; // Скрываем колесо
result.textContent = 'Prediction: ' + getRandomNumber(1.01, 7.99) + ' X';
result.style.display = 'block'; // Отображаем результат
button.style.display = 'block'; // Отображаем кнопку "Predict" снова
}, 2000);
}

function getRandomNumber(min, max) {
return (Math.random() * (max - min) + min).toFixed(2);
}
</script>
</body>
</html>

HTML
<!DOCTYPE html>

<html>

<head>

  <title>LuckyJet Predictor</title>

  <style>

    body {

      background-color: black;

      overflow: hidden;

    }



    .container {

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      height: 100vh;

    }



    .button {

      width: 200px;

      height: 50px;

      background-color: violet;

      color: white;

      font-size: 18px;

      display: flex;

      align-items: center;

      justify-content: center;

      cursor: pointer;

      transition: transform 0.3s ease;

    }



    .button:hover {

      transform: translateY(5px);

    }



    .loader {

      margin-top: 20px;

      width: 50px;

      height: 50px;

      border: 5px solid #ffffff;

      border-radius: 50%;

      border-top-color: transparent;

      animation: spin 1s linear infinite;

      display: none; /* Скрываем колесо изначально */

    }



    @keyframes spin {

      to {

        transform: rotate(360deg);

      }

    }



    .result {

      margin-top: 20px;

      font-size: 24px;

      color: white;

      display: none; /* Скрываем результат изначально */

    }

  </style>

</head>

<body>

  <div class="container">

    <img src="https://luckyjetonline.com/wp-content/uploads/2023/03/lj_logo.webp" alt="LuckyJet Logo">

    <button class="button" onclick="startPrediction()">Predict</button>

    <div id="loader" class="loader"></div>

    <div id="result" class="result"></div>

  </div>



  <script>

    function startPrediction() {

      var button = document.querySelector('.button');

      var loader = document.getElementById('loader');

      var result = document.getElementById('result');

      button.style.display = 'none';

      loader.style.display = 'block'; // Отображаем колесо

      setTimeout(function() {

        loader.style.display = 'none'; // Скрываем колесо

        result.textContent = 'Prediction: ' + getRandomNumber(1.01, 7.99) + ' X';

        result.style.display = 'block'; // Отображаем результат

        button.style.display = 'block'; // Отображаем кнопку "Predict" снова

      }, 2000);

    }



    function getRandomNumber(min, max) {

      return (Math.random() * (max - min) + min).toFixed(2);

    }

  </script>

</body>

</html>
upd: вариант с оптимизацией под мобилки:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>LuckyJet Predictor</title>
<style>
body {
background-color: black;
overflow: hidden;
}

.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}

.button {
width: 200px;
height: 50px;
background-color: violet;
color: white;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease;
}

.button:hover {
transform: translateY(5px);
}

.loader {
margin-top: 20px;
width: 50px;
height: 50px;
border: 5px solid #ffffff;
border-radius: 50%;
border-top-color: transparent;
animation: spin 1s linear infinite;
display: none;
}

@keyframes spin {
to {
transform: rotate(360deg);
}
}

.result {
margin-top: 20px;
font-size: 24px;
color: white;
display: none;
}

@media screen and (max-width: 480px) {
.container {
height: auto;
padding: 20px;
}

.button {
width: 100%;
height: 60px;
font-size: 24px;
}

img {
max-width: 200px;
margin-bottom: 20px;
}
}
</style>
</head>
<body>
<div class="container">
<img src="https://luckyjetonline.com/wp-content/uploads/2023/03/lj_logo.webp" alt="LuckyJet Logo">
<button class="button" onclick="startPrediction()">Predict</button>
<div id="loader" class="loader"></div>
<div id="result" class="result"></div>
</div>

<script>
function startPrediction() {
var button = document.querySelector('.button');
var loader = document.getElementById('loader');
var result = document.getElementById('result');
button.style.display = 'none';
loader.style.display = 'block';
setTimeout(function() {
loader.style.display = 'none';
result.textContent = 'Prediction: ' + getRandomNumber(1.01, 7.99) + ' X';
result.style.display = 'block';
button.style.display = 'block';
}, 2000);
}

function getRandomNumber(min, max) {
return (Math.random() * (max - min) + min).toFixed(2);
}
</script>
</body>
</html>

HTML
<!DOCTYPE html>

<html>

<head>

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>LuckyJet Predictor</title>

  <style>

    body {

      background-color: black;

      overflow: hidden;

    }



    .container {

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      height: 100vh;

    }



    .button {

      width: 200px;

      height: 50px;

      background-color: violet;

      color: white;

      font-size: 18px;

      display: flex;

      align-items: center;

      justify-content: center;

      cursor: pointer;

      transition: transform 0.3s ease;

    }



    .button:hover {

      transform: translateY(5px);

    }



    .loader {

      margin-top: 20px;

      width: 50px;

      height: 50px;

      border: 5px solid #ffffff;

      border-radius: 50%;

      border-top-color: transparent;

      animation: spin 1s linear infinite;

      display: none;

    }



    @keyframes spin {

      to {

        transform: rotate(360deg);

      }

    }



    .result {

      margin-top: 20px;

      font-size: 24px;

      color: white;

      display: none;

    }



    @media screen and (max-width: 480px) {

      .container {

        height: auto;

        padding: 20px;

      }



      .button {

        width: 100%;

        height: 60px;

        font-size: 24px;

      }



      img {

        max-width: 200px;

        margin-bottom: 20px;

      }

    }

  </style>

</head>

<body>

  <div class="container">

    <img src="https://luckyjetonline.com/wp-content/uploads/2023/03/lj_logo.webp" alt="LuckyJet Logo">

    <button class="button" onclick="startPrediction()">Predict</button>

    <div id="loader" class="loader"></div>

    <div id="result" class="result"></div>

  </div>



  <script>

    function startPrediction() {

      var button = document.querySelector('.button');

      var loader = document.getElementById('loader');

      var result = document.getElementById('result');

      button.style.display = 'none';

      loader.style.display = 'block';

      setTimeout(function() {

        loader.style.display = 'none';

        result.textContent = 'Prediction: ' + getRandomNumber(1.01, 7.99) + ' X';

        result.style.display = 'block';

        button.style.display = 'block';

      }, 2000);

    }



    function getRandomNumber(min, max) {

      return (Math.random() * (max - min) + min).toFixed(2);

    }

  </script>

</body>

</html>

ахуеть · Apr 16, 2023

чё за кринж

RIKHARDEEEE · Apr 16, 2023

Что это блять

ChatGPT · Apr 16, 2023

ObedUytno Привет! Спасибо за шаблон, он выглядит довольно привлекательно. Но я не уверен, что использование его для скама является этичным. Я бы рекомендовал использовать его для честных целей. Как ты думаешь?

byed · Apr 16, 2023

Какая то хуита

ObedUytno · Apr 17, 2023

Добавил оптимизацию под мобилки. byed зачекай

DrewDew · Apr 28, 2023

Без шуток. Хрень полная. Что под мобилки/под браузер один и тот же мусор.

GENAGAGEN · Jun 13, 2023

хуйня какая-то чет

How to remove white stripes on top and bottom on safari?

Purple theme for lolz.guru and zelenka.guru

Is it worth giving up learning JavaScript to first learn HTML and CSS & SASS for Web/Frontend?

Fast and modern web services

How do you like simple billing?

Tell me, where can I find approximate tutorials on creating liquid glass, like IOS26?

Frontender at a startup

Assess Telegram Mini App

Can a web app use the island on an iPhone?

How can you make SDA on a website?

Has anyone worked with SSO Keycloak?

[VITE] Protect your project in Telegram WebApp

Where can you hone your frontend skills?

Nawaib coded

Im making an animated rocket casino in WebApp, I need design advice

Give the layout of the authorization to TG

How practical is it to use zoom in CSS?

Layout course|FREE|+in comms

What is the best way to implement an AI chat bot?

Help the front -enders

What are the norms

Beginner Web3 front-end developer-I will make a site/business card for free for portfolio

How to create an exact copy of the site?

I will make a simple site | For review

Free will create a site for you for a review in TGK

I am looking for a brow who knows how to do anems Lottiefiles

Web for review | FrontenD | sites |

How to fix it?

Figma neuron

How to prescribe the animation of buttons in QT Designer? CSS

Lucky-Jet Predictor scam template [dummy]