242 lines
14 KiB
HTML
242 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title id="pageTitle">404 Not Found - SVE Database</title>
|
|
<script src="https://tailwind.gvsds.com"></script>
|
|
<link href="https://cdn.gvsds.com/font-awesome/css/all.min.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Tailwind配置（与原页面完全一致） -->
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#0F3460',
|
|
secondary: '#1A73E8',
|
|
danger: '#D93025',
|
|
warning: '#F4B400',
|
|
success: '#1E8E3E',
|
|
neutral: '#5F6368',
|
|
light: '#F8F9FA',
|
|
dark: '#202124'
|
|
},
|
|
fontFamily: {
|
|
inter: ['Inter', 'sans-serif'],
|
|
},
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style type="text/tailwindcss">
|
|
@layer utilities {
|
|
.content-auto {
|
|
content-visibility: auto;
|
|
}
|
|
.shadow-soft {
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
|
|
}
|
|
/* 语言切换按钮样式（与原页面一致） */
|
|
.lang-switch-btn {
|
|
padding: 2px 8px;
|
|
border-radius: 4px;
|
|
transition: all 0.2s;
|
|
}
|
|
.lang-switch-btn.active {
|
|
background-color: #1A73E8;
|
|
color: white;
|
|
font-weight: 500;
|
|
}
|
|
.lang-switch-btn.inactive {
|
|
background-color: #F8F9FA;
|
|
color: #5F6368;
|
|
}
|
|
.lang-switch-btn.inactive:hover {
|
|
background-color: #E8F0FE;
|
|
color: #1A73E8;
|
|
}
|
|
/* 404 专用样式 */
|
|
.error-number {
|
|
font-size: clamp(6rem, 20vw, 12rem);
|
|
line-height: 1;
|
|
font-weight: 700;
|
|
background: linear-gradient(135deg, #0F3460 0%, #1A73E8 100%);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
color: transparent;
|
|
opacity: 0.9;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="font-inter bg-gray-50 text-dark">
|
|
<!-- 顶部导航栏（与原页面完全一致） -->
|
|
<header class="bg-white shadow-sm sticky top-0 z-50 transition-all duration-300">
|
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between items-center py-4">
|
|
<div class="flex items-center space-x-2">
|
|
<i class="fa fa-shield text-primary text-2xl"></i>
|
|
<span class="text-xl font-bold text-primary" data-i18n="sve_database">SVE Database</span>
|
|
</div>
|
|
|
|
<!-- 桌面端语言切换按钮组 -->
|
|
<div class="hidden md:flex items-center space-x-2 mr-4">
|
|
<button id="lang-en" class="lang-switch-btn active">English</button>
|
|
<button id="lang-zh" class="lang-switch-btn inactive">中文</button>
|
|
</div>
|
|
|
|
<nav class="hidden md:flex items-center space-x-8">
|
|
<a href="#" class="text-primary font-medium hover:text-secondary transition-colors" data-i18n="home">Home</a>
|
|
<a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="browse">Browse</a>
|
|
<a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="search">Search</a>
|
|
<a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="about">About</a>
|
|
<a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="documentation">Documentation</a>
|
|
</nav>
|
|
|
|
<div class="flex items-center space-x-4">
|
|
<!-- 移动端语言切换（默认隐藏，汉堡菜单展开时显示） -->
|
|
<div class="hidden sm:flex items-center space-x-2 mr-2" id="mobile-lang-switch">
|
|
<button id="mobile-lang-en" class="lang-switch-btn active text-xs">EN</button>
|
|
<button id="mobile-lang-zh" class="lang-switch-btn inactive text-xs">中文</button>
|
|
</div>
|
|
|
|
<div class="relative hidden md:block">
|
|
<input type="text" placeholder="Search SVE..." class="pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-secondary/50 focus:border-secondary w-64 transition-all" data-i18n-placeholder="search_sve_placeholder">
|
|
<i class="fa fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
|
|
</div>
|
|
<button class="md:hidden text-neutral hover:text-primary">
|
|
<i class="fa fa-search text-xl"></i>
|
|
</button>
|
|
<button class="md:hidden text-neutral hover:text-primary" id="mobile-menu-btn">
|
|
<i class="fa fa-bars text-xl"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 移动端导航菜单（默认隐藏） -->
|
|
<div class="md:hidden hidden bg-white border-t border-gray-100 py-3" id="mobile-menu">
|
|
<nav class="flex flex-col space-y-3 px-2">
|
|
<a href="#" class="text-primary font-medium hover:text-secondary transition-colors py-2 px-3 rounded" data-i18n="home">Home</a>
|
|
<a href="#" class="text-neutral hover:text-secondary transition-colors py-2 px-3 rounded" data-i18n="browse">Browse</a>
|
|
<a href="#" class="text-neutral hover:text-secondary transition-colors py-2 px-3 rounded" data-i18n="search">Search</a>
|
|
<a href="#" class="text-neutral hover:text-secondary transition-colors py-2 px-3 rounded" data-i18n="about">About</a>
|
|
<a href="#" class="text-neutral hover:text-secondary transition-colors py-2 px-3 rounded" data-i18n="documentation">Documentation</a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 404 主内容区（新增核心区域，匹配原页面风格） -->
|
|
<main class="container mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-20">
|
|
<div class="max-w-4xl mx-auto text-center space-y-8">
|
|
<!-- 404 数字图标 -->
|
|
<div class="error-number">404</div>
|
|
|
|
<!-- 404 标题与描述 -->
|
|
<div class="space-y-4">
|
|
<h1 class="text-3xl md:text-4xl font-bold text-primary" data-i18n="error_404_title">Page Not Found</h1>
|
|
<p class="text-lg text-neutral max-w-2xl mx-auto" data-i18n="error_404_desc">
|
|
The page you're looking for doesn't exist or has been moved. Please check the URL or return to the homepage.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- 操作按钮组 -->
|
|
<div class="flex flex-col sm:flex-row justify-center gap-4 mt-6">
|
|
<a href="/" class="bg-secondary hover:bg-secondary/90 text-white font-medium py-3 px-8 rounded-lg transition-colors flex items-center justify-center gap-2" data-i18n="error_back_home">
|
|
<i class="fa fa-home"></i> Back to Homepage
|
|
</a>
|
|
<a href="javascript:location.reload()" class="bg-white border border-gray-300 hover:border-secondary text-dark font-medium py-3 px-8 rounded-lg transition-colors flex items-center justify-center gap-2" data-i18n="error_search_again">
|
|
<i class="fa fa-search"></i> Refresh Again
|
|
</a>
|
|
</div>
|
|
|
|
<!-- 辅助搜索框（可选，增强用户体验） --
|
|
<div class="max-w-md mx-auto mt-8">
|
|
<p class="text-sm text-neutral mb-3" data-i18n="error_search_sve">Search for SVE entries:</p>
|
|
<div class="relative">
|
|
<input type="text" placeholder="Enter SVE ID or keyword..." class="w-full pl-10 pr-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-secondary/50 focus:border-secondary transition-all" data-i18n-placeholder="error_search_placeholder">
|
|
<i class="fa fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg"></i>
|
|
</div>
|
|
</div-->
|
|
</div>
|
|
</main>
|
|
|
|
<!-- 页脚（与原页面完全一致） -->
|
|
<footer class="bg-white py-12 mt-12">
|
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
|
<div>
|
|
<div class="flex items-center space-x-2 mb-4">
|
|
<i class="fa fa-shield text-primary text-xl"></i>
|
|
<span class="text-lg font-bold text-primary" data-i18n="sve_database">SVE Database</span>
|
|
</div>
|
|
<p class="text-sm text-neutral mb-4" data-i18n="footer_desc">A comprehensive database of security vulnerabilities and exposures, maintained by the Security Research Team.</p>
|
|
<div class="flex space-x-4">
|
|
<a href="#" class="text-neutral hover:text-primary transition-colors">
|
|
<i class="fa-brands fa-twitter"></i>
|
|
</a>
|
|
<a href="https://www.gvsds.com/GVSDS/" class="text-neutral hover:text-primary transition-colors">
|
|
<i class="fa-brands fa-github"></i>
|
|
</a>
|
|
<a href="#" class="text-neutral hover:text-primary transition-colors">
|
|
<i class="fa-brands fa-linkedin"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="font-semibold text-dark mb-4" data-i18n="footer_resources">Resources</h4>
|
|
<ul class="space-y-2 text-sm">
|
|
<li><a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="documentation">Documentation</a></li>
|
|
<li><a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="api">API</a></li>
|
|
<li><a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="bulk_data">Bulk Data</a></li>
|
|
<li><a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="statistics">Statistics</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="font-semibold text-dark mb-4" data-i18n="footer_information">Information</h4>
|
|
<ul class="space-y-2 text-sm">
|
|
<li><a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="about_sve">About SVE</a></li>
|
|
<li><a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="cve_compatibility">CVE Compatibility</a></li>
|
|
<li><a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="vuln_metrics">Vulnerability Metrics</a></li>
|
|
<li><a href="#" class="text-neutral hover:text-secondary transition-colors" data-i18n="faq">FAQ</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="font-semibold text-dark mb-4" data-i18n="footer_contact">Contact</h4>
|
|
<ul class="space-y-2 text-sm">
|
|
<li class="flex items-start">
|
|
<i class="fa fa-envelope text-secondary mt-1 mr-2"></i>
|
|
<a href="mailto:sve@gvsds.com" class="text-neutral hover:text-secondary transition-colors">sve@gvsds.com</a>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i class="fa fa-file-text text-secondary mt-1 mr-2"></i>
|
|
<a href="mailto:sve@gvsds.org?subject=[WARNING]%20Report%20A%20Vulnerability%20!" class="text-neutral hover:text-secondary transition-colors" data-i18n="report_vuln">Report a Vulnerability</a>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i class="fa fa-info-circle text-secondary mt-1 mr-2"></i>
|
|
<a href="https://doc.gvsds.com/6e845a45fc493c66a23a9361bce1464d" class="text-neutral hover:text-secondary transition-colors" data-i18n="security_policy" target="_blank">Security Policy</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-t border-gray-200 mt-8 pt-6 flex flex-col md:flex-row justify-between items-center">
|
|
<p class="text-sm text-neutral" data-i18n="copyright">© 2025 SVE Database. All rights reserved.</p>
|
|
<div class="flex space-x-6 mt-4 md:mt-0 text-sm">
|
|
<a href="https://doc.gvsds.com/fc084ab20a283208adb19033ca4de173" target="_blank" class="text-neutral hover:text-secondary transition-colors" data-i18n="privacy_policy">Privacy Policy</a>
|
|
<a href="https://doc.gvsds.com/1f07d3b8cec43a2ab9892a15b150bdd6" target="_blank" class="text-neutral hover:text-secondary transition-colors" data-i18n="terms_service">Terms of Service</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/assets/js/i18n.js"></script>
|
|
<script src="/assets/js/i18n.lib.js"></script>
|
|
</body>
|
|
</html> |