chickliu/yinhuadaohang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 更新 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
Download Patch File Download Diff File Expand all files Collapse all files

9
README.md
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> </div>
@@ -12,10 +12,6 @@
--- ---
## 配置修改
收款码：`money_receiving_QR_code` → `index.html`
## 许可证 ## 许可证
`Copyright © 2022 NianBroken. All rights reserved.` `Copyright © 2022 NianBroken. All rights reserved.`
@@ -32,6 +28,9 @@
[https://nianbroken.github.io/Great-Firewall/](https://nianbroken.github.io/Great-Firewall/) [https://nianbroken.github.io/Great-Firewall/](https://nianbroken.github.io/Great-Firewall/)
## 性价比最高的 ChatGPT 镜像站
[Aizex 合租面板](https://aizex.klaio.top/)
## 其他 ## 其他
欢迎提交 `Issues` 和 `Pull requests` 欢迎提交 `Issues` 和 `Pull requests`

25
assets/css/main.css
View File

@@ -31,6 +31,27 @@ body {
line-height: 1; 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 { ol, ul {
list-style: none; list-style: none;
} }
@@ -176,7 +197,7 @@ input, select, textarea {
color: #ffffff; color: #ffffff;
font-weight: 600; font-weight: 600;
line-height: 1.5; line-height: 1.5;
margin: 0 0 1rem 0; margin: 0 0 0.5rem 0;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.2rem; letter-spacing: 0.2rem;
} }
@@ -1317,7 +1338,7 @@ input, select, textarea {
-webkit-transition-delay: 0.25s; -webkit-transition-delay: 0.25s;
-ms-transition-delay: 0.25s; -ms-transition-delay: 0.25s;
transition-delay: 0.25s; transition-delay: 0.25s;
padding: 3rem 2rem; padding: 1.5rem 2rem;
max-height: 40rem; max-height: 40rem;
overflow: hidden; overflow: hidden;
} }

BIN
images/01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
images/02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 252 KiB

40
index.html
View File

@@ -1,8 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>碎念个人引导页</title> <title>NianBroken</title>
<meta name="description" content="那些暗潮汹涌的 见不得人的 无法诉之于口的才是我真正的生活|关键词：Suinian,Nianbroken" /> <meta name="description" content="同我啜泣 共我悲鸣 |关键词：Suinian,Nianbroken" />
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="content-language" content="zh-cn" /> <meta http-equiv="content-language" content="zh-cn" />
<link rel="shortcut icon" href="images/favicon.ico" /> <link rel="shortcut icon" href="images/favicon.ico" />
@@ -22,41 +22,36 @@
</div> </div>
<div class="content"> <div class="content">
<div class="inner"> <div class="inner">
<h1>碎念个人引导页</h1> <h1>NianBroken</h1>
<p>她只是途经我留下了星火&nbsp;而我却任凭它焚烧了我整个荒原</p> <p>你顺手挽住火焰&nbsp;化作漫天大雪</p>
</div> </div>
</div> </div>
<nav> <nav>
<ul> <ul>
<li><a target="_blank" href="https://eugnaa.eu-gov.eu.org/">EUGNAA</a></li> <li><a target="_blank" href="https://nianbroken.github.io/Great-Firewall/">防火长城</a></li>
<li><a target="_blank" href="https://blog.nianbroken.top/">碎念博客</a></li> <li><a target="_blank" href="https://aizex.klaio.top/">Aizex</a></li>
<li><a target="_blank" href="https://chat.nianbroken.top/">灵巧AI</a></li> <li><a target="_blank" href="https://nianbroken.github.io/Great-Firewall/">防火长城</a></li>
<li><a target="_blank" href="https://pan.nianbroken.top/">碎念云盘</a></li> <li><a target="_blank" href="https://aizex.klaio.top/">Aizex</a></li>
<li><a target="_blank" href="https://url.nianbroken.top/">短链生成</a></li> <li><a target="_blank" href="https://nianbroken.github.io/Great-Firewall/">防火长城</a></li>
<li><a target="_blank" href="https://baidu.nianbroken.top/">帮你百度</a></li> <li><a target="_blank" href="https://aizex.klaio.top/">Aizex</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 href="#elements">Elements</a></li>--> <!--<li><a href="#elements">Elements</a></li>-->
</ul> </ul>
</nav> </nav>
</header> </header>
<!-- Footer --> <!-- Footer -->
<footer id="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"> <p class="copyright">
<script> <script>
var mydate = new Date(); var mydate = new Date();
document.writeln("Copyright&nbsp;&copy;&nbsp;2021 - " + mydate.getFullYear() + "&nbsp;碎念_Nian<br />All&nbsp;Rights&nbsp;Reserved"); document.writeln("Copyright&nbsp;&copy;&nbsp;2021 - " + mydate.getFullYear() + "&nbsp;碎念_Nian<br />All&nbsp;Rights&nbsp;Reserved");
</script> </script>
</p> </p>
<p class="copyright">你在阳光下盛放 而我在阴郁的天空下自得其乐</p> <p class="copyright contact-icons">
<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="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> <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> </p>
</footer> </footer>
</div> </div>
@@ -74,6 +69,9 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.contact-icons {
margin-top: 0.5rem;
}
</style> </style>
<!-- sakura shader --> <!-- sakura shader -->
<script id="sakura_point_vsh" type="x-shader/x_vertex"> <script id="sakura_point_vsh" type="x-shader/x_vertex">

653
money_receiving_QR_code/index.html
View File

File diff suppressed because one or more lines are too long