-
Notifications
You must be signed in to change notification settings - Fork 22
/
index.html
137 lines (121 loc) · 6.47 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
<!DOCTYPE html>
<html data-lang="zh">
<head>
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title></title>
<!-- Fonts -->
<link
rel="preload"
href="./fonts/LXGWWenKai-Regular.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous"
/>
<link rel="preload" href="./fonts/qiji-combo.woff" as="font" type="font/woff" crossorigin="anonymous" />
<link rel="preload" href="./fonts/FZSKBXKK.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="./fonts/FZKTK.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="./fonts/KingHwa_OldSong.woff" as="font" type="font/woff" crossorigin="anonymous" />
<!-- Images -->
<link rel="preload" href="./images/drop.png" as="image" type="image/png" />
<link rel="preload" href="./images/loading_geometry.gif" as="image" type="image/gif" />
<link rel="prefetch" href="./images/seal_zh.png" as="image" type="image/png" />
<link rel="prefetch" href="./images/seal_en.png" as="image" type="image/png" />
<link rel="prefetch" href="./images/note_zh.png" as="image" type="image/png" />
<link rel="prefetch" href="./images/note_en.png" as="image" type="image/png" />
<link rel="icon" type="image/png" href="./images/icon.png" />
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="./css/yaireo/ui-range.css" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="./css/yaireo/my-range.css" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="./css/yaireo/color-picker.css" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="./css/yaireo/my-color.css" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="./css/ui_buttons.css" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="./css/ui_variables.css" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="./css/ui.css" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="./css/reader.css" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="./css/footnotes.css" crossorigin="anonymous" />
<!-- Manifest -->
<link rel="manifest" href="./manifests/PWA/manifest.json" />
<!-- Scripts -->
<script type="text/javascript" src="./scripts/modules/ui/init-lang.js"></script>
</head>
<body>
<!-- Drop zone -->
<div id="dropZone" class="uifont prevent-select">
<div id="dropZoneTextImgWrapper" class="hasTitle">
<h3 id="dropZoneText" class="uifont prevent-select"></h3>
<img id="dropZoneImg" src="./images/drop.png" alt="" />
</div>
</div>
<!-- Loading screen -->
<div id="loading" class="uifont prevent-select">
<img src="./images/loading_geometry.gif" />
</div>
<!-- Table of contents -->
<div id="tocContent"></div>
<!-- Reading progress -->
<div id="progress" class="uifont prevent-select">
<span id="progress-title"></span>
<br />
<span id="progress-content"></span>
</div>
<!-- Button group -->
<div id="btnWrapper" class="btn-group">
<!-- Dark mode toggle -->
<input type="checkbox" id="toggle" />
<div id="toggle-btn" class="btn-icon hasTitle">
<label for="toggle">
<div class="icons">
<svg
version="1.1"
class="icon sun"
viewBox="0 0 24 24"
style="fill: none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="tofill"
d="M12 3V4M12 20V21M4 12H3M6.31412 6.31412L5.5 5.5M17.6859 6.31412L18.5 5.5M6.31412 17.69L5.5 18.5001M17.6859 17.69L18.5 18.5001M21 12H20M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<svg
version="1.1"
class="icon moon"
viewBox="0 0 24 24"
style="fill: none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="tofill"
d="M3.32031 11.6835C3.32031 16.6541 7.34975 20.6835 12.3203 20.6835C16.1075 20.6835 19.3483 18.3443 20.6768 15.032C19.6402 15.4486 18.5059 15.6834 17.3203 15.6834C12.3497 15.6834 8.32031 11.654 8.32031 6.68342C8.32031 5.50338 8.55165 4.36259 8.96453 3.32996C5.65605 4.66028 3.32031 7.89912 3.32031 11.6835Z"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
</label>
</div>
<!-- Settings button -->
<!-- Library button -->
</div>
<!-- Main text -->
<div id="content"></div>
<!-- Pagination -->
<div id="pagination" class="uifont prevent-select"></div>
<!-- Footnotes -->
<ol id="footnote-content"></ol>
<!-- Import dependencies -->
<script type="text/javascript" src="./scripts/lib/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/lib/jschardet.min.js"></script>
<script type="text/javascript" src="./scripts/lib/yaireo/position.js"></script>
<script type="text/javascript" src="./scripts/lib/yaireo/color-picker.js"></script>
<script type="text/javascript" src="./scripts/lib/hyperlist.js"></script>
<!-- Main script -->
<script type="module" src="./scripts/main.js"></script>
</body>
</html>