feat: 更新个人引导页内容和样式

- 更新 README.md 中的图片链接
- 移除配置修改相关内容
- 添加性价比最高的 ChatGPT 镜像站链接
- 更新 index.html 中的标题、描述和导航链接
- 调整 footer 样式,优化版权信息显示
- 添加自定义滚动条样式
- 调整部分 CSS 样式,如输入框样式和 padding 等
This commit is contained in:
NianBroken
2025-05-22 00:09:00 +08:00
parent 429ac65761
commit 00a56dbe27
6 changed files with 46 additions and 681 deletions

View File

@@ -2,7 +2,7 @@
# 个人樱花引导页
<img src="https://blog.nianbroken.top/NianBrokenStorage/FileStorage/7/03.png" alt="主界面" style="zoom:35%;" />
<img src="./images/01.png" alt="主界面" style="zoom:35%;" />
</div>
@@ -12,10 +12,6 @@
---
## 配置修改
收款码:`money_receiving_QR_code``index.html`
## 许可证
`Copyright © 2022 NianBroken. All rights reserved.`
@@ -32,6 +28,9 @@
[https://nianbroken.github.io/Great-Firewall/](https://nianbroken.github.io/Great-Firewall/)
## 性价比最高的 ChatGPT 镜像站
[Aizex 合租面板](https://aizex.klaio.top/)
## 其他
欢迎提交 `Issues``Pull requests`

View File

@@ -31,6 +31,27 @@ body {
line-height: 1;
}
/* 自定义滚动条样式 */
::-webkit-scrollbar {
/* 选择整体滚动条 */
width: 0px; /* 设置滚动条的宽度 */
}
::-webkit-scrollbar-track {
/* 选择滚动条背景 */
background: #f1f1f1; /* 设置滚动条背景颜色 */
}
::-webkit-scrollbar-thumb {
/* 选择滚动条手柄 */
background: #888; /* 设置滚动条手柄的颜色 */
}
::-webkit-scrollbar-thumb:hover {
/* 鼠标悬停时选择滚动条手柄 */
background: #555; /* 设置鼠标悬停时滚动条手柄的颜色 */
}
ol, ul {
list-style: none;
}
@@ -176,7 +197,7 @@ input, select, textarea {
color: #ffffff;
font-weight: 600;
line-height: 1.5;
margin: 0 0 1rem 0;
margin: 0 0 0.5rem 0;
text-transform: uppercase;
letter-spacing: 0.2rem;
}
@@ -1317,7 +1338,7 @@ input, select, textarea {
-webkit-transition-delay: 0.25s;
-ms-transition-delay: 0.25s;
transition-delay: 0.25s;
padding: 3rem 2rem;
padding: 1.5rem 2rem;
max-height: 40rem;
overflow: hidden;
}

BIN
images/01.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
images/02.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 252 KiB

View File

@@ -1,8 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<title>碎念个人引导页</title>
<meta name="description" content="那些暗潮汹涌的 见不得人的 无法诉之于口的才是我真正的生活|关键词Suinian,Nianbroken" />
<title>NianBroken</title>
<meta name="description" content="同我啜泣 共我悲鸣 |关键词Suinian,Nianbroken" />
<meta charset="utf-8" />
<meta http-equiv="content-language" content="zh-cn" />
<link rel="shortcut icon" href="images/favicon.ico" />
@@ -22,41 +22,36 @@
</div>
<div class="content">
<div class="inner">
<h1>碎念个人引导页</h1>
<p>她只是途经我留下了星火&nbsp;而我却任凭它焚烧了我整个荒原</p>
<h1>NianBroken</h1>
<p>你顺手挽住火焰&nbsp;化作漫天大雪</p>
</div>
</div>
<nav>
<ul>
<li><a target="_blank" href="https://eugnaa.eu-gov.eu.org/">EUGNAA</a></li>
<li><a target="_blank" href="https://blog.nianbroken.top/">碎念博客</a></li>
<li><a target="_blank" href="https://chat.nianbroken.top/">灵巧AI</a></li>
<li><a target="_blank" href="https://pan.nianbroken.top/">碎念云盘</a></li>
<li><a target="_blank" href="https://url.nianbroken.top/">短链生成</a></li>
<li><a target="_blank" href="https://baidu.nianbroken.top/">帮你百度</a></li>
<li><a target="_blank" href="https://fireworks.nianbroken.top/">烟花模拟</a></li>
<li><a target="_blank" href="https://nianbroken.github.io/Great-Firewall/">防火长城</a></li>
<li><a target="_blank" href="https://aizex.klaio.top/">Aizex</a></li>
<li><a target="_blank" href="https://nianbroken.github.io/Great-Firewall/">防火长城</a></li>
<li><a target="_blank" href="https://aizex.klaio.top/">Aizex</a></li>
<li><a target="_blank" href="https://nianbroken.github.io/Great-Firewall/">防火长城</a></li>
<li><a target="_blank" href="https://aizex.klaio.top/">Aizex</a></li>
<li><a target="_blank" href="https://nianbroken.github.io/Great-Firewall/">防火长城</a></li>
<!--<li><a href="#elements">Elements</a></li>-->
</ul>
</nav>
</header>
<!-- Footer -->
<footer id="footer">
<p class="copyright">
您的IP
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript">
document.write(returnCitySN["cip"]);
</script>
</p>
<p class="copyright">
<script>
var mydate = new Date();
document.writeln("Copyright&nbsp;&copy;&nbsp;2021 - " + mydate.getFullYear() + "&nbsp;碎念_Nian<br />All&nbsp;Rights&nbsp;Reserved");
</script>
</p>
<p class="copyright">你在阳光下盛放 而我在阴郁的天空下自得其乐</p>
<p class="copyright">
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2971802058&amp;site=qq&amp;menu=yes"> <img src="images\svg\qq.svg" width="30" alt="QQ" title="QQ" />&nbsp;&nbsp;</a> <a target="_blank" href="mailto:suinian666@gmail.com"> <img src="images\svg\mail.svg" width="30" alt="Mail" title="Mail" />&nbsp;&nbsp;</a> <a target="_blank" href="/money_receiving_QR_code"> <img src="images\svg\money_receiving_QR_code.svg" width="30" alt="给我打钱" title="给我打钱" />&nbsp;&nbsp;</a> <a target="_blank" href="https://github.com/nianbroken"> <img src="images\svg\github.svg" width="30" alt="Github" title="Github" />&nbsp;&nbsp;</a> <a target="_blank" href="https://gitee.com/nianbroken"> <img src="images\svg\gitee.svg" width="30" alt="Gitee" title="Gitee" />&nbsp;&nbsp;</a> <a target="_blank" href="http://www.coolapk.com/u/1315644"> <img src="images\svg\coolapk.svg" width="30" alt="Coolapk" title="Coolapk" /></a>
<p class="copyright contact-icons">
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2971802058&amp;site=qq&amp;menu=yes"> <img src="images\svg\qq.svg" width="30" alt="QQ" title="QQ" />&nbsp;&nbsp; </a>
<a target="_blank" href="mailto:suinian666@gmail.com"> <img src="images\svg\mail.svg" width="30" alt="Mail" title="Mail" />&nbsp;&nbsp; </a>
<a target="_blank" href="https://github.com/nianbroken"> <img src="images\svg\github.svg" width="30" alt="Github" title="Github" />&nbsp;&nbsp; </a>
<a target="_blank" href="https://gitee.com/nianbroken"> <img src="images\svg\gitee.svg" width="30" alt="Gitee" title="Gitee" />&nbsp;&nbsp; </a>
</p>
</footer>
</div>
@@ -74,6 +69,9 @@
padding: 0;
margin: 0;
}
.contact-icons {
margin-top: 0.5rem;
}
</style>
<!-- sakura shader -->
<script id="sakura_point_vsh" type="x-shader/x_vertex">

File diff suppressed because one or more lines are too long