- Scan ID:
- 4cb9c087-79e7-4383-ac99-e1e861f9c477Finished
- Submitted URL:
- https://explode.pw/
- Report Finished:
Links · 3 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://www.soundcloud.com/explodeinhell | SoundCloud |
| https://www.roblox.com/users/58674418/profile | Roblox |
| https://discord.com/users/1178808311383081012 | Discord |
JavaScript Variables · 4 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| showContent | string |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>e</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap">
<style>
body {
background-color: #101010;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: 'Press Start 2P', cursive;
color: #FFFFFF;
overflow: hidden;
}
video#backgroundVideo {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
display: none; /* Initially hidden */
filter: blur(5px);
opacity: 0; /* Start with opacity 0 */
transition: opacity 2s ease, filter 1s ease-out; /* Smooth fade-in and filter transition */
}
#click-to-enter {
font-size: 20px;
cursor: pointer;
text-align: center;
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFC0CB;
animation: blink 1s step-end infinite;
}
@keyframes blink {
from, to { visibility: hidden; }
50% { visibility: visible; }
}
#content {
background-color: rgba(0, 0, 0, 0.8);
border: 3px solid #FFC0CB;
border-radius: 10px;
padding: 20px;
text-align: center;
width: 300px;
box-shadow: 0 0 20px #FFC0CB;
display: none; /* Initially hidden */
opacity: 0; /* Start with opacity 0 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
transition: opacity 2s ease; /* Smooth fade-in for content */
}
#image {
width: 80px;
height: 80px;
background-color: #fff;
background-size: cover;
background-position: center top;
border-radius: 50%;
margin: 0 auto 15px;
filter: brightness(1.2);
animation: rotateImage 5s infinite linear;
}
@keyframes rotateImage {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#name {
font-weight: bold;
margin-top: 10px;
font-size: 20px;
}
#links {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
#links a {
display: flex;
align-items: center;
color: #FFC0CB;
text-decoration: none;
padding: 10px;
border-radius: 8px;
font-size: 14px;
transition: background-color 0.3s ease, transform 0.2s ease;
border: 2px solid #FFC0CB;
}
#links a:hover {
background-color: #FFC0CB;
color: #101010;
transform: translateX(2px) translateY(-2px);
}
.icon {
width: 20px;
height: 20px;
margin-right: 10px;
}
</style>
<meta property="og:type" content="website">
<meta property="og:title" content="explode">
<meta property="og:description" content="@9exz">
<meta property="og:url" content="https://explode.pw">
<meta property="og:image" content="https://explode.pw/swaggy.png">
<script>
document.addEventListener("DOMContentLoaded", function() {
// Titles to cycle through
const titles = ["explode", "@9exz", "on", "discord", "lol"];
let currentIndex = 0;
// Function to type out each letter of the title
function typeOutTitle(title, onComplete) {
let typedTitle = "";
let charIndex = 0;
function typeNextChar() {
if (charIndex < title.length) {
typedTitle += title[charIndex];
document.title = typedTitle;
charIndex++;
setTimeout(typeNextChar, 1000); // Type each letter every 1 second
} else {
// Start deleting after typing is complete
setTimeout(function() {
deleteTitle(title, onComplete);
}, 1000); // Wait 1 second after typing the whole title before deleting
}
}
typeNextChar();
}
// Function to delete each letter of the title
function deleteTitle(title, onComplete) {
let charIndex = title.length;
function deleteNextChar() {
if (charIndex > 0) {
charIndex--;
document.title = title.slice(0, charIndex);
setTimeout(deleteNextChar, 1000); // Delete each letter every 1 second
} else {
// Show "index.html" with an invisible character
document.title = "index.html\u200B"; // \u200B is a zero-width space
// Move to the next title after deleting is complete
onComplete();
}
}
deleteNextChar();
}
// Function to cycle through the titles
function cycleTitles() {
typeOutTitle(titles[currentIndex], function() {
currentIndex = (currentIndex + 1) % titles.length;
cycleTitles();
});
}
// Start the title cycle
cycleTitles();
});
</script>
</head>
<body>
<video id="backgroundVideo" autoplay="" loop="" muted="" playsinline="">
<source src="media/sus.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div id="content">
<div id="image" style="background-image: url('images/swaggy.png');"></div>
<div id="name">explode</div>
<div id="links">
<a href="https://www.soundcloud.com/explodeinhell" target="_blank">
<img class="icon" src="images/soundcloud.png" alt="Soundcloud Icon">
SoundCloud
</a>
<a href="https://www.roblox.com/users/58674418/profile" target="_blank">
<img class="icon" src="images/roblox.png" alt="Roblox Icon">
Roblox
</a>
<a href="https://discord.com/users/1178808311383081012" target="_blank">
<img class="icon" src="images/discord.png" alt="Discord Icon">
Discord
</a>
</div>
</div>
<div id="click-to-enter" onclick="showContent()">Click to enter</div>
<audio id="backgroundMusic" autoplay="">
<source id="audioSource" type="audio/mp3" src="media/swag3.mp3">
Your browser does not support the audio element.
</audio>
<a id="audioLink" href="https://explode.pw/media/swag3.mp3" style="display: none;">Play audio</a>
<script>
function showContent() {
var video = document.getElementById('backgroundVideo');
var content = document.getElementById('content');
var clickToEnter = document.getElementById('click-to-enter');
// Show the video with a fade-in effect
video.style.display = 'block';
setTimeout(function() {
video.style.opacity = '1'; // Smooth fade-in with transition
video.style.filter = 'blur(0)'; // Remove blur effect
}, 10); // Slight delay to ensure the transition is visible
// Show the content with a fade-in effect
content.style.display = 'block';
setTimeout(function() {
content.style.opacity = '1'; // Smooth fade-in for content
}, 10); // Slight delay to ensure the transition is visible
// Hide the "Click to enter" button
clickToEnter.style.display = 'none';
// Play the background music
document.getElementById('backgroundMusic').play();
}
document.getElementById('backgroundMusic').addEventListener('ended', function () {
this.currentTime = 0;
this.play();
}, false);
</script>
</body></html>