dellevin/BaiTu-homepage
1
0
Fork 0
generated from dellevin/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

加入留言板博客按钮

Browse Source
This commit is contained in:
DelLevin-Home
2026-05-18 00:02:14 +08:00
parent 66ece06271
commit fa4c784b96
10 changed files with 1735 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
index.html
View File

@@ -36,6 +36,7 @@
@import url("./static/css/main.css");
@import url("./static/css/memos.css");
@import url("./static/css/game_dialog.css");
@import url("./static/css/guestbook.css");
</style>
<title data-i18n="page_title">白荼 - BAITU</title>
</head>
@@ -47,6 +48,78 @@
<img id="lang-switch-btn" src="./static/img/中文.png" alt="Switch Language" title="切换语言" />
</div>
<!-- 留言板按钮 -->
<div class="guestbook-btn-container">
<button id="guestbook-btn" class="guestbook-btn" title="留言板">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5H19C19.5304 5 20.0391 5.21071 20.4142 5.58579C20.7893 5.96086 21 6.46957 21 7V15Z"
stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="btn-label">留言板</span>
</button>
<!-- Hover 浮动预览面板 -->
<div id="guestbook-preview" class="guestbook-preview">
<div class="preview-header">
<h3 data-i18n="guestbook_title">留言板</h3>
</div>
<div class="preview-body">
<!-- 最新留言预览将在这里动态加载 -->
</div>
</div>
</div>
<!-- 博客文章按钮 -->
<div class="blog-posts-btn-container">
<button id="blog-posts-btn" class="blog-posts-btn" title="博客文章">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z"
stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14 2V8H20" stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 13H8" stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 17H8" stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 9H8" stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="btn-label">博客文章</span>
</button>
<!-- Hover 浮动预览面板 -->
<div id="blog-posts-preview" class="blog-posts-preview">
<div class="preview-header">
<h3>最新文章</h3>
</div>
<div class="preview-body blog-posts-list">
<!-- 最新文章预览将在这里动态加载 -->
</div>
</div>
</div>
<!-- 完整博客文章弹窗（点击后显示） -->
<div id="blog-posts-full-modal" class="guestbook-full-modal">
<div class="full-modal-content">
<div class="guestbook-header">
<h2>博客文章</h2>
<button id="blog-posts-close" class="guestbook-close" title="关闭">&times;</button>
</div>
<div class="guestbook-body">
<!-- 文章列表将在这里动态加载 -->
</div>
</div>
</div>
<!-- 完整留言板弹窗（点击后显示） -->
<div id="guestbook-full-modal" class="guestbook-full-modal">
<div class="full-modal-content">
<div class="guestbook-header">
<h2 data-i18n="guestbook_title">留言板</h2>
<button id="guestbook-close" class="guestbook-close" title="关闭">&times;</button>
</div>
<div class="guestbook-body">
<!-- 留言列表将在这里动态加载 -->
</div>
</div>
</div>
<!-- 头部导航 -->
<div class="nav-tabs">
<div class="nav-tab active" data-tab="about"><span data-i18n="nav_about"></span></div>
@@ -253,6 +326,8 @@
<script src="./static/js/websites_my.js"></script>
<script src="./static/js/memos.js"></script>
<script src="./static/js/map-footprint.js"></script>
<script src="./static/js/guestbook.js"></script>
<script src="./static/js/blog_posts.js"></script>
<script src="./static/js/tabchange.js"></script>
</body>