diff --git a/README.md b/README.md index df310ce..5a44383 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ # 个人樱花引导页 -主界面 +主界面 @@ -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` diff --git a/assets/css/main.css b/assets/css/main.css index 164fcfa..ac807be 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -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; } diff --git a/images/01.png b/images/01.png new file mode 100644 index 0000000..622a0f3 Binary files /dev/null and b/images/01.png differ diff --git a/images/02.png b/images/02.png new file mode 100644 index 0000000..41005c3 Binary files /dev/null and b/images/02.png differ diff --git a/index.html b/index.html index 8b08d15..3e72a36 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,8 @@ - 碎念个人引导页 - + NianBroken + @@ -22,41 +22,36 @@
-

碎念个人引导页

-

她只是途经我留下了星火 而我却任凭它焚烧了我整个荒原

+

NianBroken

+

你顺手挽住火焰 化作漫天大雪

@@ -74,6 +69,9 @@ padding: 0; margin: 0; } + .contact-icons { + margin-top: 0.5rem; + } - - - -
-

碎念万能收款码

-
- -
-
-
- 万能收款码展示区域 -
- -
- -
-
-
- QQ钱包二维码展示区域 -
- -
- -
-
-
- 微信二维码展示区域 -
- -
- - -