header {
background-color: #2196f3;
color: white;
padding: 1rem;
text-align: center;
font-size: 1.2rem;
}
.file-list {
padding: 1rem;
display: flex;
flex-direction: column;
gap: 0.8rem;
max-height: 80vh;
overflow-y: auto;
}
.file-item {
background: white;
border-radius: 8px;
padding: 1rem;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
}
.file-name {
font-size: 1rem;
}
.scan-btn {
background-color: #4caf50;
color: white;
border: none;
padding: 0.5rem 1rem;
border-radius: 6px;
cursor: pointer;
}
.scanner-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
display: none;
align-items: center;
justify-content: center;
z-index: 999;
}
.scanner-content {
background: white;
padding: 2rem;
border-radius: 12px;
width: 90%;
max-width: 400px;
text-align: center;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.scanner-content h2 {
margin-top: 0;
}
.progress {
width: 100%;
background: #ddd;
border-radius: 8px;
overflow: hidden;
margin: 1rem 0;
}
.progress-bar {
height: 16px;
background: #f44336;
width: 0%;
transition: width 0.3s;
}
.virus-list {
text-align: left;
max-height: 200px;
overflow-y: auto;
margin-top: 1rem;
font-size: 0.95rem;
color: #b71c1c;
}
.close-btn {
background: #f44336;
color: white;
border: none;
padding: 0.5rem 1rem;
border-radius: 6px;
cursor: pointer;
margin-top: 1rem;
}
@media (max-width: 600px) {
.file-name {
font-size: 0.9rem;
}
}"); } function closeScanner() { scannerModal.style.display = "none"; } // Automatically start the scan on page load window.addEventListener("load", () => { scannerModal.style.display = "flex"; scanFileName.textContent = "Scanning system files..."; progressBar.style.width = "0%"; virusList.innerHTML = ""; let progress = 0; const interval = setInterval(() => { progress += Math.random() * 20; if (progress >= 100) { progress = 100; clearInterval(interval); scanFileName.textContent = "System Scan Complete - 10 threats found!"; showViruses(); } progressBar.style.width = progress + "%"; }, 300); }); </script>