完善界面样式与功能
This commit is contained in:
Cx330 committed
1 parent
cff6266d00
commit
f82dfc67c4
22 files changed
+1413
-162
No files matched your search
+91
-17
@@ -4,9 +4,11 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>DreamLife|HomePage</title>
|
||||
<link rel="icon" href="icon/favicon.ico" type="image/x-icon">
|
||||
<link rel="stylesheet" href="css/footer.css">
|
||||
<link rel="stylesheet" href="css/body.css">
|
||||
<link rel="stylesheet" href="css/chat.css">
|
||||
<link rel="stylesheet" href="css/tool_card.css">
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/time.css">
|
||||
<link rel="stylesheet" href="css/max_width.css">
|
||||
@@ -15,24 +17,31 @@
|
||||
|
||||
<body>
|
||||
<button id="fullscreen-button" class="fullscreen-btn">
|
||||
<span class="icon"><img src="icon/full.png" width="30px"></span>
|
||||
<span class="icon"><img src="icon/full.png" width="24px"></span>
|
||||
</button>
|
||||
|
||||
<div class="main-layout">
|
||||
<!-- 左侧内容 -->
|
||||
<div class="left-panel" id="leftPanel">
|
||||
<h1 class="logo">DreamLife</h1>
|
||||
<div class="intro">
|
||||
<h3>这是我的网站首页，主页代码正在完善中</h3>
|
||||
<ul>
|
||||
<li>此网站将用于个人经历展示，个人技术分析</li>
|
||||
<li>集成DeepSeek V3-0324-685B模型</li>
|
||||
<li>工具箱网站dreamlife.top/toolbox</li>
|
||||
</ul>
|
||||
<a href="https://dreamlife.top/toolbox/" target="_blank">ToolBox</a>
|
||||
<a href="http://dreamlife.top:8080/" target="_blank">博客|WordPress</a>
|
||||
<a href="https://gitea.dreamlife.top/explore/" target="_blank">Gitea</a>
|
||||
|
||||
<img class="left-avatar" src="image/avator.jpg" alt="avatar">
|
||||
|
||||
<div class="daily-quote">
|
||||
<div id="quoteContent" class="quote-content">加载中...</div>
|
||||
<div id="quoteAuthor" class="quote-author"></div>
|
||||
</div>
|
||||
|
||||
<div class="left-tags">
|
||||
<span class="tag-item">DreamLife</span>
|
||||
<span class="tag-item">Git</span>
|
||||
<span class="tag-item">嘉立创EDA</span>
|
||||
<span class="tag-item">Linux</span>
|
||||
<span class="tag-item">网络服务</span>
|
||||
<span class="tag-item">OpenClaw</span>
|
||||
</div>
|
||||
|
||||
<div class="left-design">Design by <span class="design-name">张梦南</span></div>
|
||||
</div>
|
||||
|
||||
<!-- 右侧内容 -->
|
||||
@@ -41,15 +50,78 @@
|
||||
<div id="timeDisplay" class="time">--:--:--</div>
|
||||
<div id="dateDisplay" class="date">加载中...</div>
|
||||
</div>
|
||||
|
||||
<!-- 蛇图区域：移到时间下方 -->
|
||||
<div class="future-content">
|
||||
<img id="tanChiShe" src="svg/snake-Light.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 移动端切换按钮 -->
|
||||
<div class="switch_button">
|
||||
<button onclick="switchPanel()" class="swbutton">Switch</button>
|
||||
<div class="right-intro">
|
||||
<div class="music-player">
|
||||
<div class="music-info">
|
||||
<div id="musicTitle" class="music-title">加载中...</div>
|
||||
<div id="musicArtist" class="music-artist">--</div>
|
||||
</div>
|
||||
<div class="music-controls">
|
||||
<button id="prevBtn" class="control-btn">
|
||||
<img src="icon/last.png" alt="上一首" width="14" height="14">
|
||||
</button>
|
||||
<button id="playPauseBtn" class="control-btn play-btn">
|
||||
<img src="icon/play.png" alt="播放" width="18" height="18">
|
||||
</button>
|
||||
<button id="nextBtn" class="control-btn">
|
||||
<img src="icon/next.png" alt="下一首" width="14" height="14">
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right-section">
|
||||
<div class="section-title">
|
||||
<img src="icon/site.png" alt="site" class="section-title-icon">
|
||||
<span>site</span>
|
||||
</div>
|
||||
<div class="projectList">
|
||||
|
||||
<a class="projectItem" href="https://halo.dreamlife.top/" target="_blank">
|
||||
<div class="projectItemLeft">
|
||||
<h1>博客</h1>
|
||||
<p>记录摆烂日常与技术笔记</p>
|
||||
</div>
|
||||
<div class="projectItemRight">
|
||||
<img src="svg/halo.png" alt="">
|
||||
</div>
|
||||
</a>
|
||||
<a class="projectItem" href="https://gitea.dreamlife.top/explore/" target="_blank">
|
||||
<div class="projectItemLeft">
|
||||
<h1>Gitea</h1>
|
||||
<p>自建代码托管与开源协作</p>
|
||||
</div>
|
||||
<div class="projectItemRight">
|
||||
<img src="svg/gitea.svg" alt="">
|
||||
</div>
|
||||
</a>
|
||||
<a class="projectItem" href="https://dreamlife.top/toolbox/" target="_blank">
|
||||
<div class="projectItemLeft">
|
||||
<h1>ToolBox</h1>
|
||||
<p>常用工具集合与快捷入口</p>
|
||||
</div>
|
||||
<div class="projectItemRight">
|
||||
<img src="svg/toolbox.png" alt="">
|
||||
</div>
|
||||
</a>
|
||||
<a class="projectItem" href="https://dreamlife.top/resume/" target="_blank">
|
||||
<div class="projectItemLeft">
|
||||
<h1>简历</h1>
|
||||
<p>个人求职简历</p>
|
||||
</div>
|
||||
<div class="projectItemRight">
|
||||
<img src="svg/resume.png" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- DeepSeek 聊天输入 -->
|
||||
@@ -66,7 +138,7 @@
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div class="footer-line line-1">
|
||||
<a href="https://gitea.dreamlife.top/DreamLife" target="_blank" style="color: #fff; text-decoration: none;">© 2025 DreamLife 版权所有</a>
|
||||
<a href="https://gitea.dreamlife.top/DreamLife" target="_blank" style="color: #fff; text-decoration: none;">© 2026 DreamLife 版权所有</a>
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" style="color: #fff; text-decoration: none;">津ICP备2025038798号</a>
|
||||
</div>
|
||||
<div class="footer-line line-2">
|
||||
@@ -84,6 +156,8 @@
|
||||
<script src="javascape/purify.min.js"></script>
|
||||
<script src="javascape/full_button.js"></script>
|
||||
<script src="javascape/switch_interface.js"></script>
|
||||
<script src="javascape/music_player.js"></script>
|
||||
<script src="javascape/daily_quote.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user