DreamLife/DreamLife_ToolBox
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

上传文件至 /

Browse Source
This commit is contained in:
Cx330 committed 2025-02-25 02:41:59 +00:00
commit 1ddd1d1047
3 files changed
+795
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+164
View File
@@ -0,0 +1,164 @@
<!DOCTYPE html>
<html lang="cn">
<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|ToolBox</title>
<link rel="stylesheet" href="styles.css">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
</head>
<body>
<header>
<input type="text" id="search-input" placeholder="搜索工具..." />
<button class="toggle-menu" id="toggle-menu">☰</button>
<button id="fullscreen-button" class="fullscreen-btn">
<span class="icon">&#x26F6;</span>
</button>
</header>
<aside id="sidebar" class="sidebar">
<div class="logo">
<span class="part1">DreamLife</span>
<span class="part2">ToolBox</span>
</div>
<nav>
<a id="sidebar-fullscreen-button" href="#" class="sidebar-link">
<div class="link-content">
<i class="icon">&#x26F6;</i> <!-- 初始图标 -->
<span>全屏</span>
</div>
</a>
</nav>
</aside>
<main class="main-content">
<div class="tools-grid">
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学</div>
<div class="card-description">崇德 尚用 求真 创新</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://github.com/" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">GitHub</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">编程</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学12</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学2</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学22</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学321</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学333</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://www.zust.edu.cn" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
</div>
<div class="tool-card">
<a href="https://github.com/" class="tool-card-link" target="_blank">
<img class="tool-logo" src="zust.jpg" alt="logo">
<div class="tool-name">GitHub1</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">编程</span>
</div>
<!-- 更多工具卡片 -->
</div>
</main>
<footer>
<p>&copy; 2025 DreamLife 版权所有</p>
</footer>
<script src="scripts.js"></script>
</body>
</html>