-
Notifications
You must be signed in to change notification settings - Fork 1
/
red.html
132 lines (111 loc) · 5.14 KB
/
red.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>太臭了!</title>
<link rel="shortcut icon" href="logo.ico">
<style>
@font-face {
font-family: 'PixelFont18';
src: url('font18.TTF');
}
@font-face {
font-family: 'PixelFont14';
src: url('font14.TTF');
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
p {
font-family: PixelFont14,serif;
font-size: 5vw;
line-height: 6vw;
margin: 0 2vw 1em;
}
span {
font-family: PixelFont14,serif;
font-size: 5vw;
}
.button:active {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: ignore;
-moz-user-select: none;
}
#achievement {
transition-duration: 1s;
}
</style>
</head>
<body style="height: 10vh;overflow: hidden">
<audio id="bgm" src="getAchievement.mp3" hidden="hidden" >Your browser does not support the <code>audio</code> element.</audio>
<div id="achievement" style="position: fixed;z-index: 200;width: 100%;top:-20vw;">
<div style="display: flex;justify-content: center;align-items: center;height: 100%;">
<img src="achievement.png" alt="" style="width: 70vw">
<div style="position: absolute;display: flex;justify-content: center;align-items: center;height: 100%;flex-direction: column;left: 40vw">
<span style="color: #ffce00;margin: 1vw;">获得成就</span>
<span style="color: #ffffff;margin: 1vw;">114514</span>
</div>
</div>
</div>
<div style="width:100%; margin: auto; padding: 34% 0 12px 0;background-image: url(background.png);background-size: 100%;height: 100%;">
<div style="position: fixed;top: 12px;right: 12px;z-index: 100">
<a href="https://itxia.club">
<img class=button src="hb.png" style="height: 10vw;" alt="home">
</a>
</div>
<div style="margin: 0 12px;height: 100%; position: relative; display: flex; flex-direction: column">
<div style="position: absolute;z-index: 10;width: 100%;height: 27vw; flex: 0 0 27vw">
<div style="display: flex;justify-content: center;align-items: center;height: 100%;flex-direction: column;">
<p style="margin: 1vw;">这么臭的电脑还有必要存在吗？</p>
</div>
</div>
<div style="opacity: 0.85; flex: 1; height: 10vh;display: flex; flex-direction: column">
<img src="div1.png" style="position: relative;width: 100%;display: block;" alt=""/>
<div style="padding: 0 4vw;background: url(div2.png);background-size: 100% auto;overflow-y: scroll;opacity: 1">
<p>在进水后首先应当做的是立即断电!而不是发出一些不明所以的声音(x。如果电脑未开机，请立即移除电池(如果可能)和电源；如果电脑处于开机状态，在有重要工作时可先保存文件，然后立即强制关机(长按电源键数秒)，移除电池(如果可能)和电源；如有外接或抽换式的模块零件（如光驱、U盘、移动硬盘等）也尽可能一并取下；</p>
<p>接下来，将液体轻轻擦拭干净后，视电脑进水情况正确摆放电脑并将机体及零件晾干(或小心正确使用吹风机吹干，请注意吹风机不要触碰电路板和芯片)，在此过程中不要大幅度移动或转动电脑，避免液体流动扩大损害范围!</p>
<p>在晾干后，请及时寻求专业帮助!</p>
<a href="https://zhuanlan.zhihu.com/p/58517356"><img class="button" src="ref.png" style="width: 100%;display: block;" alt=""/></a>
<p></p>
<a href="https://sspai.com/post/44431"><img class="button" src="ref2.png" style="width: 100%;display: block;" alt=""/></a>
</div>
<img src="div3.png" style="position: relative;width: 100%;" alt=""/>
</div>
<div style="margin: 8px 0 30px; flex: 0 0 auto; width: 100%; display: grid; column-gap: 8px; grid-template-columns: 1fr 1fr 1fr 1fr">
<a href="https://table.nju.edu.cn/dtable/forms/ab0b01d4-c8c4-4151-b8d7-2ff3438cbde7/">
<img class=button src="r_b.png" style="width: 100%;" alt="submit application form"/>
</a>
<a href="https://mp.weixin.qq.com/s/Aoy3HEq0lriuX9LwC5aKKQ">
<img class=button src="g_b.png" style="width: 100%" alt="recruit information"/>
</a>
<a href="https://nju.itxia.cn">
<img class=button src="y_b.png" style="width: 100%" alt="make appointments"/>
</a>
<a href="https://www.yuque.com/itxia/intro_for_public/brief_history">
<img class=button src="b_b.png" style="width: 100%" alt="about us"/>
</a>
</div>
</div>
</div>
<script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280506811&web_id=1280506811"></script> <!--CNZZ流量统计JS-->
</body>
<script>
window.addEventListener("resize", ()=>{
document.body.style.height = window.innerHeight + "px";
})
document.body.style.height = window.innerHeight + "px";
achieve = document.getElementById("achievement");
document.getElementById("bgm").play();
achieve.style.top = "1vw";
setTimeout(function(){
achieve.style.top = "-20vw";
},4000);
</script>
</html>