-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
155 lines (138 loc) · 6.55 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
152
153
154
155
<html>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?67d5954bf02e3f39475a763122a6aea0";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<head>
<meta name="keywords" content="摸鱼;休息片刻">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="description" content="休息片刻，让你的电脑看起来正在更新">
<title>休息片刻</title>
<link rel="stylesheet" type="text/css" href="./css/index.css" />
<link rel="stylesheet" type="text/css" href="./css/windows.css" />
<link rel="stylesheet" type="text/css" href="./css/mobile.css" />
<link rel="stylesheet" type="text/css" href="./css/mac.css" />
</head>
<body>
<!-- 移动端提示 -->
<div id="mobile-tips" class="wrapper">
<h3>休息片刻</h3>
<h4>让你的电脑看起来在更新</h4>
<p style="margin-top: 30px;color: #888;font-size: 12px;">暂不支持移动端，请使用PC访问</p>
</div>
<!-- 控制部分 -->
<div id="control" class="wrapper">
<h3 class="main-title">休息片刻，让你的电脑看起来在更新</h3>
<button id="control-btn">更 新</button>
<div id="radio-box">
<div class="fixeld-row flex center">
<div class="flex middle fixeld">
<div class="config-label">更新界面：</div>
<div class="flex middle">
<input name="wrapperId" type="radio" value="" id="radio-auto" checked="true"><label for="radio-auto">自动</label>
</div>
<div class="flex middle">
<input name="wrapperId" type="radio" value="windows" id="radio-windows"><label for="radio-windows">windows</label>
</div>
<div class="flex middle">
<input name="wrapperId" type="radio" value="mac" id="radio-mac"><label for="radio-mac">Mac</label>
</div>
</div>
</div>
<div class="fixeld-row flex center">
<div class="flex middle fixeld">
<div class="config-label">更新时长：</div>
<div class="flex middle">
<input name="updateDuration" type="radio" value="30" id="30-min" checked="true"><label for="30-min">30分钟</label>
</div>
<div class="flex middle">
<input name="updateDuration" type="radio" value="15" id="15-min"><label for="15-min">10分钟</label>
</div>
<div class="flex middle">
<input name="updateDuration" type="radio" value="5" id="5-min"><label for="5-min">5分钟</label>
</div>
<!-- <div class="flex middle">
<input name="updateDuration" type="radio" value="60" id="60-min"><label for="60-min">60分钟</label>
</div> -->
</div>
</div>
<div class="fixeld-row flex center">
<div class="flex middle fixeld">
<div class="config-label">副屏模式：</div>
<div class="flex middle">
<input name="viceScreen" type="radio" value="off" id="vice-off" checked="true"><label for="vice-off">关闭</label>
</div>
<div class="flex middle">
<input name="viceScreen" type="radio" value="on" id="vice-on"><label for="vice-on">开启</label>
</div>
</div>
</div>
</div>
<div class="explain">
<p>鼠标移入底部可以隐藏</p>
<p>退出更新：ESC</p>
</div>
<div class="github-box">
<a href="https://github.com/nijun008/sit_back" target="_blank">
<svg t="1640856030173" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1877" width="48" height="48"><path d="M512 42.666667A464.64 464.64 0 0 0 42.666667 502.186667 460.373333 460.373333 0 0 0 363.52 938.666667c23.466667 4.266667 32-9.813333 32-22.186667v-78.08c-130.56 27.733333-158.293333-61.44-158.293333-61.44a122.026667 122.026667 0 0 0-52.053334-67.413333c-42.666667-28.16 3.413333-27.733333 3.413334-27.733334a98.56 98.56 0 0 1 71.68 47.36 101.12 101.12 0 0 0 136.533333 37.973334 99.413333 99.413333 0 0 1 29.866667-61.44c-104.106667-11.52-213.333333-50.773333-213.333334-226.986667a177.066667 177.066667 0 0 1 47.36-124.16 161.28 161.28 0 0 1 4.693334-121.173333s39.68-12.373333 128 46.933333a455.68 455.68 0 0 1 234.666666 0c89.6-59.306667 128-46.933333 128-46.933333a161.28 161.28 0 0 1 4.693334 121.173333A177.066667 177.066667 0 0 1 810.666667 477.866667c0 176.64-110.08 215.466667-213.333334 226.986666a106.666667 106.666667 0 0 1 32 85.333334v125.866666c0 14.933333 8.533333 26.88 32 22.186667A460.8 460.8 0 0 0 981.333333 502.186667 464.64 464.64 0 0 0 512 42.666667" p-id="1878" fill="#fff"></path></svg>
</a>
</div>
<div class="ipc-info">
<a href="https://beian.miit.gov.cn/">蜀ICP备2022001327号-1</a>
</div>
</div>
<!-- windows -->
<div id="windows" class="wrapper">
<div>
<div class="loading">
<div style="padding-right: 40px;">
<div class="loading-icon">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="loading-content">
<div class="prog-row">
<div>正在进行更新</div>
<div class="prog-pancel">
<span id="prog">0</span>%
</div>
</div>
<div class="">请保持计算机打开状态</div>
</div>
</div>
<div id="footer-tips">计算机可能会重启几次</div>
</div>
</div>
<!-- Mac -->
<div id="mac" class="wrapper">
<div class="mac-box">
<div class="mac-logo-box">
<img src="images/logo_apple.png">
</div>
<div class="mac-prog-box">
<div class="max-prog">
<div id="prog-bar"></div>
</div>
</div>
<div class="mac-text">此更新需要几分钟时间完成，且屏幕将变暗长达一分钟。</div>
</div>
</div>
<!-- TODO IOS -->
<div class="wrapper"></div>
<!-- TODO Android -->
<div class="wrapper"></div>
<div class="hidden-cursor"></div>
<script src="./js/index.js"></script>
</body>
</html>