2025-03-27 15:44:11 +08:00
|
|
|
|
<!doctype html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
2025-04-05 21:06:01 +08:00
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
2025-03-27 15:44:11 +08:00
|
|
|
|
<title>DreamLife|HomePage</title>
|
2025-03-29 21:58:38 +08:00
|
|
|
|
<link rel="stylesheet" href="css/footer.css">
|
|
|
|
|
|
<link rel="stylesheet" href="css/body.css">
|
2025-03-31 22:20:47 +08:00
|
|
|
|
<link rel="stylesheet" href="css/chat.css">
|
2025-04-05 21:06:01 +08:00
|
|
|
|
<link rel="stylesheet" href="css/font.css">
|
2025-04-05 22:17:52 +08:00
|
|
|
|
<link rel="stylesheet" href="css/time.css">
|
|
|
|
|
|
<link rel="stylesheet" href="css/max_width.css">
|
2025-03-27 15:44:11 +08:00
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
2025-04-05 22:17:52 +08:00
|
|
|
|
<div class="main-layout">
|
|
|
|
|
|
<!-- 左侧内容 -->
|
|
|
|
|
|
<div class="left-panel">
|
|
|
|
|
|
<h1 class="logo">DreamLife</h1>
|
|
|
|
|
|
<div class="intro">
|
|
|
|
|
|
<h3>这是我的网站首页，主页代码正在完善中</h3>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>此网站将用于个人经历展示，个人技术分析</li>
|
|
|
|
|
|
<li>目前网站工具箱以基本完善</li>
|
|
|
|
|
|
<li>工具箱网站dreamlife.top/toolbox</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<a href="http://dreamlife.top/toolbox/">ToolBox</a>
|
|
|
|
|
|
<a href="http://dreamlife.top:8080/">博客|WordPress</a>
|
|
|
|
|
|
<a href="http://dreamlife.top:13000/explore/">Gitea</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2025-04-04 20:51:04 +08:00
|
|
|
|
|
2025-04-05 22:17:52 +08:00
|
|
|
|
<!-- 右侧内容 -->
|
|
|
|
|
|
<div class="right-panel">
|
|
|
|
|
|
<div class="datetime">
|
|
|
|
|
|
<div id="timeDisplay" class="time">--:--:--</div>
|
|
|
|
|
|
<div id="dateDisplay" class="date">加载中...</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="future-content">
|
|
|
|
|
|
<p>此处预留未来内容</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2025-04-04 20:51:04 +08:00
|
|
|
|
|
2025-04-05 22:17:52 +08:00
|
|
|
|
<!-- 移动端切换按钮 -->
|
|
|
|
|
|
<div class="mobile-toggle">
|
|
|
|
|
|
<button onclick="showLeft()">显示左侧</button>
|
|
|
|
|
|
<button onclick="showRight()">显示右侧</button>
|
|
|
|
|
|
</div>
|
2025-03-31 22:20:47 +08:00
|
|
|
|
|
2025-04-05 22:17:52 +08:00
|
|
|
|
<!-- DeepSeek 聊天输入 -->
|
|
|
|
|
|
<div class="chat-container">
|
|
|
|
|
|
<div id="chatContainer" class="chat-box hide"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="input-row">
|
2025-04-06 22:15:36 +08:00
|
|
|
|
<!-- 改用 onclick，顺带阻止冒泡 -->
|
2025-04-06 22:26:02 +08:00
|
|
|
|
<input type="text" id="userInput" placeholder="输入你的消息..." onclick="openChat(event)" />
|
2025-04-07 21:01:22 +08:00
|
|
|
|
<button id="sendbutton" onclick="sendMessage()">发送</button>
|
2025-04-05 22:17:52 +08:00
|
|
|
|
</div>
|
2025-04-06 22:15:36 +08:00
|
|
|
|
</div>
|
2025-04-05 22:17:52 +08:00
|
|
|
|
|
2025-03-27 15:44:11 +08:00
|
|
|
|
<footer>
|
|
|
|
|
|
<p>© 2025 DreamLife 版权所有</p>
|
|
|
|
|
|
</footer>
|
2025-03-29 21:58:38 +08:00
|
|
|
|
|
|
|
|
|
|
<script src="javascape/time.js"></script>
|
2025-03-31 22:20:47 +08:00
|
|
|
|
<script src="javascape/ai_api.js"></script>
|
2025-04-05 22:17:52 +08:00
|
|
|
|
<script src="javascape/chat.js"></script>
|
|
|
|
|
|
<script src="javascape/max_width.js"></script>
|
2025-03-31 22:20:47 +08:00
|
|
|
|
|
2025-03-27 15:44:11 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
