-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (60 loc) · 3.8 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
<!doctype html>
<html lang="en" data-color-mode="auto" data-light-theme="light" data-dark-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>GFD Viewer</title>
<meta name="description" content="A data viewer for Game Font Data (GFD) of MT Framework.">
<link rel="canonical" href="https://gfd.quiple.dev">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css">
<link rel="stylesheet" href="https://unpkg.com/@primer/css/dist/primer.css">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="container">
<div class="Subhead">
<h1 class="Subhead-heading text-bold">GFD Viewer</h1>
<div class="Subhead-description">A data viewer for Game Font Data (GFD) of MT Framework.</div>
<div class="Subhead-actions"><a class="btn btn-sm" href="https://github.com/quiple/gfd-viewer" role="button" target="_blank"><svg class="octicon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg><span>View on GitHub</span>
</a></div>
</div>
<p class="d-flex">
<input type="file" id="importFile" class="flex-1 form-control mr-1" accept=".gfd">
<input type="button" id="submit" class="btn btn-primary" value="Submit">
</p>
<ul id="gfdHeader" class="list-style-none" style="margin-bottom: 10px">
<li><b>Version</b>: <span id="version"></span></li>
<li><b>Font Size</b>: <span id="fontSize"></span></li>
<li><b>Font Texture Count</b>: <span id="fontTexCount"></span></li>
<li><b>Character Count</b>: <span id="charCount"></span></li>
<li><b>Float Count</b>: <span id="floatCount"></span></li>
<li><b>Max Character Width</b>: <span id="maxCharWidth"></span></li>
<li><b>Max Character Height</b>: <span id="maxCharHeight"></span></li>
<li><b>BaseLine</b>: <span id="baseLine"></span></li>
<li><b>DescentLine</b>: <span id="descentLine"></span></li>
<li><b>File Name</b>: <span id="fileName"></span></li>
</ul>
<p id="importImgHead" class="h3">Import Font Images</p>
<p id="importImgCont">
<input type="file" id="importImgFile" class="flex-1 form-control mr-1" accept=".png" multiple>
<input type="button" id="importImg" class="btn" value="Import">
</p>
<table id="gfdContent" class="TableObject">
<thead>
<tr>
<th class="TableObject-item color-bg-default"><div class="border-bottom">Code Point</div></th>
<th class="TableObject-item color-bg-default"><div class="border-bottom">Page</div></th>
<th class="TableObject-item color-bg-default"><div class="border-bottom">Position</div></th>
<th class="TableObject-item color-bg-default"><div class="border-bottom">Size</div></th>
<th class="TableObject-item color-bg-default"><div class="border-bottom">Advance</div></th>
<th class="TableObject-item color-bg-default"><div class="border-bottom">Offset</div></th>
<th class="TableObject-item color-bg-default"><div class="border-bottom">Symbol?</div></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<script src="./gfd.js"></script>
</body>
</html>