212 lines
9.5 KiB
HTML
212 lines
9.5 KiB
HTML
<!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="css/body.css">
|
|
<link rel="stylesheet" href="css/font.css">
|
|
<link rel="stylesheet" href="css/footer.css">
|
|
<link rel="stylesheet" href="css/header.css">
|
|
<link rel="stylesheet" href="css/max_width.css">
|
|
<link rel="stylesheet" href="css/min_width.css">
|
|
<link rel="stylesheet" href="css/sidebar.css">
|
|
<link rel="stylesheet" href="css/toolcard.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">⛶</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">⛶</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="logo/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="logo/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.1lou.me" class="tool-card-link" target="_blank">
|
|
<img class="tool-logo" src="logo/zust.jpg" alt="logo">
|
|
<div class="tool-name">BT之家—1LOU站</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.dytt8899.com" class="tool-card-link" target="_blank">
|
|
<img class="tool-logo" src="logo/zust.jpg" alt="logo">
|
|
<div class="tool-name">电影天堂</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.seedhub.cc" class="tool-card-link" target="_blank">
|
|
<img class="tool-logo" src="logo/seedhub.png" alt="logo">
|
|
<div class="tool-name">Seedhub</div>
|
|
<div class="card-description">Description of the tool.</div>
|
|
</a>
|
|
<span class="tool-category">资源</span>
|
|
</div>
|
|
|
|
<div class="tool-card">
|
|
<a href="https://aee.zust.edu.cn" class="tool-card-link" target="_blank">
|
|
<img class="tool-logo" src="logo/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://www.zust.edu.cn" class="tool-card-link" target="_blank">
|
|
<img class="tool-logo" src="logo/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="logo/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="logo/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="logo/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="logo/zust.jpg" alt="logo">
|
|
<div class="tool-name">浙江科技大学3333</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="logo/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="logo/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="logo/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="logo/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="logo/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="logo/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>© 2025 DreamLife 版权所有</p>
|
|
</footer>
|
|
|
|
<script src="javascape/full_button.js"></script>
|
|
<script src="javascape/scroll.js"></script>
|
|
<script src="javascape/search.js"></script>
|
|
<script src="javascape/sidebar.js"></script>
|
|
|
|
</body>
|
|
</html>
|