-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (140 loc) · 6.48 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0WNSMQZ6EK"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag () {dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-0WNSMQZ6EK');
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2219040305096502"
crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css.css">
<title>MapleStorage</title>
<link rel="shortcut icon" href="#">
<style>
@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap');
</style>
</head>
<body>
<header>
<img src="img/MapleStory_Logo.png" id="logo" class="waitingClick">
</header>
<div id="background"></div>
<audio id="bgm" controls src="music/(구)로그인.mp3"></audio>
<img id="clickCursor" src="img/Cursor.1.gif">
<form class="logIn-form">
<input
id="input"
type="text"
required
maxlength="15"
placeholder="닉네임을 입력해주세요!"/>
<button id="login">로그인</button>
</form>
<section class="scene1">
<div class="option-container">
<div id="taxiInfo" class="taxi_div positionChange" style="visibility:hidden;">
<div id="townIcon-Wrapper">
<img src="img/헤네시스주문서.png" id="헤네시스" class="townIcon waitingClick">
<img src="img/페리온주문서.png" id="페리온" class="townIcon waitingClick">
<img src="img/커닝시티주문서.png" id="커닝시티" class="townIcon waitingClick">
<img src="img/엘리니아주문서.png" id="엘리니아" class="townIcon waitingClick">
<img src="img/슬리피우드주문서.png" id="슬리피우드" class="townIcon waitingClick">
</div>
</div>
<div id="quest" class="positionChange" style="visibility:hidden;">
<form class="todo-input todo-text">
<div id="greeting"></div>
<input
id="todo"
type="text"
required
placeholder="할 일을 입력해주세요!"/>
</form>
<div class="todo-list"></div>
</div>
<div id="TIMER" class="positionChange" style="visibility:hidden;">
<!-- <input type="radio" id="100s" name="timer" value="100" class="timer-text">
<label for="100s" class="timer-text">100초 아이템 수확</label>
<br> -->
<div id="timer-option">
<input type="radio" id="600s" name="timer" value="600" class="waitingClick">
<label for="600s" class="waitingClick">10분 경험치 쿠폰</label>
<br>
<input type="radio" id="900s" name="timer" value="900" class="waitingClick">
<label for="900s" class="waitingClick">15분 경험치 쿠폰</label>
<br>
<input type="radio" id="1200s" name="timer" value="1200" class="waitingClick">
<label for="1200s" class="waitingClick">20분 경험치 쿠폰</label>
<br>
<input type="radio" id="1800s" name="timer" value="1800" class="waitingClick">
<label for="1800s" class="waitingClick">30분 경험치 쿠폰</label>
<br>
<input type="radio" id="3600s" name="timer" value="3600" class="waitingClick">
<label for="3600s" class="waitingClick">60분 경험치 쿠폰</label>
<br>
<input type="checkbox" id="100s" name="get-item" class="waitingClick">
<label for="100s" class="waitingClick">100초 아이템 줍기</label>
</div>
<div class="btn-wrapper">
<button onclick="timerStart()" id="timerStartBtn" class="ActivationStart waitingClick"></button>
<button onclick="timerCancel()" id="timerCancelBtn" class="DeactivationCancel" disabled></button>
<div id="tooltip">
<button class="tooltip-button waitingClick"></button>
<div class="tooltip-text" class="hidden">2시간 후 타이머가 자동 종료됩니다!</div>
</div>
</div>
<div id="tictac-area">
<div id="totalTime"></div>
<div id="progress-area">
<div id="remainingTime"></div>
<div id="progressBar"></div>
</div>
<div id="progress-area2">
<div id="remainingTime2"></div>
<div id="progressBar2"></div>
</div>
</div>
<div id="result-area">
<div id="result-starttime" class="resultInfo"></div>
<div id="result-stoptime" class="resultInfo"></div>
<div id="result-totalcount" class="resultInfo"></div>
<div><img src="img/expcoupon.png" alt=""><span id="result-expcoupon" class="resultInfo"></span></div>
<div><img src="img/meso.png" alt=""><span id="result-item" class="resultInfo"></span></div>
</div>
</div>
</div>
</div>
</section>
<section class="scene2">
<div class="npc-absolute">
<div class="npc-container">
<img id="taxi" class="waitingClick" src="img/taxi.png">
<!-- <img src="img/character.png" id="character"> -->
<img src="img/todoNpc.gif" id="todoNpc" class="waitingClick">
<img src="img/timerNpc.gif" id="timerNpc" class="waitingClick">
</div class="npc-container">
</div>
</section>
<div id="clock" style="display: none;"></div>
<!--<footer>-->
<!-- <address> [email protected] </address>-->
<!--</footer>-->
<script src="js/greeting.js"></script>
<script src="js/clock.js"></script>
<script src="js/todolist.js"></script>
<script src="js/taxi.js"></script>
<script src="js/timer.js"></script>
<script src="js/character.js"></script>
<script src="js/toggle.js"></script>
<script src="js/window.js"></script>
<script src="js/createImage.js"></script>
<script src="js/clickCursor.js"></script>
</body>
</html>