-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdonate.html
82 lines (82 loc) · 4.08 KB
/
donate.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<head>
<title>黑曜石服务器</title>
<link href="favicon.ico" rel="shortcut icon" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=5.0">
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/css/bootstrap.css" rel="stylesheet">
<link href="//cdn.bootcdn.net/ajax/libs/bootswatch/5.3.1/yeti/bootstrap.css" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/js/bootstrap.min.js"></script>
<style>@font-face { font-family: unifont; src: url("./unifont.ttf") format("TrueType"); } .😀 { width: 80%; } @media screen and (min-width: 768px) { .😀 { width: 26%; } } .☑️ { background-color: #bababa;border-top: 3px solid white;border-left: 3px solid white;border-right: 3px solid #555555;border-bottom: 3px solid #555555;outline: solid 3px black;padding: 10px;text-align: center; } @keyframes marquee { 0% { transform: translateX(100vw); } 100% { transform: translateX(-300vw); } }</style>
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
</head>
<body style="background-image: url(./images/obsidian.png);background-size: 50px 50px;image-rendering: pixelated;background-color: indigo;font-family: unifont;color: white;">
<nav class="navbar navbar-expand-lg bg-dark" style="width: 100vw;position: fixed;z-index: 100;" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">黑曜石服务器</a>
<button class="navbar-toggler collapsed float-md-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbar">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">首页</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">捐赠</a>
</li>
<li class="nav-item">
<a class="nav-link" href="group.html">组织</a>
</li>
<li class="nav-item">
<a class="nav-link" href="opandop.html">管理员和服主</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contactus.html">联系方式</a>
</li>
</ul>
</div>
</div>
</nav>
<div style="height: 30vh;display: flex;justify-content: center;align-items: center;"><h1>捐赠</h1></div>
<div class="row">
<div class="col-md">
<img class="d-block mx-auto my-2 w-75" src="./images/pay.jpg">
</div>
</div>
<div style="width: 100%;height: 20px;background-color: gray;overflow: hidden;">
<p style="animation: marquee 20s linear infinite;white-space: nowrap;">千里黄云白日曛，北风吹雁雪纷纷。莫愁前路无知己，天下谁人不识君。六翮飘飖私自怜，一离京洛十馀年。丈夫贫践应未足，今日相逢无酒钱。——高适《别董大》</p>
</div>
<center>©2024 黑曜石服务器<br>
<span id="span"></span>
<script type="text/javascript">
function runtime(){
// 初始时间，日/月/年 时:分:秒
X = new Date("3/10/2024 9:00:00");
Y = new Date();
T = (Y.getTime()-X.getTime());
M = 24*60*60*1000;
a = T/M;
A = Math.floor(a);
b = (a-A)*24;
B = Math.floor(b);
c = (b-B)*60;
C = Math.floor((b-B)*60);
D = Math.floor((c-C)*60);
//信息写入到DIV中
span.innerHTML = "已运行:"+A+"天"+B+"小时"+C+"分"+D+"秒"
}
setInterval(runtime, 1000);
</script>
<img style="width:30px;height:30px;margin-bottom:-4px" src="https://moe.one/view/img/ico64.png">
<a href="https://icp.gov.moe/?keyword=20241918" style="color: white;" target="_blank ">Moe20241918</a>
<br>
<a href="http://wapmz.com/in/86"><img src="http://wapmz.com/cn/small/86" alt="wapmz.com"></a>
<a href="http://wapmz.com/in/87"><img src="http://wapmz.com/cn/small/87" alt="wapmz.com"></a>
</center>
</body>
</html>