This commit is contained in:
teasiu
2023-10-11 01:13:58 +08:00
parent 7960089e7e
commit b1e17749bc
3 changed files with 6 additions and 28 deletions

View File

@@ -7,13 +7,13 @@
body {
display: flex;
flex-direction: column;
justify-content: flex-start;
justify-content: flex-start; /* 内容靠上居中 */
align-items: center;
min-height: 100vh;
margin: 0;
}
h1 {
margin: 20px 0;
margin: 20px 0; /* 添加标题上下边距 */
}
.image-row {
display: flex;
@@ -39,28 +39,6 @@
font-size: 16px;
padding: 10px;
}
/* 白天模式下的样式 */
@media (prefers-color-scheme: light) {
body {
background-color: white;
color: black;
}
.image-container {
background-color: white;
}
}
/* 黑夜模式下的样式 */
@media (prefers-color-scheme: dark) {
body {
background-color: black;
color: white;
}
.image-container {
background-color: black;
}
}
</style>
<title>捐助与远程协助</title>
</head>
@@ -68,12 +46,12 @@
<h1>捐助作者,持续开发</h1> <!-- 添加标题 -->
<div class="image-row">
<div class="image-container">
<img src="img/about.png" alt="Image 1">
<p class="image-caption">作者“神雕”开发的固件和提供的个人网站,为了持续维护和进步,呼吁有能力的网友支持本站持续运作和固件持续开发更新。不甚感激!您的捐助将用于本站的服务器架设和固件升级维护.</p>
<img src="img/danote.png" alt="Image 1">
<p class="image-caption">作者赞赏码<br /><br />作者“神雕”开发的固件和提供的个人网站,为了持续维护和进步,呼吁有能力的网友支持本站持续运作和固件持续开发更新。不甚感激!您的捐助将用于本站的服务器架设和固件升级维护.</p>
</div>
<div class="image-container">
<img src="img/about.png" alt="Image 2">
<p class="image-caption">这是图片2的说明文字</p>
<img src="img/weixin.png" alt="Image 2">
<p class="image-caption">扫码或微信号" teasiu " 可以抽出时间为小白网友提供付费远程协助,包括刷机,运维,疑难解决等需求。已组建微信群,加微信注明入群将邀请</p>
</div>
</div>
</body>

BIN
static/img/danote.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

BIN
static/img/weixin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB