89 lines
3.7 KiB
HTML
89 lines
3.7 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="stylesheet" href="css/footer.css">
|
||
<link rel="stylesheet" href="css/body.css">
|
||
<link rel="stylesheet" href="css/chat.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="30px"></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>
|
||
</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>
|
||
</div>
|
||
|
||
<!-- 移动端切换按钮 -->
|
||
<div class="switch_button">
|
||
<button onclick="switchPanel()" class="swbutton">Switch</button>
|
||
</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;">© 2025 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>
|
||
|
||
</body>
|
||
</html> |