163 lines
7.1 KiB
HTML
163 lines
7.1 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<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">
|
||
<link rel="stylesheet" href="css/svg.css">
|
||
</head>
|
||
|
||
<body>
|
||
<button id="fullscreen-button" class="fullscreen-btn">
|
||
<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>
|
||
|
||
<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>
|
||
|
||
<!-- 右侧内容 -->
|
||
<div class="right-panel" id="rightPanel">
|
||
<div class="datetime">
|
||
<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 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 聊天输入 -->
|
||
<div class="chat-container">
|
||
<div id="chatContainer" class="chat-box hide"></div>
|
||
|
||
<div class="input-row">
|
||
<!-- 改用 onclick，顺带阻止冒泡 -->
|
||
<input type="text" id="userInput" placeholder="输入你的消息..." onclick="openChat(event)" />
|
||
<button id="sendbutton" onclick="sendMessage()">发送</button>
|
||
</div>
|
||
</div>
|
||
|
||
<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;">© 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">
|
||
<img src="icon/beian.png" width="12" style="margin-right: -4px;">
|
||
<a href="https://beian.mps.gov.cn/#/query/webSearch?code=12011402001636" rel="noreferrer" target="_blank" style="color: #fff; text-decoration: none;">津公网安备12011402001636号</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="javascape/time.js"></script>
|
||
<script src="javascape/ai_api.js"></script>
|
||
<script src="javascape/chat.js"></script>
|
||
<script src="javascape/max_width.js"></script>
|
||
<script src="javascape/marked.min.js"></script>
|
||
<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> |