chicrobot/mainPage
1
0 Fork 0
mirror of http://junepve.top:3000/chicrobot/mainPage.git synced 2026-10-30 06:41:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

调整模块顺序

Browse Source
This commit is contained in:
chicrobot committed 2025-11-21 01:32:34 +08:00
1 parent 816caaae5b
commit bdd9f6c589
1 file changed
+71 -71
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+71 -71
View File
@@ -23,9 +23,9 @@
<nav class="navbar-nav">
<a href="#monitor" class="nav-link active">监控中心</a>
<a href="#tools" class="nav-link">核心服务</a>
<a href="#dev" class="nav-link">开发环境</a>
<a href="#blog" class="nav-link">博客</a>
<a href="#lab" class="nav-link">技术实验室</a>
<a href="#dev" class="nav-link">开发环境</a>
<a href="#friends" class="nav-link">创意圈</a>
</nav>
</div>
@@ -107,6 +107,76 @@
</div>
</section>
<!-- 最新思绪区域 -->
<section class="latest-thoughts" id="blog">
<div class="container" data-parallax="0.2">
<h2 class="section-title"><span class="text-cyan">最新思路</span></h2>
<div class="thoughts-grid">
<article class="thought-card glass-card">
<div class="thought-image" style="background-image: url('./static/code1.avif');"></div>
<div class="thought-content">
<h3>赛博朋克时代的前端架构思考</h3>
<p class="thought-excerpt">探索在快速变化的技术环境中，如何构建可维护的前端系统...</p>
<p class="thought-date">2023-05-15</p>
<span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
</div>
</article>
<article class="thought-card glass-card">
<div class="thought-image" style="background-image: url('./static/code2.avif');"></div>
<div class="thought-content">
<h3>从0到1搭建个人技术栈</h3>
<p class="thought-excerpt">分享我如何构建这个集成工作台，以及选择各组件的思考过程...</p>
<p class="thought-date">2023-05-08</p>
<span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
</div>
</article>
<article class="thought-card glass-card">
<div class="thought-image" style="background-image: url('./static/code3.avif');"></div>
<div class="thought-content">
<h3>未来界面：玻璃拟态与全息效果</h3>
<p class="thought-excerpt">深入探讨现代UI设计中的玻璃拟态趋势及其实现技巧...</p>
<p class="thought-date">2023-05-01</p>
<span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
</div>
</article>
</div>
</div>
</section>
<!-- 技术实验室 -->
<section class="tech-lab" id="lab">
<div class="container" data-parallax="0.2">
<h2 class="section-title"><span class="text-cyan">技术实验室</span></h2>
<div class="lab-grid">
<div class="lab-card glass-card">
<div class="lab-icon"><i class="fas fa-comment-dots"></i></div>
<h3>实时通信</h3>
<p>基于WebSocket的聊天系统实现</p>
<a id="chatLink" href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
</div>
<div class="lab-card glass-card">
<div class="lab-icon"><i class="fas fa-robot"></i></div>
<h3>AI 实验</h3>
<p>探索机器学习与深度学习的前沿应用</p>
<a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
</div>
<div class="lab-card glass-card">
<div class="lab-icon"><i class="fas fa-microchip"></i></div>
<h3>边缘计算</h3>
<p>研究在边缘设备上的高效计算方案</p>
<a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
</div>
<div class="lab-card glass-card">
<div class="lab-icon"><i class="fas fa-vr-cardboard"></i></div>
<h3>XR 技术</h3>
<p>探索虚拟现实与增强现实的开发</p>
<a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
</div>
<!-- 其他实验室 -->
</div>
</div>
</section>
<!-- 开发环境模块 -->
<section class="dev-environment" id="dev">
<div class="container" data-parallax="0.3">
@@ -221,76 +291,6 @@
</div>
</section>
<!-- 最新思绪区域 -->
<section class="latest-thoughts" id="blog">
<div class="container" data-parallax="0.2">
<h2 class="section-title"><span class="text-cyan">最新思路</span></h2>
<div class="thoughts-grid">
<article class="thought-card glass-card">
<div class="thought-image" style="background-image: url('./static/code1.avif');"></div>
<div class="thought-content">
<h3>赛博朋克时代的前端架构思考</h3>
<p class="thought-excerpt">探索在快速变化的技术环境中，如何构建可维护的前端系统...</p>
<p class="thought-date">2023-05-15</p>
<span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
</div>
</article>
<article class="thought-card glass-card">
<div class="thought-image" style="background-image: url('./static/code2.avif');"></div>
<div class="thought-content">
<h3>从0到1搭建个人技术栈</h3>
<p class="thought-excerpt">分享我如何构建这个集成工作台，以及选择各组件的思考过程...</p>
<p class="thought-date">2023-05-08</p>
<span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
</div>
</article>
<article class="thought-card glass-card">
<div class="thought-image" style="background-image: url('./static/code3.avif');"></div>
<div class="thought-content">
<h3>未来界面：玻璃拟态与全息效果</h3>
<p class="thought-excerpt">深入探讨现代UI设计中的玻璃拟态趋势及其实现技巧...</p>
<p class="thought-date">2023-05-01</p>
<span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
</div>
</article>
</div>
</div>
</section>
<!-- 技术实验室 -->
<section class="tech-lab" id="lab">
<div class="container" data-parallax="0.2">
<h2 class="section-title"><span class="text-cyan">技术实验室</span></h2>
<div class="lab-grid">
<div class="lab-card glass-card">
<div class="lab-icon"><i class="fas fa-comment-dots"></i></div>
<h3>实时通信</h3>
<p>基于WebSocket的聊天系统实现</p>
<a id="chatLink" href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
</div>
<div class="lab-card glass-card">
<div class="lab-icon"><i class="fas fa-robot"></i></div>
<h3>AI 实验</h3>
<p>探索机器学习与深度学习的前沿应用</p>
<a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
</div>
<div class="lab-card glass-card">
<div class="lab-icon"><i class="fas fa-microchip"></i></div>
<h3>边缘计算</h3>
<p>研究在边缘设备上的高效计算方案</p>
<a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
</div>
<div class="lab-card glass-card">
<div class="lab-icon"><i class="fas fa-vr-cardboard"></i></div>
<h3>XR 技术</h3>
<p>探索虚拟现实与增强现实的开发</p>
<a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
</div>
<!-- 其他实验室 -->
</div>
</div>
</section>
<!-- 创意圈区域 -->
<section class="creative-circle" id="friends">
<div class="container" data-parallax="0.1">