-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
239 lines (239 loc) · 13.4 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
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
<!DOCTYPE html><html lang="ko"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="keywords" content="소녀전선,소전,GFL,girls' frontline,db,database,디비,데이터베이스,시뮬레이터,계산기,simulator,calcurator">
<meta name="description" content="Wellcome to SANGVIS FERRI Database">
<link rel="icon" sizes="128x128" type="image/png" href="favicon.png">
<meta property="og:site_name" content="SANGVIS FERRI DATABASE">
<meta property="og:url" content="https://sf2031.com/">
<meta property="og:type" content="website">
<meta property="og:title" content="SANGVIS FERRI DATABASE">
<meta property="og:description" content="Wellcome to SANGVIS FERRI Database">
<meta property="og:image" content="https://sf2031.com/img/html/og_icon.png">
<meta property="me2:image" content="https://sf2031.com/img/html/og_icon.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://sf2031.com/">
<meta name="twitter:title" content="SANGVIS FERRI DATABASE">
<meta name="twitter:description" content="Wellcome to SANGVIS FERRI Database">
<meta name="twiiter:image" content="img/html/og_icon.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/css_overwrite.css">
<title>SANGVIS FERRI DATABASE</title>
</head>
<body>
<div id="Sidebar" class="d-flex flex-column btn-dark bg-dark text-white invisible px-1"><!-- Desktop -->
<div class="logo my-3 text-center"><img src="img/logo/sidebar_gflogo.png" id="slogo"></div>
<button class="btn btn-dark">Database</button>
<button class="btn btn-dark">Simulator</button>
<button class="btn btn-dark bg-danger">Information</button>
<button class="btn btn-dark" disabled>About</button>
<a class="btn btn-dark" href="https://discordapp.com/invite/7ZKwBrA" target="_parent">Contact</a>
</div>
<div class="fixed-top bg-dark text-white d-none d-md-block">
<button id="open" class="btn btn-dark btn-sm">Menu</button>
<button class="m1 btn btn-dark btn-sm tab db">T-Doll</button>
<!-- <button class="m2 btn btn-dark btn-sm tab db">Equipment</button> -->
<!-- <button class="m3 btn btn-dark btn-sm tab db">Fairy</button> -->
<button class="m4 btn btn-dark btn-sm tab d-none sm">Disk Calculator</button>
<button class="m5 btn btn-dark btn-sm tab d-none sm">Battery Calculator</button>
<button class="m6 btn btn-dark btn-sm tab d-none sm">Powerup Simulator</button>
<a class="btn btn-dark btn-sm tab d-none sm" href="gf-spine-simulator" target="_parent">SD Simulator</a>
<a class="btn btn-dark btn-sm tab d-none sm" href="gf-bingo-calculator" target="_parent">Bingo Calculator</a>
<a class="btn btn-dark btn-sm tab d-none sm" href="gf-tdoll-generator" target="_parent">T-doll Generator</a>
<a class="btn btn-dark btn-sm tab d-none sm" href="gf-story-timeline/gf_timeline" target="_parent">GF TimeLine</a>
</div>
<div id="lm" class="d-flex flex-column bg-dark text-white text-center invisible" style="z-index:16"><!-- Mobile -->
<button id="lc" class="btn close border-bottom rounded-0">×</button>
<button class="btn btn-dark">Database</button>
<button class="btn btn-dark">Simulator</button>
<button class="btn btn-dark bg-danger">Information</button>
<button class="btn btn-dark" disabled>About</button>
<a class="btn btn-dark" href="https://discordapp.com/invite/7ZKwBrA" target="_parent">Contact</a>
</div>
<div id="rm" class="d-flex flex-column bg-dark text-white text-center invisible" style="z-index:16">
<button id="rc" class="btn close border-bottom rounded-0">×</button>
<button class="m1 btn btn-dark tab db">T-Doll</button>
<!-- <button class="m2 btn btn-dark tab db">Equipment</button> -->
<!-- <button class="m3 btn btn-dark tab db">Fairy</button> -->
<button class="m4 btn btn-dark tab d-none sm">Disk Calculator</button>
<button class="m5 btn btn-dark tab d-none sm">Battery Calculator</button>
<button class="m6 btn btn-dark tab d-none sm">Powerup Simulator</button>
<a class="btn btn-dark tab d-none sm" href="gf-spine-simulator" target="_parent">SD Simulator</a>
<a class="btn btn-dark tab d-none sm" href="gf-bingo-calculator" target="_parent">Bingo Calculator</a>
<a class="btn btn-dark tab d-none sm" href="gf-tdoll-generator" target="_parent">T-doll Generator</a>
<a class="btn btn-dark tab d-none sm" href="gf-story-timeline/gf_timeline" target="_parent">GF TimeLine</a>
</div>
<div class="text-center bg-dark text-white d-md-none clearfix"><button id="lo" class="btn btn-dark btn-sm float-left">LeftMenu</button><button id="ro" class="btn btn-dark btn-sm float-right">RightMenu</button></div>
<div id="contents" class="bg-white">
<div id="index" class="content mx-auto p-lg-3">
<div class="mx-auto" style="width:50%"><object type="image/svg+xml" data="img/logo/SFDB_main.svg"></object></div>
<div class="progress">
<div class="bg-dark progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100" style="width:91%">SANGVIS FERRI DATABASE Loading... 92%</div>
</div>
<div class="row my-3 m-0">
<div class="col-lg-6">
<i class="nt"><div class="text-white ntl">Notice</div></i>
<div class="border rounded my-3 p-3">Contributing/Bug report/Suggestions<br/>Please PR to <a href="https://github.com/ergo9ine/s.f.db">Github</a> OR Join to <a href="https://discord.gg/JKk9JcH">Discord</a><br/><br/>SFDB is do not working IE. Please using other browser<br/><strong>Desktop resolution 1920x1080 basework</strong></div>
</div>
<div class="col-lg-6">
<i class="nt"><div class="text-white ntl">Event</div></i>
<div class="col my-3 p-0">
<div id="carousel" class="carousel slide my-1" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel" data-slide-to="0" class="active"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active"><img class="d-block w-100" src="img/html/s1.jpg"></div>
<div class="carousel-item"><img class="d-block w-100" src="img/html/s2.jpg"></div>
<div class="carousel-item"><img class="d-block w-100" src="img/html/s3.jpg"></div>
</div>
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a>
</div>
</div>
</div>
<div class="col-12"><script src="https://utteranc.es/client.js" repo="SFDB-Team/sfdb_tracker" issue-term="index" theme="github-dark" crossorigin="anonymous" async></script></div>
</div>
</div>
<div id="tab1" class="content d-none"><iframe data-src="wiki/doll.html" style="width:100%;height:100%;border:0;position:absolute"></iframe></div>
<!-- <div id="tab2" class="content bg-white d-none"><iframe data-src="wiki/equip.html" style="height:100%;width:1px;min-width:100%;border:0;display:block" width="100%"></iframe></div> -->
<!-- <div id="tab3" class="content bg-white d-none"><iframe data-src="wiki/fairy.html" style="height:100%;width:1px;min-width:100%;border:0;display:block" width="100%"></iframe></div> -->
<div id="tab4" class="content bg-dark text-white d-none px-3">
<nav class="navbar navbar-dark bg-warning text-dark"><div class="container"><a class="navbar-brand">보고서 계산기</a></div></nav>
<div class="container text-center">
<div class="my-4">
<div class="col-lg-12">
<div class="text-center">
<div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" id="oath"><label class="form-check-label" for="oath">서약</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" id="fairy"><label class="form-check-label" for="fairy">요정</label></div>
</div>
<div class="form-row">
<div class="col"><label for="dollCurrentLv">현재 레벨</label><input type="number" class="form-control" id="dollCurrentLv" pattern="\d*"></div>
<div class="col"><label for="dollCurrentExp">현재 경험치</label><input type="number" class="form-control" id="dollCurrentExp" pattern="\d*"></div>
<div class="col"><label for="dollTargetLv">목표 레벨</label><input type="number" class="form-control" id="dollTargetLv" pattern="\d*"></div>
</div>
<div class="my-2" id="dollOperationReportResult">필요 작전보고서 : N/A</div>
</div>
<hr class="my-4">
<div class="col-lg-12">
<div class="form-row text-keep-all text-xl-nowrap">
<div class="col"><label for="hocCurrentLv">현재 레벨</label><input type="number" class="form-control" id="hocCurrentLv" pattern="\d*"></div>
<div class="col"><label for="hocCurrentExp">현재 경험치</label><input type="number" class="form-control" id="hocCurrentExp" pattern="\d*"></div>
<div class="col"><label for="hocTargetLv">목표 레벨</label><input type="number" class="form-control" id="hocTargetLv" pattern="\d*"></div>
<div class="col"><label for="hocTrainingGroundLv">훈련장 레벨</label><input type="number" class="form-control" id="hocTrainingGroundLv" pattern="\d*" value="10"></div>
</div>
<div id="hocOperationReportResult">필요 특수작전보고서 : N/A<br>훈련시간 : N/A<br>전지 : N/A</div>
</div>
</div>
</div>
</div>
<div id="tab5" class="content bg-dark text-white d-none row m-0 px-3">
<nav class="col-12 navbar navbar-dark bg-warning text-dark">
<div class="container">
<a class="navbar-brand">숙소 전지 계산기</a>
<p>사용 시 주의사항</p><p>* 숙소 미 개방 시, 숙소 안락도를 꼭 지워 주세요!</p><p>** 오차가 존재할 수 있습니다.</p>
</div>
</nav>
<div class="col-lg-8">
<table class="table table-dark table-sm">
<tr><td>숙소명</td><td>숙소 안락도</td><td>세트 효과</td><td>애완동물</td><td>안락도 합계</td></tr>
<tr>
<th>제1숙소</th>
<th><input id="1com"></th><th><input id="1set"></th><th><input id="1pet"></th><th><input id="1tcom"></th>
</tr>
<tr>
<th>제2숙소</th>
<th><input id="2com"></th><th><input id="2set"></th><th><input id="2pet"></th><th><input id="2tcom"></th>
</tr>
<tr>
<th>제3숙소</th>
<th><input id="3com"></th><th><input id="3set"></th><th><input id="3pet"></th><th><input id="3tcom"></th>
</tr>
<tr>
<th>제4숙소</th>
<th><input id="4com"></th><th><input id="4set"></th><th><input id="4pet"></th><th><input id="4tcom"></th>
</tr>
<tr>
<th>제5숙소</th>
<th><input id="5com"></th><th><input id="5set"></th><th><input id="5pet"></th><th><input id="5tcom"></th>
</tr>
<tr>
<th>제6숙소</th>
<th><input id="6com"></th><th><input id="6set"></th><th><input id="6pet"></th><th><input id="6tcom"></th>
</tr>
<tr>
<th>제7숙소</th>
<th><input id="7com"></th><th><input id="7set"></th><th><input id="7pet"></th><th><input id="7tcom"></th>
</tr>
<tr>
<th>제8숙소</th>
<th><input id="8com"></th><th><input id="8set"></th><th><input id="8pet"></th><th><input id="8tcom"></th>
</tr>
<tr>
<th>제9숙소</th>
<th><input id="9com"></th><th><input id="9set"></th><th><input id="9pet"></th><th><input id="9tcom"></th>
</tr>
<tr>
<th>제10숙소</th>
<th><input id="10com"></th><th><input id="10set"></th><th><input id="10pet"></th><th><input id="10tcom"></th>
</tr>
</table>
</div>
<div class="col-lg-4 my-3 bg-dark row m-0">
<div class="col-6 p-0">
<div>
<tr><th>총 안락도</th></tr>
<tr><p id="tTcom"></p></tr>
</div>
<div>
<tr><th>개방 숙소 수</th></tr>
<tr><p id="tnr"></p></tr>
</div>
<div>
<tr><th>전지 충전량(24시간 기준)</th></tr>
<tr><p id="tbr"></p></tr>
</div>
<div>
<tr><th>안락도 1000증가시 추가 전지</th></tr>
<tr><p id="abtr"></p></tr>
</div>
</div>
<div class="col-6 p-0">
<table class="table table-dark table-sm">
<tr><td colspan="2">숙소 개방당 얻는 전지 수:</td></tr>
<tr><td>2</td><th>50</th></tr>
<tr><td>3</td><th>85</th></tr>
<tr><td>4</td><th>95</th></tr>
<tr><td>5</td><th>99</th></tr>
<tr><td>6</td><th>101</th></tr>
<tr><td>7</td><th>102</th></tr>
<tr><td>7</td><th>102</th></tr>
<tr><td>8</td><th>102.5</th></tr>
<tr><td>9</td><th>103</th></tr>
<tr><td>10</td><th>103.5</th></tr>
</table>
</div>
</div>
</div>
<div id="tab6" class="content bg-dark text-white d-none px-3">
<nav class="navbar navbar-dark bg-warning text-dark"><div class="container"><a class="navbar-brand">강화 시뮬레이터</a><p class="my-auto">계산을 원하는 스탯의 수치를 입력하세요.</p></div></nav>
<form id="stat" class="col-8 col-md-5 mx-auto p-3">
<input title="화력" id="atk" placeholder="화력">
<input title="회피" id="dod" placeholder="회피">
<input title="명중" id="hit" placeholder="명중">
<input title="사속" id="spd" placeholder="사속">
<a id="clickme" class="btn rounded-0 btn-block bg-info">계산</a>
</form>
<div class="col-10 col-md-7 p-0 mx-auto bg-dark text-white"><table id="result" class="border table"></table></div>
</div>
<div id="tab7" class="content d-none"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@10.19.0/dist/lazyload.min.js"></script>
<script>var LazyLoad=new LazyLoad({elements_selector:"iframe"})</script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/index.js?v=180702"></script>
<!-- <script src="js/search.js"></script> -->
</body></html>