-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
151 lines (127 loc) · 6.59 KB
/
index.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!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;
}
.grey {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.non_grey {
-webkit-filter: grayscale(0) !important;
filter: grayscale(0) !important;
}
</style>
</head>
<body style="height: 10vh;overflow: hidden">
<audio id="bgm" src="fail.mp3" hidden="hidden" >Your browser does not support the <code>audio</code> element.</audio>
<div style="position: absolute;z-index: 10;width: 100%;height: 95vw">
<div style="display: flex;justify-content: center;align-items: center;height: 100%;flex-direction: column;">
<p style="color: #e00a0a;margin: 1vw;">电脑，危!</p>
</div>
</div>
<div class=non_grey 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;">最后一根稻草</span>
</div>
</div>
</div>
<div class=grey 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="color: #e00a0a;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>电脑进水后，切忌被侥幸心理裹挟，抱着“试一试”的态度，去自行开机检查!这种做法极有可能加重电脑的损害程度，甚至烧毁元件，造成严重后果!(心疼电脑)</p>
<p>因此，侠侠在此大声疾呼：</p>
<p>千万不要自行开机检查！</p>
<p>在进水后首先应当做的是立即断电!如果电脑未开机，请立即移除电池(如果可能)和电源；如果电脑处于开机状态，在有重要工作时可先保存文件，然后立即强制关机(长按电源键数秒)，移除电池(如果可能)和电源；如有外接或抽换式的模块零件（如光驱、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>