<[email protected]> - build: 100

kettraworld · Aug 13, 2024 · 6f29c3a · 6f29c3a
1 parent fe3bf4a
commit 6f29c3a
Show file tree

Hide file tree

Showing 5 changed files with 146 additions and 156 deletions.
diff --git a/404.html b/404.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html><html lang="pt-BR"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Kettra World</title><meta name="description" content="Desafios épicos aguardam você!"><meta name="keywords" content="RPG, jogos, aventura, online"><meta property="og:title" content="Kettra World"><meta property="og:description" content="Desafios épicos aguardam você!"><meta name="theme-color" content="#8a2be2"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><link rel="icon" href="favicon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicon.svg" type="image/svg+xml"><link rel="preconnect" href="https://cdnjs.cloudflare.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://cdn.jsdelivr.net"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" type="text/css" media="all"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap" type="text/css" media="all"><link rel="stylesheet" href="https://unpkg.com/[email protected]/css/boxicons.min.css" type="text/css" media="all"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" type="text/css" media="all"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" type="text/css" media="all"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" type="text/css" media="all"><script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.7.3/axios.min.js" charset="UTF-8" type="text/javascript" crossorigin="anonymous" defer></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" charset="UTF-8" type="text/javascript" crossorigin="anonymous" defer></script><script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js" charset="UTF-8" type="text/javascript" crossorigin="anonymous" defer></script><script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.5/js.cookie.min.js" charset="UTF-8" type="text/javascript" crossorigin="anonymous" async></script><script src="https://www.google.com/recaptcha/api.js" async></script><script src="https://cdnjs.cloudflare.com/ajax/libs/eruda/3.2.1/eruda.min.js" type="text/javascript" crossorigin="anonymous" async></script><style>:root{--layout: #8a2be2;--layout-dark: #483d8b;--background-color: #000000;--section-color: #222222;--text-color: #fff;--text-shadow-color: #555;--border-color: #fff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100vh;display:flex;flex-direction:column;font-family:MedievalSharp,cursive;background-color:#000!important}ui{display:none}main{flex:1}section{padding:5px;opacity:.9;margin:10px}section.main{border-radius:1rem;background-color:var(--section-color)!important}section.main .title{background:linear-gradient(to bottom,var(--layout),var(--layout-dark))!important;text-align:center;font-weight:700;border-radius:1.5rem;color:var(--text-color);padding:.5rem;font-size:1.5rem;margin:.5rem}canvas{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.modal .modal-dialog .modal-content{color:var(--text-color)!important;background-color:var(--section-color)!important}.loading{animation:loading 2s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
 loader .wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh}loader .wrapper .loader{display:flex;justify-content:space-evenly;padding:0 20px}loader .loader .loading{background:#fff;width:30px;height:30px;border-radius:50px;margin:0 10px;animation:loader .8s infinite}loader .loader .loading.one{animation-delay:.3s}loader .loader .loading.two{animation-delay:.4s}loader .loader .loading.three{animation-delay:.5s}@keyframes loader{0%{width:30px;height:30px}50%{width:20px;height:20px}}
-</style></head> <body> <div class="toast-container position-fixed bottom-0 end-0 p-3"> <div id="message"></div> </div> <canvas id="canvas"></canvas>  <audio id="teleport" preload="auto"> <source src="cdn/music/teleport.mp3" type="audio/mp3"> </audio> <loader> <div class="wrapper"> <div class="loader"> <div class="loading one"></div> <div class="loading two"></div> <div class="loading three"></div> <div class="loading four"></div> </div> </div> </loader> <script type="text/javascript">
+</style></head> <body> <audio id="levelup" preload="auto"> <source src="/cdn/music/levelup.mp3" type="audio/mp3"> </audio> <audio id="click" preload="auto"> <source src="/cdn/music/click.mp3" type="audio/mp3"> </audio> <div class="toast-container position-fixed bottom-0 end-0 p-3"> <div id="message"></div> </div> <canvas id="canvas"></canvas>  <audio id="teleport" preload="auto"> <source src="cdn/music/teleport.mp3" type="audio/mp3"> </audio> <loader> <div class="wrapper"> <div class="loader"> <div class="loading one"></div> <div class="loading two"></div> <div class="loading three"></div> <div class="loading four"></div> </div> </div> </loader> <script type="text/javascript">
 $(() => {
   $(document).on('click', () => {
    $('#teleport')[0].play();

diff --git a/cdn/js/functions.js b/cdn/js/functions.js
@@ -386,10 +386,149 @@ async function $validate(form, btn, bot) {
 
 $(() => {
 
+ $('cookie .close').on('click', () => {
+  $('#overlay').css('display', 'none');
+  $("#cookie").css('animation', 'slideInEnd 1s ease forwards');
+});
+
+ $('cookie .open').on('click', () => {
+  localStorage.setItem('user_cookie', true);
+  $('#overlay').css('display', 'none');
+  $("#cookie").css('animation', 'slideInEnd 1s ease forwards');
+});
+
+ setTimeout(() => {
+ if (!localStorage.getItem('user_cookie')) {
+    $('#overlay').css('display', 'block');
+    $("#cookie").css('display', 'block');
+ };
+}, 5000);
+
  $.get('https://api.minetools.eu/ping/rederevo.com').done((data) => {
   return $('#status').html(`<span class="bx bx-cube-alt"></span> ${data.players.online}/${data.players.max} Online`);
   }).fail(() => {
   return $('#status').html('<span class="bx bx-ghost"></span> Servidor desligado');
  });
 
+   $('#social.youtube').on('click', () => {
+    $('#click')[0].play();
+    return window.open('https://youtube.com/@kettraworld', '_blank');
+  });
+
+  $('#social.discord').on('click', () => {
+    $('#click')[0].play();
+    return window.open('https://discord.com/invite/d3YgZTfZq5', '_blank');
+  });
+
+  $('#social.twitter').on('click', () => {
+    $('#click')[0].play();
+    return window.open('https://twitter.com/kettraworld', '_blank');
+  });
+
+  $('#social.instagram').on('click', () => {
+    $('#click')[0].play();
+    return window.open('https://www.instagram.com/kettraworld', '_blank');
+  });
+
+  class Particle {
+  constructor(x,
+    y,
+    radius,
+    color,
+    dx,
+    dy,
+    duration) {
+    this.x = x;
+    this.y = y;
+    this.radius = radius;
+    this.color = color;
+    this.dx = dx;
+    this.dy = dy;
+    this.startTime = Date.now();
+    this.duration = duration;
+    this.startRadius = radius;
+  }
+
+  draw(ctx) {
+    ctx.beginPath();
+    ctx.arc(this.x,
+      this.y,
+      this.radius,
+      0,
+      Math.PI * 2,
+      false);
+    ctx.fillStyle = this.color;
+    ctx.fill();
+    ctx.closePath();
+  }
+
+  update(ctx) {
+    const now = Date.now();
+    const elapsedTime = now - this.startTime;
+    const progress = Math.min(elapsedTime / this.duration,
+      1);
+
+    this.radius = this.startRadius * (1 - progress);
+
+    this.x += this.dx;
+    this.y += this.dy;
+
+    this.draw(ctx);
+  }
+
+  isVisible() {
+    return this.radius > 0.5;
+  }
+}
+const canvas = $('#canvas')[0];
+const ctx = canvas.getContext('2d');
+canvas.width = window.innerWidth;
+canvas.height = window.innerHeight;
+const particles = [];
+function $create_particle() {
+  const bubbles = 400;
+
+  for (let i = 0; i < bubbles; i++) {
+    const radius = Math.random() * 6 + 1;
+    const x = Math.random() * canvas.width;
+    const y = Math.random() * canvas.height;
+    const dx = (Math.random() - 0.5) * 2;
+    const dy = (Math.random() - 0.5) * 2;
+    const color = `rgba(144, 13, 218, ${Math.random()})`;
+    const duration = 10000;
+
+    particles.push(new Particle(x, y, radius, color, dx, dy, duration));
+  }
+};
+function $show_animate() {
+  requestAnimationFrame($show_animate);
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+  particles.forEach((particle, index) => {
+    if (particle.isVisible()) {
+      particle.update(ctx);
+    } else {
+      particles.splice(index, 1);
+    }
+  });
+};
+function $canvas_effect_purple() {
+  $create_particle();
+  $show_animate();
+};
+
+$(".ip-copy-section button").on('click', function() {
+
+  navigator.clipboard.writeText("play.kettraworld.com").then(() => {
+    return $message('O ip <b style="color: purple;">play.kettraworld.com</b> foi copiado!');
+  });
+
+  $('#levelup')[0].play();
+  $canvas_effect_purple();
+  $(this).prop('disabled', true);
+  setTimeout(() => {
+    $(this).prop('disabled', false)
+   }, 5000);
+  });
+
 });