let selectedType = "";
function navigateTo(screenId) {
const panels = document.querySelectorAll('.panel');
panels.forEach(panel => panel.style.display = 'none');
document.getElementById(screenId).style.display = 'block';
}
function selectType(type) {
selectedType = type;
navigateTo('screen-upload-method');
}
function processDeployment() {
const username = document.getElementById('username-input').value.trim();
if (!username) {
alert("Please type a username first!");
return;
}
const cleanUsername = username.toLowerCase().replace(/[^a-z0-9]/g, '');
const calculatedDomain = ${cleanUsername}.project1-2vx.pages.dev;
const linkElement = document.getElementById('final-link');
linkElement.textContent = calculatedDomain;
linkElement.href = https://${calculatedDomain};
document.getElementById('deployment-result').style.display = 'block';
}
function resetWizard() {
document.getElementById('username-input').value = "";
document.getElementById('deployment-result').style.display = 'none';
navigateTo('screen-home');
}
// Background Fire Engine
const fireContainer = document.getElementById('fire');
const particleCount = 65;
for (let i = 0; i < particleCount; i++) {
const particle = document.createElement('div');
particle.classList.add('particle');
const size = Math.random() * 90 + 60;
const leftPos = Math.random() * 110 - 5;
const delay = Math.random() * 3;
const duration = Math.random() * 1.5 + 2;
const driftMid = (Math.random() * 80 - 40) + 'px';
const driftEnd = (Math.random() * 160 - 80) + 'px';
particle.style.width = ${size}px;
particle.style.height = ${size}px;
particle.style.left = ${leftPos}%;
particle.style.animationDelay = ${delay}s;
particle.style.animationDuration = ${duration}s;
particle.style.setProperty('--drift-mid', driftMid);
particle.style.setProperty('--drift-end', driftEnd);
fireContainer.appendChild(particle);
}
Commit this updated code block to your GitHub repository! Once it is live, let me know if you would like to:
* Make **"The world of haters" text pulsate or flicker** like neon light?
* Change the text or **add a glowing box outline** around the get started system button?