rickroll/index.js at main · coder11v/rickroll · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
// ViB Rickroll Prank v3 - The Ultimate Lockdown Edition
(function vibRickrollLockdown() {
  // Create overlay to block interaction
  const overlay = document.createElement('div');
  Object.assign(overlay.style, {
    position: 'fixed',
    top: 0,
    left: 0,
    width: '100vw',
    height: '100vh',
    backgroundColor: 'rgba(0, 0, 0, 0.4)',
    zIndex: '9997',
    pointerEvents: 'none',
  });

  // Create the fake error button
  const fakeErrorBtn = document.createElement('button');
  fakeErrorBtn.textContent = 'An internal error occurred. Click HERE to continue.';
  Object.assign(fakeErrorBtn.style, {
    position: 'fixed',
    top: '40%',
    left: '50%',
    transform: 'translate(-50%, -50%)',
    padding: '16px 24px',
    fontSize: '18px',
    fontFamily: 'Segoe UI, sans-serif',
    backgroundColor: '#e74c3c',
    color: '#fff',
    border: 'none',
    borderRadius: '8px',
    boxShadow: '0 0 12px rgba(0,0,0,0.3)',
    cursor: 'pointer',
    zIndex: '9998',
    opacity: '0',
    transition: 'opacity 0.5s ease-in-out',
  });

  // Add both after 3 seconds
  setTimeout(() => {
    document.body.appendChild(overlay);
    document.body.appendChild(fakeErrorBtn);
    requestAnimationFrame(() => {
      fakeErrorBtn.style.opacity = '1';
      overlay.style.pointerEvents = 'auto'; // start blocking interaction
    });
  }, 3000);

  // On button click, launch the Rickroll
  fakeErrorBtn.onclick = () => {
    // Remove button with fade-out
    fakeErrorBtn.style.opacity = '0';
    setTimeout(() => document.body.removeChild(fakeErrorBtn), 500);

    // Create Rickroll video
    const rickrollVideo = document.createElement('video');
    rickrollVideo.src = 'https://mothersday.veerbajaj.com/rickroll.mp4';
    rickrollVideo.autoplay = true;
    rickrollVideo.controls = false;

    Object.assign(rickrollVideo.style, {
      position: 'fixed',
      top: '50%',
      left: '50%',
      transform: 'translate(-50%, -50%)',
      width: '80%',
      maxWidth: '800px',
      borderRadius: '12px',
      boxShadow: '0 0 20px rgba(0,0,0,0.8)',
      zIndex: '9999',
      opacity: '0',
      transition: 'opacity 0.8s ease-in-out',
    });

    document.body.appendChild(rickrollVideo);
    requestAnimationFrame(() => {
      rickrollVideo.style.opacity = '1';
    });

    rickrollVideo.onended = () => {
      // Fade out and clean everything
      rickrollVideo.style.opacity = '0';
      setTimeout(() => {
        document.body.removeChild(rickrollVideo);
        document.body.removeChild(overlay);
      }, 800);
    };
  };
})();