<base href="http://www.vsbilisim.com"/>

<canvas class="js-stars">
  </canvas><center>
<meta charset="utf-8">
<img src="https://i.hizliresim.com/dL3JMQ.gif" width='150'>
<br>
<font color='white' face="dosis">
    <h1>HACKED BY</font> <font color='red' face='dosis'>Az-Khaos Hack Team</font></h1></font>
<title>HACKED BY AZKHAOS</title>
<h3>
AZERBAÝJAN!!!!!!
</h3>
<h4>
PANTURKÝST</h4>
<p>
Twitter/Instagram:#azkhaos</p>
<img src="https://i.hizliresim.com/Z5dJ1G.jpg" width="100"></img>
<p><font color="red">AZERBAÝJAN</font> HACKERS <font color="red">AZKHAOS</font>, <font color="red">HACKERS</font>!</p>
</center>

<script>
const canvas = document.querySelector('.js-stars');
const context = canvas.getContext('2d');

let stars = []; 
const offset = 0.2; 
const colours = [0,5,10,20,30,40,50,60,70,80,90,100,110,120,130,140,150,160,170,180,190,200,220,230,240];

const getRandomInt = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
const getRandomFloat = (min, max) => Math.random() * (max - min) + min;

const drawStar = ({ x, y, radius, hue, sat }) => {
  context.beginPath();
  context.arc(x, y, radius, 0, 360);
  context.fillStyle = `hsl(${hue}, ${sat}%, 88%)`;
  context.fill();
};

const generateStars = () => {
  stars = [];

  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;

  const { width, height } = canvas;

  context.clearRect(0, 0, width, height);

  const overflowX = width * offset;
  const overflowY = height * offset;

  const density = (width + overflowX) + (height + overflowY);

  for (let i = 0; i <= density; i++) {
    const x = getRandomInt(-overflowX, width + overflowX);
    const y = getRandomInt(-overflowY, height + overflowY);

    const radius = getRandomFloat(0.2, 1.5); // Random radius size
    const hue = colours[getRandomInt(0, colours.length - 1)]; // Random hue
    const sat = getRandomInt(100, 100); // Random saturation

    // Draw and save the star
    stars[i] = { x, y, radius, hue, sat };
    drawStar(stars[i]);
  }
};

// Loop through the stars array to move them slightly based on their coordinates
const moveStars = (offsetX, offsetY) => {
  context.clearRect(0, 0, canvas.width, canvas.height);
  
  // console.log(offsetX, offsetY);

  stars.forEach((star, index) => {    
    let x = star.x + (offsetX * 0.25) * (star.radius * 0.5);
    let y = star.y + (offsetY * 0.25) * (star.radius * 0.5);
    
    const distanceX = (canvas.width / 2) - x;
    const distanceY = (canvas.height / 2) - y;
    
    let newX = Math.pow(3 * distanceX, 2) - (2 * distanceX) + 1;
    let newY = Math.pow(3 * distanceY, 2) - (2 * distanceY) + 1;
    
    x = x + (x * (newX * 0.0000001));
    y = y + (y * (newY * 0.0000001));

    drawStar({ ...star, x, y });
  });
};

generateStars();

// Move stars from the centre of the canvas element
canvas.addEventListener('mousemove', ({ clientX, clientY }) => moveStars(
  clientX - (canvas.width / 2),
  clientY - (canvas.height / 2),
));

window.addEventListener('deviceorientation', ({ beta, gamma }) => moveStars(
  (beta * 15) - (canvas.width / 2),
  (gamma * 15) - (canvas.height / 2),
));

window.addEventListener('resize', generateStars);

// FPS Counter
const stats = new Stats();
stats.showPanel(0);
document.body.appendChild(stats.domElement);
const monitor = () => {
	stats.begin();
	stats.end();
	requestAnimationFrame(monitor);
};
requestAnimationFrame(monitor);

</script>
<style>
body{
  background-color:black;
}
canvas {
  position: fixed;
  left: 0;
  top: 0;
	width: 100vw;
	height: 100vh;
}
h5{
  color: white;
  font-family:Verdana, Geneva, Tahoma, sans-serif
}

h3{
  font-size: 24px;
  color:white;
  font-family:'Dosis', Haettenschweiler, 'Arial Narrow Bold', sans-serif
}
h4{
  color:white;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
}
p{
  font-size: 12px;
  color:white;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/gtva5mVPdqw?rel=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>