mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-20 20:21:20 -08:00
chore: Update donation link in navigation bar
This commit is contained in:
1 parent
0d830e04d8
commit
82d263bc6c
7 files changed
+131
-27
No files matched your search
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>捐助 Artplayer.js</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<meta name="keywords" content="artplayer, player, js, html5, video" />
|
||||
<meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player" />
|
||||
<link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="./assets/css/normalize.css" />
|
||||
<style>
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #666;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #fff;
|
||||
line-height: 1.5;
|
||||
font-size: 14px;
|
||||
background-color: #000;
|
||||
background-image: url(./assets/img/tactile_noise.webp);
|
||||
font-family: 'Helvetica Neue', 'Luxi Sans', 'Segoe UI', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif, 'Apple Logo';
|
||||
}
|
||||
|
||||
.main {
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
border-left: 1px solid rgb(226 226 226 / 10%);
|
||||
border-right: 1px solid rgb(226 226 226 / 10%);
|
||||
box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
|
||||
background-color: rgb(0 0 0 / 20%);
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid rgb(226 226 226 / 10%);
|
||||
}
|
||||
|
||||
.pay {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid rgb(226 226 226 / 10%);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="main">
|
||||
<div class="title">
|
||||
捐助 Artplayer.js
|
||||
<div>Donate to Artplayer.js</div>
|
||||
</div>
|
||||
<div class="pay">
|
||||
<img src="./assets/img/wechat.jpg" height="280" />
|
||||
<img src="./assets/img/alipay.jpg" height="280" />
|
||||
<a href="https://paypal.me/harveyzack" style="height: 60px">
|
||||
<img src="./assets/img/paypal.svg" height="60" />
|
||||
</a>
|
||||
</div>
|
||||
<div style="margin-bottom: 20px;">
|
||||
感谢以下捐助者的支持!
|
||||
<div>Thank you for the support of the following sponsors!</div>
|
||||
</div>
|
||||
<table border="1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th align="left">称呼(Name)</th>
|
||||
<th align="left">金额(Amount)</th>
|
||||
<th align="left">备注(Note)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in new issue
Block a user