-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
390 lines (383 loc) · 22 KB
/
index2.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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
<html>
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>Dimitimes</title>
<meta property="og:title" content="Dimitimes">
<meta name="description" content="온라인 수업에 혁신을 더하다.">
<meta property="og:description" content="온라인 수업에 혁신을 더하다.">
<link type="text/css" rel="stylesheet" href="https://findflag.kr/alert/sweetalert2.css" />
<script type="text/javascript" src="https://findflag.kr/alert/sweetalert2.js"></script>
<script type="text/javascript" src="https://findflag.kr/alert/es6-promise.js"></script>
<link rel="shortcut icon" href="favicon.ico">
<script src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HF7JB30096"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-HF7JB30096');
</script>
<script data-ad-client="ca-pub-8092137443918299" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
function jaga_ok() {
swal({
position: 'top-end',
title : "원클릭 자가진단 완료",
text : "무증상으로 원클릭 자가진단을 완료했습니다.\n증상이 있다면, 꼭 수동으로 다시 자가진단에 참여해주세요.",
type : "success",
icon: 'success',
showConfirmButton: true
});
}
function jaga_fail(fail) {
swal({
position: 'top-end',
title : "원클릭 자가진단 실패",
text : "오류로 인해 원클릭 자가진단에 실패했습니다.\n오류 : [" + fail + "]",
type : "error",
icon: 'error',
showConfirmButton: true
});
}
function jaga_text(error) {
swal({
position: 'top-end',
title : "[" + error + "] 입력란 미입력",
text : "[" + error + "] 입력란 미입력으로 인해 원클릭 자가진단에 실패했습니다.\n해당 입력란을 다 채우고 다시 원클릭 자가진단을 수행해주세요.",
type : "error",
icon: 'error',
showConfirmButton: true
});
}
function submit_error() {
swal({
position: 'top-end',
title : "이용 불가",
text : "자세한 사유는 새로고침 시 뜨는 안내문을 참고 바랍니다.",
type : "error",
icon: 'error',
showConfirmButton: true
});
}
function submit_errors() {
swal({
position: 'top-end',
title : "이용 불가",
text : "서버 수정 작업으로 인해 몇일 간 이용이 불가능합니다.",
type : "error",
icon: 'error',
showConfirmButton: true
});
}
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1&family=Noto+Sans+KR:wght@900&display=swap');
body {
text-align: center;
}
div {
text-align: center;
font-size: 50px;
font-family: 'Noto Sans KR', sans-serif;
color: gray;
}
h1 {
text-align: center;
font-size: 100px;
line-height: 60px;
font-family: 'Noto Sans KR', sans-serif;
}
p {
text-align: center;
font-size: 20px;
font-family: 'Noto Sans KR', sans-serif;
color: gray;
}
a {
text-align: center;
font-size: 30px;
font-family: 'Noto Sans KR', sans-serif;
color: rgb(43, 128, 255);
text-decoration: none;
}
input {
text-align: center;
font-size: 40px;
font-family: 'Noto Sans KR', sans-serif;
color: black;
}
.loadingBox .circle {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100px; height:100px; border:10px solid rgb(244, 11, 126); border-top:10px solid white; border-radius:50em; transition:all .2s;
animation-name:spinCircle;
animation-duration:.8s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}
@keyframes spinCircle {
from {
transform:translate(-50%, -50%) rotate(0);
}
to {
transform:translate(-50%, -50%) rotate(360deg);
}
}
.wrap div{width:100%; text-align:center; font-size:20px; font-weight:700; color:#fff;}
.top_bar_fix{position:fixed; top:0; left:0; width:100%;}
.pd_top_80{padding-top:80px;}
/* .wrap .top_fix_zone{height:60px; background:rgb(244, 11, 126); line-height:60px;} */
.wrap .top_fix_zone{height:30px; background:rgb(244, 11, 126); line-height:30px;}
.wrap .top_fix_zones{height:60px; background:#007bff; line-height:60px;}
button {
height: 2.5em;
cursor: pointer;
}
#popup {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
z-index: 1;
}
#popup.hide {
display: none;
}
#popup.has-filter {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
#popup .content {
padding: 20px;
background: #fff;
border-radius: 5px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}
</style>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>
<body>
<img style="display: none;" width="10px" src="https://dimitimes.github.io/dimitimes_logo.png">
<!-- Channel Plugin Scripts -->
<script>
(function() {
var w = window;
if (w.ChannelIO) {
return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
}
var ch = function() {
ch.c(arguments);
};
ch.q = [];
ch.c = function(args) {
ch.q.push(args);
};
w.ChannelIO = ch;
function l() {
if (w.ChannelIOInitialized) {
return;
}
w.ChannelIOInitialized = true;
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js';
s.charset = 'UTF-8';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
if (document.readyState === 'complete') {
l();
} else if (window.attachEvent) {
window.attachEvent('onload', l);
} else {
window.addEventListener('DOMContentLoaded', l, false);
window.addEventListener('load', l, false);
}
})();
ChannelIO('boot', {
"pluginKey": "de7d5cbe-58d0-497d-8cd4-e98e2212997c"
});
</script>
<script>
function saveCookie(){
var date = new Date();
date.setDate(date.getDate() + 7);
var willCookie = "";
willCookie += "nameCookie=" + document.getElementById('name').value + ";";
willCookie += "expires=" + date.toUTCString();
document.cookie = willCookie;
console.log(willCookie);
willCookie = "";
willCookie += "numberCookie=" + document.getElementById('number').value + ";";
willCookie += "expires=" + date.toUTCString();
document.cookie = willCookie;
console.log(willCookie);
willCookie = "";
willCookie += "codeCookie=" + document.getElementById('code').value + ";";
willCookie += "expires=" + date.toUTCString();
document.cookie = willCookie;
console.log(willCookie);
}
</script>
<!-- End Channel Plugin -->
<div id="loading" class="loadingBox" style="display: none;">
<!-- <div id="loading" class="loadingBox"> -->
<div class="dim"></div>
<div class="circle"></div>
</div>
<script>
function but_click(){
saveCookie();
document.getElementById("loading").style.display = "block";
}
function but_clicks(){
saveCookie();
document.getElementById("loading").style.display = "block";
var name = document.getElementById('name').value;
var code = document.getElementById('code').value;
if(name == ""){
jaga_text("이름")
document.getElementById("loading").style.display = "none";
} else if(code == ""){
jaga_text("자가진단 코드")
document.getElementById("loading").style.display = "none";
} else{
$.get("https://api.findflag.kr/dimitimes/jaga/" + name + '/' + code.substring(0, 6) + '/' + code.substring(6, 10), function(jqXHR) {
if(jqXHR == "성공적으로 자가진단을 수행하였습니다."){
console.log("success >>> " + jqXHR);
document.getElementById("loading").style.display = "none";
jaga_ok();
} else{
console.log("fail >>> " + jqXHR);
document.getElementById("loading").style.display = "none";
jaga_fail(jqXHR);
}
});
}
}
function showPopup(hasFilter) {
const popup = document.querySelector('#popup');
if (hasFilter) {
popup.classList.add('has-filter');
} else {
popup.classList.remove('has-filter');
}
popup.classList.remove('hide');
}
function closePopup() {
const popup = document.querySelector('#popup');
popup.classList.add('hide');
}
</script>
<div id="popup" class="hide" style="word-break: keep-all;">
<div class="content">
<p style="color: rgb(244, 11, 126); font-size: 40px;">디미타임즈는 3학년 선배님들의</p>
<p style="color: rgb(244, 11, 126); font-size: 40px;">성공적인 수능을 응원합니다! 화이팅!</p>
<!-- <p style="color: white;">.</p> -->
<input onclick="closePopup()" type="submit" value="확인 및 닫기" style="cursor: pointer; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; color: white; background-color: #00aaff; border: 0; outline: 0; border-radius: 10px; padding: 4px 10px 4px 10px;">
</div>
</div>
<script>
// setTimeout(function() {
// showPopup(true);
// }, 100);
</script>
<div class="wrap">
<div class="top_fix_zones" id="topBar">
<a style="color: white;">더 밝은 색감으로 변한 UI 2.1 Design이 적용되었습니다!</a>
</div>
</div>
<!-- <div class="wrap">
<div class="top_fix_zone" id="topBar">
<a style="color: white; font-size: 15px;">21일 적용되는 개인정보처리방침에 변경사항이 있습니다. 관련 조항에 따라 20일부터 24일까지 이를 공지합니다.</a>
</div>
</div>
<div class="wrap">
<div class="top_fix_zone" id="topBar">
<a style="font-size: 15px;" href="https://dimitimes.github.io/privacy_policy/2021-08-09.html" target='_blank'>변경 전 개인정보처리방침</a><a style="color: white; font-size: 15px;">(20일 23시 59분 59초까지 적용됨)</a><a style="font-size: 15px;" href="https://dimitimes.github.io/privacy_policy/2021-08-21.html" target='_blank'> 변경 후 개인정보처리방침</a><a style="color: white; font-size: 15px;">(21일 00시 00분 00초부터 적용됨)</a>
</div>
</div> -->
<br><br><br><br>
<h1 style="color: gray; text-align: center; font-size: 80px; line-height: 80px; font-family: 'Noto Sans KR', sans-serif;">Welcome to</h1>
<h1 style="color: rgb(244, 11, 126); text-align: center; font-size: 120px; line-height: 100px; font-family: 'Noto Sans KR', sans-serif;">Dimitimes</h1>
<p style="font-size: 30px; padding-left: 320px;">with UI 2.1 Design</p>
<!-- <h1 style="color: rgb(244, 11, 126); text-align: center; font-size: 50px; line-height: 70px; font-family: 'Noto Sans KR', sans-serif;">Design by KimAin in GitHub</h1> -->
<!-- <br><br><br>
<div style="font-size: 25px;">온라인 수업 자동 연결 기능은 디미고 학생인증 후 사용 가능합니다.</div>
<div style="font-size: 25px;">1학년의 모든 과를 지원하고, 수업 링크 유출 시 처벌될 수 있습니다.</div> -->
<br><br>
<div onclick="window.open('https://benedu.co.kr')" style="cursor: pointer; font-size: 23px; color: white; text-align: center; width: 800px; margin-left: auto; margin-right: auto; font-family: 'Noto Sans KR', sans-serif; background-color: #007bff; border-radius: 10px; padding: 4px 10px 4px 10px;">
<img width="30px" src="https://benedu.co.kr/Content/dimigo/images/benedu.png">
<a style="font-size: 25px;">친구들! 베네듀 했어요?? 여기 눌러서 베네듀 하고 가요!</a>
<img width="30px" src="https://benedu.co.kr/Content/dimigo/images/benedu.png">
</div>
<br>
<br>
<br>
<div style="text-align: center; position: relative;">
<!-- <div style="position: absolute; top: 160px; left: 50%; margin-left: -10px; transform: translate(-50%, -50%); background: repeating-linear-gradient(-45deg, red, red 10px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30px); border-radius: 10px; width: 700px; height: 140px; color: black; font-size: 30px; z-index: 6;"><p></p><a style="opacity: 1.0; font-size: 30px;">온라인 수업 기간 아님</a><br><a style="font-size: 20px; opacity: 1.0;">원클릭 자가진단은 Yaza.live 카톡 챗봇에서 이용 가능</a><br><a style="font-size: 20px; opacity: 1.0;">디지털 교과서(PDF)는 아래에서 정상적으로 다운로드 가능</a></div> -->
<form action="https://api.findflag.kr/dimigo/realStudent" method="POST">
<a style="color: rgb(244, 11, 126); font-size: 40px;">온라인 수업 연결 로그인</a>
<br>
<!-- <div style="font-size: 23px; color: white; text-align: center; width: 800px; margin-left: auto; margin-right: auto; font-family: 'Noto Sans KR', sans-serif; background-color: red; border-radius: 10px; padding: 4px 10px 4px 10px;">등록되지 않은 사용자라고 뜬다면 <a href="https://dimitimes.github.io/signup" target='_blank' style="font-size: 23px;">여기에서</a> 학생 등록 후 사용해주세요!</div> -->
<!-- <div style="display: inline-block; margin-left: -8px; position: absolute; top: 176px; background-color: red; border-radius: 10px; width: 680px; height: 200px; color: white; font-size: 30px; opacity: 0.8;">온라인 기간 아님 <a style="font-size: 15px;">(원클릭 자가진단은 Yaza.live 카톡 챗봇에서 가능함)</a></div> -->
<input type="text" placeholder="학번" id="number" name="number" style="font-size: 25px; font-family: 'Noto Sans KR', sans-serif; color: black; width: 170px; z-index: 1;">
<input type="text" placeholder="이름" id="name" name="name" style="font-size: 25px; font-family: 'Noto Sans KR', sans-serif; color: black; width: 170px; z-index: 2;">
<input onclick="but_click()" type="submit" value="학생인증 >" style="cursor: pointer; font-size: 25px; font-family: 'Noto Sans KR', sans-serif; color: white; background-color: #007bff; border: 0; outline: 0; border-radius: 10px; padding: 4px 10px 4px 10px;">
<!-- <input onclick="submit_error()" type="button" value="학생인증 >" style="cursor: pointer; font-size: 25px; font-family: 'Noto Sans KR', sans-serif; color: white; background-color: #007bff; border: 0; outline: 0; border-radius: 10px; padding: 4px 10px 4px 10px; z-index: 3;"> -->
<br>
<input type="text" min="0" placeholder="생년월일+비밀번호(총 10자리)" id="code" name="code" style="font-size: 25px; font-family: 'Noto Sans KR', sans-serif; color: black; width: 444px; z-index: 4;">
<input onclick="but_clicks()" type="button" value="원클릭 자가진단 >" style="cursor: pointer; font-size: 25px; font-family: 'Noto Sans KR', sans-serif; color: white; background-color: #007bff; border: 0; outline: 0; border-radius: 10px; padding: 4px 10px 4px 10px;">
<!-- <input onclick="submit_error()" type="button" value="원클릭 자가진단 >" style="cursor: pointer; font-size: 25px; font-family: 'Noto Sans KR', sans-serif; color: white; background-color: #007bff; border: 0; outline: 0; border-radius: 10px; padding: 4px 10px 4px 10px; z-index: 5;"> -->
<br>
<i style="font-size: 20px; padding: 0px; margin: 0px;" class="fas fa-question-circle">.</i>
<h style="font-size: 20px; padding: 0px; margin: 0px;">학생인증을 눌렀을 때 오류코드가 뜬다면 우측 하단 채널톡을 통해 연락주세요.</a>
</form>
</div>
<script>
function getCookie(cName) {
cName = cName + '=';
var cookieData = document.cookie;
var start = cookieData.indexOf(cName);
var cValue = '';
if(start != -1){
start += cName.length;
var end = cookieData.indexOf(';', start);
if(end == -1)end = cookieData.length;
cValue = cookieData.substring(start, end);
}
return unescape(cValue);
}
function loadCookie(){
document.getElementById('name').value = getCookie("nameCookie");
console.log(getCookie("nameCookie"));
document.getElementById('number').value = getCookie("numberCookie");
console.log(getCookie("numberCookie"))
document.getElementById('code').value = getCookie("codeCookie");
console.log(getCookie("codeCookie"))
}
loadCookie();
</script>
<br>
<div style="text-align: center;">
<form action="" method="POST">
<a style="color: rgb(244, 11, 126); font-size: 40px;">디지털 교과서(PDF) 다운로드</a>
<br><br>
<h style="font-size: 20px; padding: 0px; margin: 0px;">디지털 교과서는 book.dimigo.me에서 다운로드 가능합니다.</a><br><br>
<input onclick="window.location.href='https://book.dimigo.me'" type="button" value="book.dimigo.me 바로가기" style="cursor: pointer; font-size: 25px; font-family: 'Noto Sans KR', sans-serif; color: white; background-color: #007bff; border: 0; outline: 0; border-radius: 10px; padding: 4px 10px 4px 10px;">
</form>
</div>
<br><br>
<p><a href="https://stats.uptimerobot.com/2qABoFkDp8" target='_blank' style="text-align: center; font-size: 19px;">Server Status</a><a style="text-align: center; font-size: 19px; color: gray;"> | </a><a href="https://kimain.notion.site/71de2d5eaf7546c29a64a2a05d9e69fd" target='_blank' style="text-align: center; font-size: 19px;">Release Notes</a><a style="text-align: center; font-size: 19px; color: gray;"> | Copyright © 2021-2022 KimAin. 모든 권리 보유.</a></p>
<div style="text-align: center;">
<a style="font-size: 16px;">본 서비스를 이용하는 것은 디미타임즈의 </a><a style="font-size: 16px;" href="https://dimitimes.github.io/privacy_policy/2021-08-21.html" target="_blank">개인정보처리방침</a><a style="font-size: 16px;"> 및 </a><a style="font-size: 16px;" href="https://dimitimes.github.io/terms_of_service/2021-08-09.html" target="_blank">이용약관</a><a style="font-size: 16px;">에 동의하는 것으로 간주됩니다.</a>
</div>
<br><br><br><br><br>
</body>
</html>