-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (121 loc) · 4.45 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta author="@ciderated">
<meta name="description" content="명일방주 훈련소 계산기 with 아이린">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<style>
@media (prefers-color-scheme: dark) {
.scheme {
background: #202124;
color: #bcc0c3;
}
}
@media (prefers-color-scheme: light) {
.scheme {
background: #ffffff;
color: #202124;
}
}
h1 {
font-size: 3rem;
line-height: 3.5rem;
}
h6 {
font-size: 1rem;
line-height: 1.25rem;
}
</style>
</head>
<body class="scheme">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<div class="container-fluid">
<div class="row">
<p style="text-align: center;" id="imageSet">
</p>
</div>
</div>
<div class="container-fluid">
<div class="row"> <!--기초 정보 입력 행-->
<div class="col-md p-3"> <!--마스터리 선택 라디오 열-->
<div class="d-grid gap-5">
<div class="form-check"> <!--마1-->
<input class="form-check-input" type="radio" name="skillMastery" value="8" id="skillMastery1" checked>
<label class="form-check-label" for="skillMastery1">
<h6>마스터리 1</h6>
</label>
</div>
<div class="form-check"> <!--마2-->
<input class="form-check-input" type="radio" name="skillMastery" value="16" id="skillMastery2">
<label class="form-check-label" for="skillMastery2">
<h6>마스터리 2</h6>
</label>
</div>
<div class="form-check"> <!--마3-->
<input class="form-check-input" type="radio" name="skillMastery" value="24" id="skillMastery3">
<label class="form-check-label" for="skillMastery3">
<h6>마스터리 3</h6>
</label>
</div>
</div>
</div>
<div class="col-md p-3">
<div class="d-grid gap-5">
<div class> <!--훈련 효율-->
<input type="number" class="form-control" placeholder="훈련소 스킬%" id="trainSpeed" aria-label="trainingSpeed"
aria-describedby="basic-addon1">
</div>
<div class="form-check"> <!--근위/사수-->
<input class="form-check-input" type="checkbox" value id="ireneSkillApplied">
<label class="form-check-label" for="ireneSkillApplied">
<h6>훈련 속도 증가 대상 직군임</h6>
<h6>아이린: 가드, 스나이퍼</h6>
<h6>로고스: 캐스터, 서포터</h6>
</label>
</div>
<div class="form-check"> <!--아스카론-->
<input class="form-check-input" type="checkbox" value id="ascalonApplied">
<label class="form-check-label" for="ascalonApplied">
<h6>제어센터에 아스카론</h6>
</label>
</div>
<div class="form-check"> <!--아이린-->
<input class="form-check-input" type="checkbox" value id="irene">
<label class="form-check-label" for="irene">
<h6>훈련 시간 절반 적용됨</h6>
<h6>지난 훈련에 아이린/로고스가 5시간 이상 훈련 협조했을 시 체크</h6>
</label>
</div>
</div>
</div>
</div>
<div class="row p-3"> <!--계산 버튼 행-->
<div class="col-auto p-3">
<button type="submit" class="btn btn-primary" onclick="trainingCalc()">
계산!
</button>
</div>
</div>
<div class="row p-3"> <!--계산 결과 행-->
<div id="finalresult2">
<h1>NN:NN:NN</h1>
</div>
<h6>지나고 나서 교체하기, 즉</h6>
<h6>훈련소에서 보이는 시간이 약</h6>
<div id="finalresult1">
<h1>NN:NN:NN</h1>
</div>
<h6>일 때 아이린/로고스로 교체하기!!</h6>
</div>
</div>
<script src="js/calculate.js"></script>
<script src="js/functions.js"></script>
</body>
<footer>
</footer>
</html>