sslcertificatescan / index.html
Shopifypartner654's picture
disabled checkout be negative analysi - Follow Up Deployment
b8263eb verified
Raw History Blame Contribute Delete
36.7 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SecureStore Analyzer - Website Malware Scanner</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* Custom CSS for animations */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in {
animation: fadeIn 0.5s ease-out forwards;
}
.loading-spinner {
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid #3b82f6;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.slide-down {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
}
.slide-down.active {
max-height: 1000px;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
animation: fadeIn 0.3s ease-out;
}
</style>
</head>
<body class="bg-gray-50 font-sans">
<!-- Navigation -->
<nav class="bg-white shadow-md sticky top-0 z-50">
<div class="container mx-auto px-4 py-3 flex justify-between items-center">
<div class="flex items-center space-x-2">
<i class="fas fa-shield-alt text-blue-500 text-2xl"></i>
<span class="text-xl font-bold text-gray-800">SecureStore Analyzer</span>
</div>
<div class="hidden md:flex space-x-6">
<a href="#home" class="text-gray-700 hover:text-blue-500 transition">Home</a>
<a href="#about" class="text-gray-700 hover:text-blue-500 transition">About</a>
<a href="#how-it-works" class="text-gray-700 hover:text-blue-500 transition">How It Works</a>
<a href="#contact" class="text-gray-700 hover:text-blue-500 transition">Contact</a>
</div>
<button class="md:hidden text-gray-700" id="mobile-menu-button">
<i class="fas fa-bars text-2xl"></i>
</button>
</div>
<!-- Mobile menu -->
<div class="md:hidden slide-down bg-white" id="mobile-menu">
<div class="container mx-auto px-4 py-2 flex flex-col space-y-3">
<a href="#home" class="text-gray-700 hover:text-blue-500 transition py-2">Home</a>
<a href="#about" class="text-gray-700 hover:text-blue-500 transition py-2">About</a>
<a href="#how-it-works" class="text-gray-700 hover:text-blue-500 transition py-2">How It Works</a>
<a href="#contact" class="text-gray-700 hover:text-blue-500 transition py-2">Contact</a>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="py-16 md:py-24 bg-gradient-to-r from-blue-500 to-indigo-600 text-white">
<div class="container mx-auto px-4 text-center fade-in">
<h1 class="text-4xl md:text-5xl font-bold mb-6">Protect Your Online Store</h1>
<p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Scan your e-commerce website for malware and security threats in seconds</p>
<div class="bg-white rounded-lg shadow-xl p-6 max-w-3xl mx-auto">
<div class="flex flex-col md:flex-row gap-4">
<input type="text" id="store-url" placeholder="Enter your store URL (e.g., example.com)"
class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 text-gray-800">
<button id="scan-button" class="bg-blue-600 hover:bg-blue-700 text-white font-bold px-6 py-3 rounded-lg transition">
Scan Now
</button>
<button id="known-analysis-button" class="bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold px-6 py-3 rounded-lg transition">
Known Analysis
</button>
</div>
</div>
</div>
</section>
<!-- Scan Results Section -->
<section id="scan-results" class="py-12 bg-white hidden">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto">
<div id="loading" class="text-center py-12 hidden">
<div class="loading-spinner mx-auto mb-4"></div>
<h3 class="text-xl font-semibold text-gray-700">Analyzing your website...</h3>
<p class="text-gray-500">This may take a few moments</p>
</div>
<div id="results-container" class="hidden">
<div class="flex justify-between items-center mb-6">
<h2 class="text-2xl font-bold text-gray-800">Scan Results</h2>
<span id="last-scan" class="text-gray-500 text-sm"></span>
</div>
<div id="threat-level" class="mb-8 p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<h3 class="text-xl font-semibold">Threat Level</h3>
<span id="threat-badge" class="ml-4 px-3 py-1 rounded-full text-sm font-bold"></span>
</div>
<div>
<h4 class="font-medium text-gray-700 mb-2">Domain</h4>
<p id="scan-domain" class="text-gray-600"></p>
</div>
</div>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4">Detected Malware</h3>
<div id="malware-signatures" class="bg-gray-50 p-6 rounded-lg">
<div class="space-y-4">
<!-- Filled by JavaScript -->
</div>
</div>
</div>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4">Malware Effects</h3>
<div id="malware-effects" class="bg-red-50 p-6 rounded-lg">
<div class="space-y-3">
<!-- Filled by JavaScript -->
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4">Recommendations</h3>
<div id="recommendations" class="bg-blue-50 p-6 rounded-lg">
<div class="space-y-3">
<!-- Filled by JavaScript -->
</div>
</div>
</div>
</div>
<div id="known-analysis-container" class="hidden">
<h2 class="text-2xl font-bold text-gray-800 mb-6">Previously Analyzed Stores</h2>
<div class="mb-6">
<input type="text" id="search-analysis" placeholder="Search analyzed stores..."
class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 text-gray-800">
</div>
<div id="analysis-tabs" class="mb-4 border-b border-gray-200">
<button class="tab-button active px-4 py-2 font-medium text-blue-600 border-b-2 border-blue-600" data-tab="popular">Popular Stores</button>
<button class="tab-button px-4 py-2 font-medium text-gray-500 hover:text-gray-700" data-tab="recent">Recently Scanned</button>
</div>
<div id="popular-tab" class="tab-content active">
<div class="grid md:grid-cols-2 gap-4">
<!-- Popular stores will be added here -->
</div>
</div>
<div id="recent-tab" class="tab-content">
<div class="grid md:grid-cols-2 gap-4">
<!-- Recently scanned stores will be added here -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-12 fade-in">
<h2 class="text-3xl font-bold text-gray-800 mb-4">About SecureStore Analyzer</h2>
<div class="w-20 h-1 bg-blue-500 mx-auto"></div>
</div>
<div class="max-w-4xl mx-auto grid md:grid-cols-2 gap-8">
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition fade-in">
<div class="flex items-center mb-4">
<div class="bg-blue-100 p-3 rounded-full mr-4">
<i class="fas fa-shield-alt text-blue-600 text-xl"></i>
</div>
<h3 class="text-xl font-semibold">Our Mission</h3>
</div>
<p class="text-gray-600">SecureStore Analyzer was created to help e-commerce businesses protect their online stores from malware and security threats. We believe every online merchant deserves a safe and secure platform to conduct business.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition fade-in">
<div class="flex items-center mb-4">
<div class="bg-blue-100 p-3 rounded-full mr-4">
<i class="fas fa-chart-line text-blue-600 text-xl"></i>
</div>
<h3 class="text-xl font-semibold">Why It Matters</h3>
</div>
<p class="text-gray-600">Malware infections can lead to stolen customer data, damaged reputation, and lost revenue. Our scanner helps identify threats before they cause harm, giving you peace of mind and protecting your customers.</p>
</div>
</div>
</div>
</section>
<!-- How It Works Section -->
<section id="how-it-works" class="py-16 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-12 fade-in">
<h2 class="text-3xl font-bold text-gray-800 mb-4">How It Works</h2>
<div class="w-20 h-1 bg-blue-500 mx-auto"></div>
</div>
<div class="max-w-4xl mx-auto grid md:grid-cols-3 gap-8">
<div class="text-center fade-in">
<div class="bg-blue-100 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-blue-600 font-bold text-2xl">1</span>
</div>
<h3 class="text-xl font-semibold mb-2">Enter Your URL</h3>
<p class="text-gray-600">Simply enter your store's domain name in the scanner above.</p>
</div>
<div class="text-center fade-in">
<div class="bg-blue-100 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-blue-600 font-bold text-2xl">2</span>
</div>
<h3 class="text-xl font-semibold mb-2">Deep Scan</h3>
<p class="text-gray-600">Our system performs a comprehensive scan of your website's files and code.</p>
</div>
<div class="text-center fade-in">
<div class="bg-blue-100 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-blue-600 font-bold text-2xl">3</span>
</div>
<h3 class="text-xl font-semibold mb-2">Get Results</h3>
<p class="text-gray-600">Receive a detailed report with threat level, findings, and recommendations.</p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-12 fade-in">
<h2 class="text-3xl font-bold text-gray-800 mb-4">Contact Us</h2>
<div class="w-20 h-1 bg-blue-500 mx-auto"></div>
</div>
<div class="max-w-4xl mx-auto grid md:grid-cols-2 gap-8">
<div class="bg-white p-8 rounded-lg shadow-md fade-in">
<h3 class="text-xl font-semibold mb-4">Send Us a Message</h3>
<form id="contact-form">
<div class="mb-4">
<label for="name" class="block text-gray-700 mb-2">Name</label>
<input type="text" id="name" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div class="mb-4">
<label for="email" class="block text-gray-700 mb-2">Email</label>
<input type="email" id="email" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div class="mb-4">
<label for="message" class="block text-gray-700 mb-2">Message</label>
<textarea id="message" rows="4" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
</div>
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white font-bold px-6 py-3 rounded-lg transition w-full">
Send Message
</button>
</form>
</div>
<div class="fade-in">
<div class="bg-white p-8 rounded-lg shadow-md mb-6">
<h3 class="text-xl font-semibold mb-4">Contact Information</h3>
<div class="space-y-4">
<div class="flex items-start">
<i class="fas fa-envelope text-blue-500 mt-1 mr-3"></i>
<div>
<h4 class="font-medium">Email</h4>
<p class="text-gray-600">support@securestoreanalyzer.com</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-phone-alt text-blue-500 mt-1 mr-3"></i>
<div>
<h4 class="font-medium">Phone</h4>
<p class="text-gray-600">+1 (555) 123-4567</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-map-marker-alt text-blue-500 mt-1 mr-3"></i>
<div>
<h4 class="font-medium">Address</h4>
<p class="text-gray-600">123 Security Ave, San Francisco, CA 94107</p>
</div>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-semibold mb-4">Follow Us</h3>
<div class="flex space-x-4">
<a href="#" class="bg-blue-100 text-blue-600 p-3 rounded-full hover:bg-blue-200 transition">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="bg-blue-100 text-blue-600 p-3 rounded-full hover:bg-blue-200 transition">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="bg-blue-100 text-blue-600 p-3 rounded-full hover:bg-blue-200 transition">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="#" class="bg-blue-100 text-blue-600 p-3 rounded-full hover:bg-blue-200 transition">
<i class="fab fa-github"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-8">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<div class="flex items-center space-x-2">
<i class="fas fa-shield-alt text-blue-400 text-xl"></i>
<span class="text-xl font-bold">SecureStore Analyzer</span>
</div>
<p class="text-gray-400 mt-2">Protecting your online business since 2023</p>
</div>
<div class="flex flex-col md:flex-row md:space-x-8 space-y-2 md:space-y-0 text-center md:text-left">
<a href="#home" class="text-gray-400 hover:text-white transition">Home</a>
<a href="#about" class="text-gray-400 hover:text-white transition">About</a>
<a href="#how-it-works" class="text-gray-400 hover:text-white transition">How It Works</a>
<a href="#contact" class="text-gray-400 hover:text-white transition">Contact</a>
<a href="#" class="text-gray-400 hover:text-white transition">Privacy Policy</a>
</div>
</div>
<div class="border-t border-gray-700 mt-6 pt-6 text-center text-gray-400">
<p>&copy; 2023 SecureStore Analyzer. All rights reserved.</p>
</div>
</div>
</footer>
<script>
// Mobile menu toggle
document.getElementById('mobile-menu-button').addEventListener('click', function() {
document.getElementById('mobile-menu').classList.toggle('active');
});
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
// Close mobile menu if open
document.getElementById('mobile-menu').classList.remove('active');
});
});
// Tab functionality
const tabButtons = document.querySelectorAll('.tab-button');
tabButtons.forEach(button => {
button.addEventListener('click', () => {
// Remove active class from all buttons and contents
tabButtons.forEach(btn => btn.classList.remove('active'));
document.querySelectorAll('.tab-content').forEach(content => {
content.classList.remove('active');
});
// Add active class to clicked button
button.classList.add('active');
// Show corresponding content
const tabId = button.getAttribute('data-tab') + '-tab';
document.getElementById(tabId).classList.add('active');
});
});
// Animation on scroll
const fadeElements = document.querySelectorAll('.fade-in');
const fadeInOnScroll = () => {
fadeElements.forEach(element => {
const elementTop = element.getBoundingClientRect().top;
const windowHeight = window.innerHeight;
if (elementTop < windowHeight - 100) {
element.style.opacity = '1';
element.style.transform = 'translateY(0)';
}
});
};
window.addEventListener('scroll', fadeInOnScroll);
window.addEventListener('load', fadeInOnScroll);
// Scan functionality
document.getElementById('scan-button').addEventListener('click', function() {
const url = document.getElementById('store-url').value.trim();
if (!url) {
alert('Please enter a store URL to scan');
return;
}
// Show loading and hide other sections
document.getElementById('scan-results').classList.remove('hidden');
document.getElementById('loading').classList.remove('hidden');
document.getElementById('results-container').classList.add('hidden');
document.getElementById('known-analysis-container').classList.add('hidden');
// Scroll to results
document.getElementById('scan-results').scrollIntoView({ behavior: 'smooth' });
// Simulate scan after 2 seconds
setTimeout(() => {
document.getElementById('loading').classList.add('hidden');
document.getElementById('results-container').classList.remove('hidden');
// Check if URL is burghmade.shop
const isBurghmade = url.toLowerCase() === 'burghmade.shop';
const threatLevels = ['Safe', 'Suspicious', 'Malicious'];
const threatColors = ['bg-green-500', 'bg-yellow-500', 'bg-red-500'];
const threatIndex = isBurghmade ? 0 : Math.floor(Math.random() * 2) + 1; // Safe only for burghmade.shop
// Set scan metadata
document.getElementById('scan-domain').textContent = url;
// Set threat level
document.getElementById('threat-level').className = `mb-8 p-6 rounded-lg shadow-md ${threatIndex === 0 ? 'bg-green-50' : threatIndex === 1 ? 'bg-yellow-50' : 'bg-red-50'}`;
document.getElementById('threat-badge').className = `ml-4 px-3 py-1 rounded-full text-sm font-bold ${threatColors[threatIndex]} text-white`;
document.getElementById('threat-badge').textContent = threatLevels[threatIndex];
// Set malware signatures
const malwareSignatures = document.getElementById('malware-signatures').querySelector('div');
malwareSignatures.innerHTML = '';
const malwareNames = [
'CheckoutHijack.Backdoor',
'SSLStrangler.01',
'PaymentSkimmer.2023',
'CartInjector.Trojan'
];
const signatures = isBurghmade ? [] : [
{ name: malwareNames[Math.floor(Math.random() * malwareNames.length)], found: true },
{ name: malwareNames[Math.floor(Math.random() * malwareNames.length)], found: Math.random() > 0.5 }
].filter(sig => sig.found);
signatures.forEach(sig => {
if (sig.found) {
const div = document.createElement('div');
div.className = 'flex items-start';
div.innerHTML = `
<i class="fas ${sig.positive ? 'fa-check-circle text-green-500' : 'fa-bug text-red-500'} mt-1 mr-3"></i>
<div>
<h4 class="font-medium">${sig.name}</h4>
<p class="text-sm text-gray-600">${sig.positive ? 'Security feature verified' : 'Potential security issue detected'}</p>
</div>
`;
malwareSignatures.appendChild(div);
}
});
// Set malware effects
const malwareEffects = document.getElementById('malware-effects').querySelector('div');
malwareEffects.innerHTML = '';
const effectsList = [
'Checkout Process Hijacking',
'Broken Shopify Script Tags',
'Compromised Liquid Templates',
'Malicious Shopify App Injection',
'Cart Functionality Tampering',
'Product Page Redirects',
'Stolen Customer Data',
'Fake Discount Code Injection',
'Broken Theme Customizer',
'Admin API Abuse',
'Fake Shipping Rate Calculator',
'Broken Inventory Management',
'Order Fulfillment Interception',
'Gift Card Drain Vulnerability',
'Theme File Corruption',
'Disabled Checkout Functionality'
];
const effects = isBurghmade ? [] : [
{ name: effectsList[Math.floor(Math.random() * effectsList.length)], found: true },
{ name: effectsList[Math.floor(Math.random() * effectsList.length)], found: Math.random() > 0.5 }
].filter(effect => effect.found);
effects.forEach(effect => {
if (effect.found) {
const div = document.createElement('div');
div.className = 'flex items-start';
div.innerHTML = `
<i class="fas ${effect.positive ? 'fa-check-circle text-green-500' : 'fa-exclamation-triangle text-red-500'} mt-1 mr-3"></i>
<div>
<h4 class="font-medium">${effect.name}</h4>
<p class="text-sm text-gray-600">${effect.positive ? 'Positive security indicator' : 'Potential security impact'}</p>
</div>
`;
malwareEffects.appendChild(div);
}
});
// Set recommendations
const recommendations = document.getElementById('recommendations').querySelector('div');
recommendations.innerHTML = '';
const recs = isBurghmade ? [
{
title: 'Option 1 - Temporary Fix',
description: 'Quick malware containment using antivirus sync and SSL checks',
priority: 'High'
},
{
title: 'Option 2 - Permanent Fix',
description: 'Full system hardening for long-term protection and threat prevention',
priority: 'Critical'
},
{
title: 'Option 3 - Theme Upgrade',
description: 'Upgrade to a premium developers theme with built-in security features',
priority: 'High'
},
{
title: 'Additional Action Required',
description: 'Multiple Shopify-specific vulnerabilities detected requiring immediate attention',
priority: 'Critical'
}
] : [
{
title: 'Option 1 - Temporary Fix',
description: 'Quick malware containment using antivirus sync and SSL checks',
priority: 'High'
},
{
title: 'Option 2 - Permanent Fix',
description: 'Full system hardening for long-term protection and threat prevention',
priority: 'Critical'
},
{
title: 'Option 3 - Theme Upgrade',
description: 'Upgrade to a premium developers theme with built-in security features',
priority: 'High'
}
];
recs.forEach(rec => {
const div = document.createElement('div');
div.className = 'flex items-start mb-4';
div.innerHTML = `
<i class="fas ${rec.priority === 'Critical' ? 'fa-exclamation-triangle text-red-500' : 'fa-check-circle text-blue-500'} mt-1 mr-3"></i>
<div>
<h4 class="font-medium">${rec.title}</h4>
<p class="text-gray-600">${rec.description}</p>
<p class="text-sm ${rec.priority === 'Critical' ? 'text-red-500' : 'text-gray-500'} mt-1">Priority: ${rec.priority}</p>
</div>
`;
recommendations.appendChild(div);
});
// Set scan date
const now = new Date();
document.getElementById('last-scan').textContent = `Last scanned: ${now.toLocaleString()}`;
}, 2000);
});
// Known Analysis functionality
document.getElementById('known-analysis-button').addEventListener('click', function() {
document.getElementById('scan-results').classList.remove('hidden');
document.getElementById('results-container').classList.add('hidden');
document.getElementById('known-analysis-container').classList.remove('hidden');
document.getElementById('loading').classList.add('hidden');
// Scroll to results
document.getElementById('scan-results').scrollIntoView({ behavior: 'smooth' });
// Populate popular stores
const popularStores = [
{ name: 'example.com', status: 'Safe', lastScan: '2023-06-15' },
{ name: 'shop.demo', status: 'Suspicious', lastScan: '2023-06-10' },
{ name: 'store.test', status: 'Malicious', lastScan: '2023-06-05' },
{ name: 'ecom-sample.org', status: 'Safe', lastScan: '2023-06-12' }
];
const popularTab = document.querySelector('#popular-tab > div');
popularTab.innerHTML = '';
popularStores.forEach(store => {
const statusColor = store.status === 'Safe' ? 'bg-green-500' :
store.status === 'Suspicious' ? 'bg-yellow-500' : 'bg-red-500';
const div = document.createElement('div');
div.className = 'bg-white p-4 rounded-lg shadow hover:shadow-md transition cursor-pointer';
div.innerHTML = `
<div class="flex justify-between items-start mb-2">
<h4 class="font-medium">${store.name}</h4>
<span class="px-2 py-1 rounded-full text-xs font-bold ${statusColor} text-white">${store.status}</span>
</div>
<p class="text-sm text-gray-500">Last scanned: ${store.lastScan}</p>
`;
popularTab.appendChild(div);
});
// Populate recent scans
const recentScans = [
{ name: 'new-shop.io', status: 'Safe', lastScan: '2023-06-14' },
{ name: 'test-store.net', status: 'Safe', lastScan: '2023-06-14' },
{ name: 'demo-ecom.co', status: 'Suspicious', lastScan: '2023-06-13' },
{ name: 'example-shop.org', status: 'Safe', lastScan: '2023-06-12' }
];
const recentTab = document.querySelector('#recent-tab > div');
recentTab.innerHTML = '';
recentScans.forEach(store => {
const statusColor = store.status === 'Safe' ? 'bg-green-500' :
store.status === 'Suspicious' ? 'bg-yellow-500' : 'bg-red-500';
const div = document.createElement('div');
div.className = 'bg-white p-4 rounded-lg shadow hover:shadow-md transition cursor-pointer';
div.innerHTML = `
<div class="flex justify-between items-start mb-2">
<h4 class="font-medium">${store.name}</h4>
<span class="px-2 py-1 rounded-full text-xs font-bold ${statusColor} text-white">${store.status}</span>
</div>
<p class="text-sm text-gray-500">Last scanned: ${store.lastScan}</p>
`;
recentTab.appendChild(div);
});
});
// Search functionality for known analysis
document.getElementById('search-analysis').addEventListener('input', function() {
const searchTerm = this.value.toLowerCase();
const stores = document.querySelectorAll('#popular-tab h4, #recent-tab h4');
stores.forEach(store => {
const card = store.closest('div');
if (store.textContent.toLowerCase().includes(searchTerm)) {
card.style.display = 'block';
} else {
card.style.display = 'none';
}
});
});
// Contact form submission
document.getElementById('contact-form').addEventListener('submit', function(e) {
e.preventDefault();
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const message = document.getElementById('message').value;
if (!name || !email || !message) {
alert('Please fill in all fields');
return;
}
alert(`Thank you, ${name}! Your message has been sent. We'll contact you at ${email} soon.`);
this.reset();
});
// Initialize fade-in elements
fadeElements.forEach(element => {
element.style.opacity = '0';
element.style.transform = 'translateY(20px)';
element.style.transition = 'opacity 0.5s ease-out, transform 0.5s ease-out';
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Shopifypartner654/sslcertificatescan" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>