-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
301 lines (282 loc) · 11.6 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
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!DOCTYPE html>
<html lang="en" id="html" data-bs-theme="dark">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1"
/>
<title id="title">Facidol Dictionary</title>
<link href="./assets/image/favicon.ico" rel="icon" />
<!-- og -->
<meta property="og:url" content="https://mirusausiliq.com/facidol-dict" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Facidol Dictionary" />
<meta
property="og:description"
content="Online Formosan Language Dictionary"
/>
<meta property="og:image" content="https://i.imgur.com/wRJhwP0.gif" />
<meta property="og:image:width" content="auto" />
<meta property="og:image:height" content="auto" />
<meta
name="keywords"
content="Dictionary, Treasury, Formosan Language, Amis, Atayal, Bunun, Kanakanavu, Paiwan, ..."
/>
<meta name="description" content="Online Formosan Language Dictionary" />
<!-- Bootstrap 5 -->
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" /> -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
crossorigin="anonymous"
></script>
<!-- Font Awesome -->
<link
rel="stylesheet"
type="text/css"
href="./assets/fontawesome/css/all.css"
/>
<!-- 核心:Tocas UI -->
<!--
<link
rel="stylesheet"
type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/tocas/4.2.4/tocas.min.css"
/>-->
<link rel="stylesheet" type="text/css" href="./assets/css/tocas.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/tocas/4.2.4/tocas.min.js"></script>
<!-- Local -->
<link href="./assets/css/bootstrap.css" rel="stylesheet" />
</head>
<!-- Local CSS -->
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
<!-- Local Font Awesome -->
<link
rel="stylesheet"
type="text/css"
href="./assets/fontawesome/css/fontawesome.css"
/>
<link
rel="stylesheet"
type="text/css"
href="./assets/fontawesome/css/brands.css"
/>
<link
rel="stylesheet"
type="text/css"
href="./assets/fontawesome/css/solid.css"
/>
<link
rel="stylesheet"
type="text/css"
href="./assets/fontawesome/css/regular.css"
/>
<script
src="https://code.jquery.com/jquery-3.7.0.min.js"
integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g="
crossorigin="anonymous"
></script>
<body>
<!-- navbar -->
<nav class="navbar navbar-expand-md fixed-top backdrop-filter">
<div class="container-fluid navbar-container">
<div class="nav-item">
<a type="button" href="./index.html" class="btn nav-link"
><i class="fa-solid fa-fire"></i> Facidol
</a>
</div>
<a
type="button"
class="btn navbar-toggler"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expended="false"
aria-label="Toggle navigation"
>
<i class="fa-solid fa-bars"></i>
</a>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNav"
>
<ul class="navbar-nav">
<li class="nav-item">
<a href="./pages/amidict.html" class="nav-link" id="nav-item-stem"
>Amis Dictionary</a
>
</li>
<li class="nav-item">
<a href="./pages/about.html" class="nav-link" id="nav-item-about">
About
</a>
</li>
<li class="nav-item">
<a
href="https://github.com/mirusausiliq/facidol-dict"
class="nav-link"
target="_blank"
>
<i class="fa-brands fa-github"></i>
</a>
</li>
<li class="nav-item">
<a
href="https://discord.gg/wSECrwgqhV"
class="nav-link"
target="_blank"
>
<i class="fa-brands fa-discord"></i>
</a>
</li>
<li class="nav-item">
<a
href="https://bmc.link/mirusausilq"
class="nav-link"
target="_blank"
>
<i class="fa-solid fa-mug-hot"></i>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link" onclick="changeTheme()">
<i class="fa-solid fa-moon" id="theme_icon"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- main -->
<div class="container-fluid">
<div clas="row" style="padding-top: 64px"></div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-2"></div>
<div class="col-md-8">
<h1>* Home ✩‧₊˚</h1>
<img
src="./assets/image/herta01.gif"
width="200px"
height="auto"
class="center img"
style="border-radius: 10px"
/>
<p>
Lorem ipsum dolor sit amet. Non sapiente saepe in aliquam porro aut
sunt error et dolorem mollitia et quod necessitatibus. Qui
dignissimos quia cum quasi molestias quo debitis fugit et Quis
quisquam ut atque aliquid ut repudiandae aliquam et provident sint.
Sed nobis exercitationem sed nihil dolore est atque exercitationem
et magni placeat rem officia omnis. Hic doloribus quas est facilis
dolores et officiis odit qui nihil ipsa et unde accusamus est earum
ipsa. Ut Quis quia non dignissimos porro et incidunt inventore eos
incidunt laudantium. Quo Quis distinctio sed voluptate voluptate et
officia vitae et omnis nobis qui quidem quae. Eos quis reiciendis et
doloremque assumenda id iusto repellendus nam blanditiis rerum vel
minima soluta sit quidem dolor. In officia numquam et velit
reiciendis rem voluptas eaque ab repudiandae sunt? A incidunt
excepturi ea suscipit praesentium sed necessitatibus autem qui quod
dolor. Qui provident optio eum similique doloremque eum galisum
optio est illo beatae eos doloremque obcaecati ut natus minus. Ut
minus magni ut sunt consectetur qui omnis distinctio in doloremque
eius in fugiat rerum.
</p>
<br />
<p>
Cum quae voluptatem est porro doloribus qui dolores nobis et quis
illum et exercitationem nihil non architecto quia ut numquam
ratione. Et dolor laudantium et ipsam quia id tenetur recusandae est
illum galisum quo rerum voluptas cum alias dicta. Aut fugit
reiciendis ut exercitationem nihil qui atque consequuntur. Nam
adipisci mollitia eos quos enim sed debitis suscipit a soluta rerum
et sint totam. Ex exercitationem fugiat et aspernatur dolorem non
ipsum quia quo ullam sint est asperiores sequi. At labore blanditiis
vel quis quaerat non explicabo omnis non ullam suscipit. A dolorem
natus et quis quibusdam et quae tempora id quibusdam nulla et unde
laborum quo quia ducimus. Qui molestiae doloribus sed quasi omnis et
tenetur eius et suscipit sint ut accusantium ullam qui atque sequi
aut voluptatem itaque. Ad unde ullam rem adipisci architecto sed
nesciunt obcaecati aut dolor ratione sed omnis ratione sit molestias
natus aut aperiam tenetur. In veniam accusantium ex nobis voluptatum
id maiores laudantium qui iste dolorem nam sunt consequatur sit
maxime molestias. Non internos beatae et quasi voluptatibus eum
autem iste id consequatur ipsa et voluptatem doloremque! Qui saepe
voluptas et veritatis earum qui amet reiciendis eum recusandae
voluptatibus id sint cumque ea amet ipsum ut sunt enim. Nam modi
voluptatem ut facere rerum ut galisum error. Non architecto
recusandae et nisi voluptas quo tempore quae!
</p>
<br />
<p>
Eum esse voluptates sed facilis perferendis non ducimus quasi in
dolor numquam! Eos quos nisi At blanditiis ipsum ut impedit pariatur
quo consequatur assumenda sed corrupti magnam ea porro magni. Ad
incidunt reiciendis et iste voluptates cum optio omnis sed galisum
itaque qui asperiores similique est tempore inventore. Nam internos
maxime rem nesciunt voluptatum eos iusto incidunt id modi omnis. Est
provident omnis et consectetur minima sit architecto debitis ut
obcaecati consequuntur sit soluta voluptatem. Qui internos officia
est sapiente explicabo qui obcaecati illo ea animi dicta et modi
eveniet non dolores voluptatum in molestiae commodi. Nam maiores
corporis sit enim fugiat non impedit neque qui voluptatum assumenda
aut nisi neque. Qui laborum voluptatum et temporibus cumque ad quam
excepturi non veritatis tenetur et similique fuga et pariatur
voluptas. Et eius nisi aut quidem tempore est facere optio 33 quasi
praesentium hic officia deserunt? Est voluptatem recusandae ut
pariatur molestias ad maxime aspernatur qui placeat assumenda hic
eligendi quidem eum nemo magnam non aliquam quia. Sed sunt nostrum
quo autem animi et mollitia corrupti sed perspiciatis voluptate. Et
tempora esse et debitis culpa ea obcaecati maiores et libero quod.
Aut minus quia est repellendus nemo sit similique illo. Sed dicta
facilis et quis repellat ea commodi quasi et aperiam rerum.
</p>
<br />
</div>
<div class="col-2"></div>
</div>
</div>
<!-- footer -->
<div class="container-fluid">
<div class="row">
<div class="col-2"></div>
<div class="col-md-8">
<button class="btn btn-danger" data-dropdown="dropdown">
<span class="fa-solid fa-language"></span>
<span id="language">Language</span>
</button>
<div
class="ts-dropdown"
data-name="dropdown"
style="max-height: 200px; overflow-y: scroll"
>
<button id="eng" class="item">English</button>
<button id="chn" class="item">Chinese</button>
<button id="jpn" class="item">Japanese</button>
<button id="kor" class="item">Korean</button>
<button id="por" class="item">Portuguese</button>
<button id="spa" class="item">Spanish</button>
<button id="fre" class="item">French</button>
<button id="ger" class="item">German</button>
<button id="ami" class="item">Amis</button>
<script
type="text/javascript"
src="./assets/js/changeLanguage.js"
></script>
</div>
<div>
<br />
</div>
<h2>✧*。 ʕ•ᴥ•ʔ Thanks For Visiting! ✧*。</h2>
<div>
<br />
</div>
<p>© 2023 Mirusa Usiliq & Facidol Dictionary. All rights reserved</p>
</div>
<div class="col-2"></div>
</div>
</div>
</body>
</html>