mirror of
https://github.com/Coldsmiles/infstarweb.git
synced 2026-04-23 02:30:41 +08:00
123 lines
5.3 KiB
HTML
123 lines
5.3 KiB
HTML
<!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>
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<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">
|
|
<link rel="stylesheet" href="css/pages/facilities.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="navbar-component"></div>
|
|
|
|
<div class="facilities-hero">
|
|
<h1>全服共享资源</h1>
|
|
<p class="hero-subtitle">共同建设，共同分享，让生存更轻松。</p>
|
|
</div>
|
|
|
|
<div class="facilities-container">
|
|
|
|
<!-- Controls -->
|
|
<div class="controls-section">
|
|
<div class="controls-header-row">
|
|
<h2 class="section-title">设施列表</h2>
|
|
<div class="search-box">
|
|
<i class="fas fa-search"></i>
|
|
<input type="text" id="facility-search" placeholder="搜索设施名称...">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="filters-wrapper">
|
|
<div class="filter-group">
|
|
<div class="filter-label"><i class="fas fa-layer-group"></i> 类型</div>
|
|
<div class="filter-tags" id="type-filters">
|
|
<button class="filter-tag active" data-filter="all">全部</button>
|
|
<button class="filter-tag" data-filter="resource"><i class="fas fa-cube"></i> 资源</button>
|
|
<button class="filter-tag" data-filter="xp"><i class="fas fa-star"></i> 经验</button>
|
|
<button class="filter-tag" data-filter="infrastructure"><i class="fas fa-road"></i> 基建</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="filter-group">
|
|
<div class="filter-label"><i class="fas fa-globe"></i> 维度</div>
|
|
<div class="filter-tags" id="dimension-filters">
|
|
<button class="filter-tag active" data-filter="all">全部</button>
|
|
<button class="filter-tag" data-filter="overworld">主世界</button>
|
|
<button class="filter-tag" data-filter="nether">下界</button>
|
|
<button class="filter-tag" data-filter="end">末地</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Facilities Grid -->
|
|
<div class="facilities-grid" id="facilities-list">
|
|
<!-- JS will inject cards here -->
|
|
</div>
|
|
<div id="no-results" class="no-results-message is-hidden">
|
|
没有找到匹配的设施
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Facility Modal -->
|
|
<div id="facility-modal" class="modal">
|
|
<div class="modal-content facility-modal-content">
|
|
<span class="close-modal">×</span>
|
|
<div class="modal-header">
|
|
<h3 class="modal-title" id="modal-title">设施名称</h3>
|
|
<div class="modal-badges" id="modal-badges">
|
|
<!-- Badges injected by JS -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
<p class="modal-intro" id="modal-intro">设施简介...</p>
|
|
|
|
<div class="modal-section">
|
|
<h4 class="modal-section-title"><i class="fas fa-map-marker-alt"></i> 位置信息</h4>
|
|
<p>
|
|
<span id="modal-dimension"></span>:
|
|
<span id="modal-coords"></span>
|
|
<a href="#" target="_blank" id="modal-map-link" class="map-link">
|
|
<i class="fas fa-map-marked-alt"></i> 查看地图
|
|
</a>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="modal-section">
|
|
<h4 class="modal-section-title"><i class="fas fa-users-cog"></i> 贡献/维护人员</h4>
|
|
<div class="contributors-list" id="modal-contributors">
|
|
<!-- Contributors injected by JS -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-section">
|
|
<h4 class="modal-section-title"><i class="fas fa-book-open"></i> 使用说明</h4>
|
|
<div class="instruction-content" id="modal-instructions">
|
|
<!-- Instructions injected by JS -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-section">
|
|
<h4 class="modal-section-title"><i class="fas fa-exclamation-triangle"></i> 注意事项</h4>
|
|
<div class="notes-content" id="modal-notes">
|
|
<!-- Notes injected by JS -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer-component"></div>
|
|
<script src="js/components.js"></script>
|
|
<script src="js/facilities_script.js"></script>
|
|
</body>
|
|
</html>
|