yangyuqing/new-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重构为多页导航架构：8个独立页面，前期分析4子板块，设计表现6图，设计图纸完整展示

Browse Source
This commit is contained in:
yangyuqing
2026-06-02 21:25:45 +08:00
parent ec29003082
commit 8a86668eb1
14 changed files with 1174 additions and 379 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
about.html Normal file
View File

@@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- SEO Meta Tags -->
<title>关于项目 - 轻索方舱 | 高海拔环境乡村医疗服务基站</title>
<meta name="description" content="关于项目：结语、致谢及基本信息">
<!-- Base Path for Subdirectory Deployment -->
<base href="/g2026/g4/">
<!-- Smart Path Detection -->
<script>
(function() {
const hostname = window.location.hostname;
if (hostname === 'localhost' || hostname === '127.0.0.1' || hostname === '') {
const baseTag = document.querySelector('base');
if (baseTag) {
baseTag.remove();
console.log('🔧 Local dev mode: base tag removed');
}
}
})();
</script>
<!-- Stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 顶部固定导航栏 -->
<nav class="navbar" id="navbar">
<div class="nav-container">
<div class="nav-logo">毕业设计展示</div>
<ul class="nav-menu" id="navMenu">
<li><a href="index.html" class="nav-link">首页</a></li>
<li><a href="analysis.html" class="nav-link">前期分析</a></li>
<li><a href="design.html" class="nav-link">设计表现</a></li>
<li><a href="drawings.html" class="nav-link">设计图纸</a></li>
<li><a href="performance.html" class="nav-link">性能分析</a></li>
<li><a href="self-sufficiency.html" class="nav-link">自保障设计</a></li>
<li><a href="construction.html" class="nav-link">建造模拟</a></li>
<li><a href="about.html" class="nav-link active">关于项目</a></li>
</ul>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<!-- 页面标题区域 -->
<section class="page-header">
<div class="container">
<h1 class="page-title">关于项目</h1>
<p class="page-subtitle">About the Project</p>
</div>
</section>
<!-- 内容区域 -->
<section class="section">
<div class="container">
<h2 class="section-title">项目信息</h2>
<div class="content-block">
<div class="project-info">
<p><strong>项目名称：</strong>雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究</p>
<p><strong>设计理念：</strong>Approachable Luxury（亲和的奢华）</p>
<p><strong>学生姓名：</strong>杨雨晴</p>
<p><strong>指导教师：</strong>XXX</p>
<p><strong>学校专业：</strong>XXX大学 XXX专业</p>
<p><strong>完成时间：</strong>2026年</p>
</div>
</div>
</div>
</section>
<section class="section section-alt">
<div class="container">
<h2 class="section-title">结语</h2>
<div class="content-block">
<p class="large-text">在此处插入项目的总结与展望...</p>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="section-title">致谢</h2>
<div class="content-block">
<p class="large-text">在此处插入致谢内容...</p>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 毕业设计展示 | 青藏高原轻钢拉索结构医疗站</p>
</div>
</footer>
<!-- JavaScript -->
<script src="js/main.js"></script>
</body>
</html>