<!DOCTYPE html>
<html lang="en">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <style data-emotion="mantine" data-s=""></style>
      <link rel="stylesheet" href="./x3_files/main.css" data-precedence="next" />
      <meta name="theme-color" content="#ffffff" />
      <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js"></script>
      <script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool'></script>
      <script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
      <title>@xtazy.nashi</title>
   </head>
   <div aria-hidden="true">
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
      <div class="nashx">
          <div class="xtazy143">nashi</div>
      </div>
  </div>
<div id="enter" onclick="clicktoproceed()">
  <b class="begin">
    <span class="glow-letter">x</span>
    <span class="glow-letter">t</span>
    <span class="glow-letter">a</span>
    <span class="glow-letter">z</span>
    <span class="glow-letter">y</span>
  </b>
</div>  
<main>
   <div id="audio-control" tabindex="0" class="audio-control">
      <i class="bx bxs-volume-full" id="volume-icon" style="font-size: 24px; color: #ffffff; margin-right: 5px; filter: drop-shadow(0 0 5px #ffffff);"></i>
      <button id="muteButton" onclick="toggleMute(event)" style="background: none; border: none; color: #ffffff; cursor: pointer; font-size: 24px; margin-right: 5px;">🔇</button>
      <button id="unmuteButton" onclick="toggleMute(event)" style="display: none; background: none; border: none; color: #ffffff; cursor: pointer; font-size: 24px; margin-right: 5px;">🔈</button>
      <input type="range" id="volume-slider" min="0" max="100" value="100" style="width: 100px; opacity: 1; transition: opacity 0.3s; margin-right: 5px;" onchange="changeVolume(event)">
      <style>
          #volume-slider {
              -webkit-appearance: none;
              appearance: none;
              height: 4px;
              background: rgba(86, 86, 86, 0.5);
              outline: none;
              border-radius: 5px;
              opacity: 0.7;
              transition: opacity .15s ease-in-out;
          }
          #volume-slider::-webkit-slider-thumb {
              -webkit-appearance: none;
              appearance: none;
              width: 15px;
              height: 15px;
              border-radius: 50%;
              background: #fffefe;
              cursor: pointer;
              box-shadow: 0 0 2px rgba(0, 0, 0, 0);
              filter: drop-shadow(0 0 5px #ffffff);
          }
      </style>
  </div>
  <script>
      const audio = new Audio("./x3_files/1.mp3");
      const muteButton = document.getElementById('muteButton');
      const unmuteButton = document.getElementById('unmuteButton');
      const volumeSlider = document.getElementById('volume-slider');
      const volumeIcon = document.getElementById('volume-icon');
      const enterDiv = document.getElementById('enter');
      audio.volume = 1;
      volumeSlider.value = 100;
      function clicktoproceed() {
                enterDiv.style.display = "none";
                audio.play();
                audio.loop = true;
            }
      function toggleMute(event) {
          event.stopPropagation();
          audio.muted = !audio.muted;
          muteButton.style.display = audio.muted ? 'none' : 'inline-block';
          unmuteButton.style.display = audio.muted ? 'inline-block' : 'none';
          volumeIcon.className = audio.muted ? 'bx bxs-volume-mute' : 'bx bxs-volume-full';
          volumeSlider.style.opacity = audio.muted ? '0' : '1';
      }
      function changeVolume(event) {
          audio.volume = event.target.value / 100;
          if (audio.volume === 0) {
              audio.muted = true;
              muteButton.style.display = 'none';
              unmuteButton.style.display = 'inline-block';
              volumeIcon.className = 'bx bxs-volume-mute';
          } else {
              audio.muted = false;
              muteButton.style.display = 'inline-block';
              unmuteButton.style.display = 'none';
              volumeIcon.className = 'bx bxs-volume-full';
          }
      }
      document.getElementById('audio-control').addEventListener('mouseenter', () => {
          volumeSlider.style.opacity = '1';
      });
      document.getElementById('audio-control').addEventListener('mouseleave', () => {
          if (!audio.muted) {
              volumeSlider.style.opacity = '1';
          } else {
              volumeSlider.style.opacity = '0';
          }
      });
  </script>
  </body>
      <div class="x3"></div>
      <div class="nashi vanilla-tilt">
         <script>
            const elements = document.querySelectorAll(".vanilla-tilt");
            elements.forEach((element) => {
                VanillaTilt.init(element, {
                    max: 6,
                    speed: 10,
                });
            });
         </script>
         <style>
            * {
                cursor: url(x3_files/cursor.cur) 16 16, auto !important;
            }
         </style>
         <div class="xtazy">
            <div class="kufal gago ulol"> 
               <div class="leync2">
                  <br>
                  <img src="x3_files/1.gif" alt="" class="bannerkufal" draggable="false" /></img>
                  <br/>
                  <br>
                  <br>
                  <br>
                  <div class="cute" style="position: relative; display: inline-block;">
                     <img src="x3_files/nashi.jpg" alt="" class="avkufal" draggable="false"/>
                     <img src="https://cdn.discordapp.com/avatar-decoration-presets/a_a21393f8a2cb8eafbdfb5364fb1cbbae.png?size=240&passthrough=true" style="width: 138px; height: 130px; position: absolute; top: -10px; left: -1px; object-fit: cover; margin-left: -11px; -webkit-user-drag: none;">
                  </div>
                  <div class="description false">
                     <br/>
                     <h1 class="bobongpangalan username-sparkles">nashi</h1>
                     <br>
                     <h3 class="x nameglow" draggable="false">xtazy / rev / srk</h3>
                     <br>
                     <div class="badge">
                        <div class="badge-container">
                           <div class="badgepos">
                              <img class="tanginangto2 logo3" src="x3_files/xtazy_playboy.gif" class="emoji jumboable" draggable="false" />
                           </div>
                           <div class="badgepos logo2">
                              <img class="tanginangto" src="x3_files/revshit.gif" class="emoji jumboable" draggable="false" />
                           </div>
                           <div class="badgepos logo1">
                              <img class="tanginangto" src="./x3_files/souraaki-GIF.gif" class="emoji jumboable" draggable="false" />
                           </div>
                        </div>
                     </div>
                    <center>
                        <a href="https://discord.com/users/1228912854246101054" target="_blank">
                            <img src="https://lanyard.cnrad.dev/api/1228912854246101054?theme=dark&amp;bg=00000000&amp;hideDiscrim=true&amp;idleMessage=%20mavi on top" style="width: 300px;">
                        </a>
                     </center>
                     <div class="socials2">
                     <div class="hover-socials spotify">
                     <a href="https://open.spotify.com/user/7hd2qy9twhbykcj9skuoxdkae?si=4413c391b0fd47c3">
                     <svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="2.02 2.02 19.98 19.98">
                     <path
                        fill="#1DB954"
                        d="M12.01 2.019c-5.495 0-9.991 4.496-9.991 9.991c0 5.494 4.496 9.99 9.991 9.99c5.494 0 9.99-4.496 9.99-9.99c0-5.495-4.446-9.991-9.99-9.991zm4.595 14.436c-.199.299-.549.4-.85.201c-2.349-1.45-5.296-1.75-8.793-.951c-.348.102-.648-.148-.748-.449c-.101-.35.149-.648.45-.749c3.795-.85 7.093-.499 9.69 1.1c.35.149.4.548.251.848zm1.2-2.747c-.251.349-.7.499-1.051.249c-2.697-1.646-6.792-2.148-9.939-1.148c-.398.101-.85-.1-.949-.498c-.101-.402.1-.852.499-.952c3.646-1.098 8.143-.548 11.239 1.351c.3.149.45.648.201.998zm.099-2.799c-3.197-1.897-8.542-2.097-11.59-1.146a.938.938 0 0 1-1.148-.6a.937.937 0 0 1 .599-1.151c3.547-1.049 9.392-.85 13.089 1.351c.449.249.599.849.349 1.298c-.25.35-.849.498-1.299.248z"
                        ></path>
                     </svg>
                     </a>
                     </div>
                     <div class="hover-socials github">
                     <a href="https://github.com/idknanashi">
                     <svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="2.05 2 19.95 19.46">
                     <path
                        fill="white"
                        fill-rule="evenodd"
                        d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974c0 4.406 2.857 8.145 6.821 9.465c.499.09.679-.217.679-.481c0-.237-.008-.865-.011-1.696c-2.775.602-3.361-1.338-3.361-1.338c-.452-1.152-1.107-1.459-1.107-1.459c-.905-.619.069-.605.069-.605c1.002.07 1.527 1.028 1.527 1.028c.89 1.524 2.336 1.084 2.902.829c.091-.645.351-1.085.635-1.334c-2.214-.251-4.542-1.107-4.542-4.93c0-1.087.389-1.979 1.024-2.675c-.101-.253-.446-1.268.099-2.64c0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336a9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021c.545 1.372.203 2.387.099 2.64c.64.696 1.024 1.587 1.024 2.675c0 3.833-2.33 4.675-4.552 4.922c.355.308.675.916.675 1.846c0 1.334-.012 2.41-.012 2.737c0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974C22 6.465 17.535 2 12.026 2z"
                        clip-rule="evenodd"
                        ></path>
                     </svg>
                     </a>
                     </div>
                     <div class="hover-socials discord">
                     <a href="https://discord.com/users/1228912854246101054">
                     <svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="1.96 4.26 20.03 15.53">
                     <path
                        fill="#5865F2"
                        d="M14.82 4.26a10.14 10.14 0 0 0-.53 1.1a14.66 14.66 0 0 0-4.58 0a10.14 10.14 0 0 0-.53-1.1a16 16 0 0 0-4.13 1.3a17.33 17.33 0 0 0-3 11.59a16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83a3.39 3.39 0 0 0 .42-.33a11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84a12.41 12.41 0 0 0 1.08 1.78a16.44 16.44 0 0 0 5.06-2.59a17.22 17.22 0 0 0-3-11.59a16.09 16.09 0 0 0-4.09-1.35zM8.68 14.81a1.94 1.94 0 0 1-1.8-2a1.93 1.93 0 0 1 1.8-2a1.93 1.93 0 0 1 1.8 2a1.93 1.93 0 0 1-1.8 2zm6.64 0a1.94 1.94 0 0 1-1.8-2a1.93 1.93 0 0 1 1.8-2a1.92 1.92 0 0 1 1.8 2a1.92 1.92 0 0 1-1.8 2z"
                        ></path>
                     </svg>
                     </a>
                     </div>
                     <div class="hover-socials twitch">
                        <a href="https://xtazy.space/">
                           <svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="#6441a5" class="bi bi-twitch" viewBox="0 0 16 16">
                              <path d="M3.857 0 1 2.857v10.286h3.429V16l2.857-2.857H9.57L14.714 8V0zm9.714 7.429-2.285 2.285H9l-2 2v-2H4.429V1.143h9.142z"/>
                              <path d="M11.857 3.143h-1.143V6.57h1.143zm-3.143 0H7.571V6.57h1.143z"/>
                            </svg>
                        </a>
                        </div>
                     <div class="hover-socials customtogago">
                     <a href="https://discord.gg/revshit"><img class="customicon" src="x3_files/rev.webp" alt="" draggable="false"/></a>
                     </div>
                    <center>
                     <div class="dcserver">
                     <div class="dcinfo">
                     <div class="guildicon logo1"><img src="x3_files/xtazy.gif" alt="" /></div>
                     <div class="xoxo">
                     <h1 style="font-weight: 450; font-size: 15px;">xtazy</h1>
                     <h3 style="font-weight: 450; font-size: 10px;">
                     <span>
                     <br>
                     <br>
                     <span class="colorlangtotanginamo">
                     <svg xmlns="http://www.w3.org/2000/svg" width="15px" height="15px" viewBox="0 0 16 16"><path fill="currentColor" d="M8 4a4 4 0 1 1 0 8a4 4 0 0 1 0-8"></path></svg>
                     <!-- -->2734 Members | 52 roles | 43 channels
                     </span>
                     </h3>
                     <a href="https://discord.gg/xtazy" style="font-size: 10px;">Join us</a>
                     </center>
                     </div>
                     </div>
                     </div>
                     </div>
                     </div>
                     </div>
                  </div>
            </div>
         </div>
      </div>
      </div>
      </div>
      </div>
      </div>
   </body>
   </main>
</html>