Files
infstarweb/index.html

275 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>白鹿原 Minecraft 服务器 - 永不换档的纯净原版服务器</title>
<meta name="description" content="白鹿原是一个永不换档的纯净原版Minecraft服务器支持Java版和基岩版互通。提供免费圈地、自研插件、紧跟最新版本物理工作站保障稳定运行。服务器地址mcpure.lunadeer.cn">
<meta name="keywords" content="Minecraft服务器,我的世界服务器,纯净服务器,原版服务器,基岩互通,白鹿原,MC服务器,永不换档,免费圈地,Minecraft中国">
<meta name="author" content="白鹿原 Minecraft 服务器">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://mcpure.lunadeer.cn/">
<!-- Google Site Verification -->
<meta name="google-site-verification" content="ZMGHsJuJU3soEw09Xa0lfKTxhxEBKN-h-goxg5lhCRw" />
<!-- Bing Site Verification -->
<meta name="msvalidate.01" content="A46E723A4AEF6D9EEB1D9AB9DC1267FD" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcpure.lunadeer.cn/">
<meta property="og:title" content="白鹿原 Minecraft 服务器 - 永不换档的纯净原版服务器">
<meta property="og:description" content="永不换档的纯净原版Minecraft服务器支持Java版和基岩版互通。免费圈地、自研插件、紧跟最新版本。">
<meta property="og:image" content="https://img.lunadeer.cn/i/2024/04/22/6625ce6c8ddc1.png">
<meta property="og:site_name" content="白鹿原 Minecraft 服务器">
<meta property="og:locale" content="zh_CN">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://mcpure.lunadeer.cn/">
<meta property="twitter:title" content="白鹿原 Minecraft 服务器 - 永不换档的纯净原版服务器">
<meta property="twitter:description" content="永不换档的纯净原版Minecraft服务器支持Java版和基岩版互通。免费圈地、自研插件、紧跟最新版本。">
<meta property="twitter:image" content="https://img.lunadeer.cn/i/2024/04/22/6625ce6c8ddc1.png">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://img.lunadeer.cn">
<link rel="dns-prefetch" href="https://outline.lunadeer.cn">
<link rel="dns-prefetch" href="https://mcmap.lunadeer.cn">
<link rel="dns-prefetch" href="https://mcphoto.lunadeer.cn">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "GameServer",
"name": "白鹿原 Minecraft 服务器",
"description": "永不换档的纯净原版Minecraft服务器支持Java版和基岩版互通",
"url": "https://mcpure.lunadeer.cn/",
"logo": "https://img.lunadeer.cn/i/2024/04/22/6625ce6c8ddc1.png",
"image": "https://img.lunadeer.cn/i/2025/11/26/69267755e14e3.png",
"game": {
"@type": "VideoGame",
"name": "Minecraft",
"gamePlatform": ["Java Edition", "Bedrock Edition"]
},
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "CNY",
"availability": "https://schema.org/InStock"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"ratingCount": "100"
}
}
</script>
</head>
<body>
<!-- Skip to main content for accessibility -->
<a href="#main-content" class="skip-to-main" style="position:absolute;left:-9999px;top:0;z-index:999;">跳转到主内容</a>
<!-- Navbar -->
<nav class="navbar">
<div class="nav-content">
<button class="mobile-toggle" id="mobile-toggle" aria-label="菜单">
<i class="fas fa-bars"></i>
</button>
<div class="logo">
<a href="/">
<img src="https://img.lunadeer.cn/i/2024/04/22/6625ce6c8ddc1.png" alt="白鹿原 Minecraft 服务器 Logo">
</a>
</div>
<div class="nav-links desktop-only">
<a href="https://outline.lunadeer.cn/s/447e5db6-8af4-468e-b7c5-cdb7b48aa439">文档</a>
<a href="https://mcmap.lunadeer.cn/">地图</a>
<a href="https://mcphoto.lunadeer.cn/">相册</a>
<a href="https://qm.qq.com/q/9izlHDoef6">群聊</a>
<a href="/stats.html">数据</a>
<a href="/sponsor.html">赞助</a>
</div>
<div class="nav-cta-container">
<a href="https://outline.lunadeer.cn/s/447e5db6-8af4-468e-b7c5-cdb7b48aa439/doc/5yqg5ywl5pyn5yqh5zmo-WE4jkTxRmM" class="nav-cta">加入游戏</a>
</div>
</div>
</nav>
<!-- Mobile Menu -->
<div class="mobile-menu" id="mobile-menu">
<div class="mobile-menu-links">
<a href="https://outline.lunadeer.cn/s/447e5db6-8af4-468e-b7c5-cdb7b48aa439">文档</a>
<a href="https://mcmap.lunadeer.cn/">地图</a>
<a href="https://mcphoto.lunadeer.cn/">相册</a>
<a href="https://qm.qq.com/q/9izlHDoef6">群聊</a>
<a href="/stats.html">数据</a>
<a href="/sponsor.html">赞助</a>
</div>
</div>
<!-- Hero Section -->
<header id="main-content" class="hero" style="background-image: url('https://img.lunadeer.cn/i/2025/11/26/69267755e14e3.png');" role="banner">
<div class="hero-overlay"></div>
<div class="hero-content">
<h1 class="hero-title">白鹿原 Minecraft</h1>
<p class="hero-subtitle">永不换档的纯净原版服务器</p>
<div class="server-runtime">
已稳定运行 <span id="runtime-days">0</span><span id="runtime-hours">0</span> 小时 <span id="runtime-minutes">0</span><span id="runtime-seconds">0</span>
</div>
<div class="hero-actions">
<div class="server-ip-box" onclick="copyIp()">
<span id="server-ip">mcpure.lunadeer.cn</span>
<i class="fas fa-copy"></i>
<span class="tooltip" id="copy-tooltip">已复制</span>
</div>
<p class="ip-hint">点击复制服务器地址</p>
<!-- Online Status -->
<div class="online-status-box">
<div class="status-indicator">
<span class="status-dot"></span>
<span id="online-count">正在获取状态...</span>
</div>
<div class="players-tooltip" id="players-list">
<div class="player-item" style="justify-content: center;">加载中...</div>
</div>
</div>
</div>
</div>
</header>
<!-- Key Features (Bento Grid Style) -->
<section class="features-section">
<div class="container">
<!-- <h2 class="section-header">为什么选择白鹿原?</h2> -->
<div class="bento-grid">
<!-- Large Feature: Pure -->
<div class="bento-item large-item feature-pure" style="background-image: url('https://img.lunadeer.cn/i/2024/02/21/65d592eb4afad.jpg');" role="article" aria-label="纯净原版特性">
<div class="bento-overlay"></div>
<div class="bento-content">
<i class="fas fa-leaf icon"></i>
<h3>纯净原版</h3>
<p>无纷繁复杂的 Mod无破坏平衡的插件。一切简单的就像是单机模式的共享一般。</p>
</div>
</div>
<!-- Medium Feature: Self-developed -->
<div class="bento-item medium-item feature-dev" style="background-image: url('https://img.lunadeer.cn/i/2025/11/26/6926982718ba8.png');" role="article" aria-label="深度自研特性">
<div class="bento-overlay"></div>
<div class="bento-content">
<i class="fas fa-code icon"></i>
<h3>深度自研</h3>
<p>全栈自研核心,拒绝卡脖子,保证可持续发展。</p>
</div>
</div>
<!-- Medium Feature: No Params Modified -->
<div class="bento-item medium-item feature-params" style="background-image: url('https://img.lunadeer.cn/i/2025/11/26/6926775006dea.jpg');" role="article" aria-label="原汁原味特性">
<div class="bento-overlay"></div>
<div class="bento-content">
<i class="fas fa-sliders-h icon"></i>
<h3>原汁原味</h3>
<p>生物生成、红石参数与单机完全一致。</p>
</div>
</div>
<!-- Small Features Grid -->
<div class="bento-item small-item" style="background-image: url('https://img.lunadeer.cn/i/2024/02/21/65d592ea6faa1.jpg');">
<div class="bento-overlay"></div>
<div class="bento-content">
<i class="fas fa-home icon"></i>
<h4>免费圈地</h4>
<p>2048*2048 超大领地</p>
</div>
</div>
<div class="bento-item small-item" style="background-image: url('https://img.lunadeer.cn/i/2025/11/26/692677560db46.png');">
<div class="bento-overlay"></div>
<div class="bento-content">
<i class="fas fa-mobile-alt icon"></i>
<h4>基岩互通</h4>
<p>手机电脑随时畅玩</p>
</div>
</div>
<div class="bento-item small-item" style="background-image: url('https://img.lunadeer.cn/i/2024/02/21/65d592e248066.jpg');">
<div class="bento-overlay"></div>
<div class="bento-content">
<i class="fas fa-server icon"></i>
<h4>自有硬件</h4>
<p>物理工作站,永不跑路</p>
</div>
</div>
<div class="bento-item small-item" style="background-image: url('https://img.lunadeer.cn/i/2025/11/26/692677566b07b.png');">
<div class="bento-overlay"></div>
<div class="bento-content">
<i class="fas fa-gamepad icon"></i>
<h4>娱乐玩法</h4>
<p>空岛、跑酷、小游戏</p>
</div>
</div>
<!-- Medium Feature: Update -->
<div class="bento-item medium-item" style="background-image: url('https://img.lunadeer.cn/i/2025/11/26/692697b71431b.png');">
<div class="bento-content">
<i class="fas fa-sync-alt icon"></i>
<h3>紧跟新版</h3>
<p>紧跟 Paper 核心版本更新,始终保持在版本前列。第一时间体验 Minecraft 的最新内容。</p>
</div>
</div>
<!-- Medium Feature: Guide -->
<div class="bento-item medium-item" style="background-image: url('https://img.lunadeer.cn/i/2025/11/26/692697b7376c7.png');">
<div class="bento-content">
<i class="fas fa-book-open icon"></i>
<h3>新手指南</h3>
<p>完善的服务器文档与活跃的社区,帮助你快速上手,加入白鹿原大家庭。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Sponsors Section -->
<section class="sponsors-section">
<div class="container">
<h2 class="section-header">特别鸣谢</h2>
<div id="top-sponsors" class="top-sponsors-grid">
<!-- Top 3 sponsors will be injected here by JS -->
</div>
<div class="sponsors-action">
<a href="/sponsor.html" class="view-sponsors-btn">查看赞助列表</a>
</div>
</div>
</section>
<!-- Crowdfunding Section -->
<section id="crowdfunding-section" class="crowdfunding-section" style="display: none;">
<div class="container">
<h2 class="section-header">众筹进度</h2>
<div id="crowdfunding-grid" class="crowdfunding-grid">
<!-- Crowdfunding items will be injected here -->
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-logo">白鹿原</div>
<p>&copy; 2026 白鹿原 Minecraft 服务器.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>