-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
388 lines (376 loc) · 15.3 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
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
<!DOCTYPE html>
<html xmlns="" xmlns="" lang="">
<head>
<meta charset="UTF-8">
<title>Qjasn's Blog</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<meta name="color-scheme" content="light dark"/>
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#3880ff"/>
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#eb445a"/>
<!--css-->
<link rel="stylesheet" href="./css.css">
<link rel="stylesheet" href="./passage/sspai.css">
<!--start import-->
<!--marked-->
<script src="./http_cdn.bootcdn.net_ajax_libs_marked_2.0.3_marked.js"></script>
<!--ionic-->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@5/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core@5/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@5/css/ionic.bundle.css"/>
<!--share-->
<script src="./NativeShare.js"></script>
<!--gitalk-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script src="talk.js"></script>
<!--end import-->
<!--window.ionic-->
<script type="module">
import {
loadingController,
alertController,
modalController,
toastController
} from 'https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/index.esm.js';
window.toastController = toastController
window.modalController = modalController;
window.alertController = alertController;
window.loadingController = loadingController;
</script>
<script>
function warnCDN() {
console.log("This page use cdn")
}
</script>
<script src="js.js"></script>
</head>
<body>
<ion-app id="ionApp">
<div id="all-screen">
<ion-nav root="nav-first" id="iphone-screen"></ion-nav>
<ion-nav root="nav-ipad" id="ipad-screen"></ion-nav>
</div>
</ion-app>
<!--Template-->
<!--nav-first-->
<script type="text/template" id="nav-first">
<ion-nav root="nav-tab"></ion-nav>
</script>
<!--nav-tab-->
<script type="text/template" id="nav-tab">
<ion-tabs>
<ion-tab tab="home">
<ion-nav root="nav-home"></ion-nav>
</ion-tab>
<ion-tab tab="more">
<ion-nav root="nav-more"></ion-nav>
</ion-tab>
<ion-tab tab="tools">
<ion-nav root="nav-tools"></ion-nav>
</ion-tab>
<ion-tab tab="set">
<ion-nav root="nav-set"></ion-nav>
</ion-tab>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="home">
<ion-label>主页</ion-label>
<ion-icon name="home-outline"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="more">
<ion-label>更多</ion-label>
<ion-icon name="ellipsis-horizontal-outline"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="tools">
<ion-label>工具</ion-label>
<ion-icon name="hammer-outline"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="set">
<ion-label>调整与其他</ion-label>
<ion-icon name="cog-outline"></ion-icon>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
</script>
<script id="nav-set" type="text/template">
<ion-header>
<ion-toolbar>
<ion-title>调整与其它</ion-title>
<ion-progress-bar id="progress" style="opacity:0"></ion-progress-bar>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-list-header>网络相关</ion-list-header>
<ion-item lines="full">
<ion-icon slot="start" name="globe-outline"></ion-icon>
<ion-label>
使用CDN加载外部文件
</ion-label>
<ion-toggle disabled="true" checked="true" id="useCdn" slot="end"></ion-toggle>
</ion-item>
<ion-list-header>暗黑模式</ion-list-header>
<ion-item lines="full">
<ion-icon slot="start" name="moon"></ion-icon>
<ion-label>
跟随系统
</ion-label>
<ion-toggle id="autodark" slot="end"></ion-toggle>
</ion-item>
<ion-item lines="full">
<ion-icon slot="start" name="moon"></ion-icon>
<ion-label>
启用
</ion-label>
<ion-toggle disabled="true" id="darkmode" slot="end"></ion-toggle>
</ion-item>
</ion-list>
<ion-list>
<ion-radio-group id="styles">
<ion-list-header>
<ion-label>样式</ion-label>
</ion-list-header>
<ion-item lines="full">
<ion-icon slot="end" name="logo-android"></ion-icon>
<ion-label>
Material Design
</ion-label>
<ion-radio slot="start" value="md"></ion-radio>
</ion-item>
<ion-item lines="full">
<ion-icon slot="end" name="phone-portrait-outline"></ion-icon>
<ion-label>
iOS
</ion-label>
<ion-radio slot="start" value="ios"></ion-radio>
</ion-item>
</ion-radio-group>
<ion-list>
<ion-list-header>关于</ion-list-header>
<ion-item lines="full">本网站使用<a href="https://ionicframework.com/">ionic</a>作为框架
<ion-icon slot="end" name="logo-ionic"></ion-icon>
</ion-item>
<ion-item lines="full">使用<a href="https://github.com/">Github Pages</a>网站托管
<ion-icon slot="end" name="logo-github"></ion-icon>
</ion-item>
<ion-item lines="full">除过ionic以外，本网站其他全部为原生JS
<ion-icon slot="end" name="logo-javascript"></ion-icon>
</ion-item>
<ion-item lines="full">
支持的浏览器:
</ion-item>
<ion-item lines="full">
<ion-icon name="logo-chrome"></ion-icon>
Chromium 60+
<ion-icon name="logo-firefox"></ion-icon>
Firefox 63+
</ion-item>
<ion-item lines="full">
<ion-icon name="logo-apple"></ion-icon>
Safari 13+
<ion-icon name="logo-edge"></ion-icon>
Edge 60+
</ion-item>
<ion-list>
<ion-list-header>鸣谢</ion-list-header>
<ion-item lines="full">
我的父母，他们给了我编程所需要的环境
</ion-item>
<ion-item lines="full">
我的表哥，他在编程路上指引我了方向
</ion-item>
<ion-item lines="full">
我的其他家人，他们的大力支持给了我鼓励
</ion-item>
<ion-item lines="full">
我的数位友人——姚、张、巩、柔以及吴，他们给了我莫大的帮助（或许）
</ion-item>
<ion-item lines="full">
我曾经的友人--樊、耿与郑两位，失去也是人生的一部分不是吗
</ion-item>
<ion-item lines="full">
开源社区的所有人
</ion-item>
</ion-list>
<ion-item button lines="full" onclick="passageGet('update','更新日志','none','nothing','更新相关',10000000)">
<ion-label>更新日志</ion-label>
</ion-item>
</ion-list>
</ion-list>
</ion-content>
</script>
<script id="nav-home" type="text/template">
<ion-header>
<ion-toolbar>
<ion-title>主页</ion-title>
<ion-progress-bar id="progress" style="opacity:0"></ion-progress-bar>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-item color="success">
<ion-label>该网站处于Beta测试阶段，<br>遇到问题请在github上提issus</ion-label>
</ion-item>
<ion-item>作者联系方式：Bilibili@asahi_qin</ion-item>
<div id="list"></div>
</ion-content>
</script>
<script id="nav-more-archive" type="text/template">
<ion-content>
<ion-list>
<ion-list-header>日期分类</ion-list-header>
<ion-gird>
<ion-row>
<ion-col>
<ion-item>
<ion-label>年</ion-label>
<ion-select id="DateYearSelect" [interfaceOptions]="customPopoverOptions"
interface="popover" placeholder="">
</ion-select>
</ion-item>
</ion-col>
<ion-col>
<ion-item>
<ion-label>月</ion-label>
<ion-select id="DateMonthSelect" [interfaceOptions]="customPopoverOptions"
interface="popover" placeholder="">
</ion-select>
</ion-item>
</ion-col>
<ion-col>
<ion-item>
<ion-label>日</ion-label>
<ion-select id="DateDaySelect" [interfaceOptions]="customPopoverOptions" interface="popover"
placeholder="">
</ion-select>
</ion-item>
</ion-col>
</ion-row>
</ion-gird>
</ion-list>
<div id="passage-achieve"></div>
</ion-content>
</script>
<script id="nav-more-talking" type="text/template">
<ion-content>
<ion-text>正在编写中</ion-text>
</ion-content>
</script>
<script id="nav-more" type="text/template">
<ion-header>
<ion-toolbar>
<ion-segment id="ionSegment" color="success" value="nav-more-archive">
<ion-segment-button value="nav-more-archive">
<ion-label>文章归档</ion-label>
</ion-segment-button>
<ion-segment-button value="nav-more-talking">
<ion-label>说说</ion-label>
</ion-segment-button>
</ion-segment>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-nav id="nav-more-page"></ion-nav>
</ion-content>
</script>
<script id="nav-tools" type="text/template">
<ion-header>
<ion-toolbar>
<ion-title>工具</ion-title>
<ion-progress-bar id="progress" style="opacity:0"></ion-progress-bar>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item lines="full">随便写的小玩意</ion-item>
</ion-list>
</ion-content>
</script>
<script id="nav-modal" type="text/template">
<ion-header>
<ion-toolbar>
<ion-buttons slot="start" id="modal-back"
onclick="Page('#passageNav','backRoot')">
<ion-text color="primary">完成</ion-text>
</ion-buttons>
<ion-buttons slot="end">
<ion-button onclick="share(document.title,document.title)">
<ion-icon name="share-outline"></ion-icon>
</ion-button>
</ion-buttons>
<ion-title>
<ion-text id="title1"></ion-text>
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="markdown" style="padding: 10px">
<ion-nav root="passage-show" id="passageNav"
style="position: absolute;width: calc(100vw - 8px);left: 8px"></ion-nav>
</ion-content>
</script>
<script id="nav-ipad" type="text/template">
<ion-header>
<ion-toolbar>
<ion-buttons slot="start" id="ipad-back" style="opacity:0">
<ion-button id="back-button" disabled="true"
onclick="Page('#passageNav','backRoot')">
<ion-text color="primary">
<ion-icon name="chevron-back-outline"></ion-icon>
返回
</ion-text>
</ion-button>
</ion-buttons>
<ion-buttons slot="end" id="ipad-share" style="opacity:0">
<ion-button id="share-button" disabled="true" onclick="share('document.title','document.title')">
<ion-icon name="share-outline"></ion-icon>
</ion-button>
</ion-buttons>
<ion-title>
<ion-text id="title2" class="ion-padding"></ion-text>
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="markdown">
<ion-nav root="nav-passage" id="passageNav"></ion-nav>
</ion-content>
</script>
<script id="nav-passage" type="text/template">
<div style="text-align:center;margin: 0 auto;position: absolute; left: 0;right: 0;top: 50%; transtform: translateY(-50%);font-size: 40px;color:gray">
Hello world!
</div>
</script>
<script id="nav-gitalk" type="text/template">
<ion-header>
<ion-toolbar>
<ion-buttons slot="start" id="modal-back"
onclick="dismissGitModal()">
<ion-text color="primary">关闭</ion-text>
</ion-buttons>
<ion-title id="titleA" class="ion-padding"></ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div id="gitalk"></div>
</ion-content>
</script>
<script id="nav-update" type="text/template">
<ion-content fullscreen class="ion-padding" class="markdown">
<ion-text>
</ion-text>
<div class="markdown">
<h2>0.3.8b</h2>
<li>评论系统完善</li>
<li>修复若干已知问题</li>
<h4 id="欢迎各位在github上提出issus，感激不尽">欢迎各位在GitHub上提出issus，感激不尽</h4>
<br/>
<br/>
</div>
<ion-text color="danger"></ion-text>
<ion-text color="success">
</ion-text>
<ion-button expand="block" slot="fixed"
onclick="Page('#passageNav','backRoot')"
style="padding:9px;width: 100%;bottom: 5px;height:60px">开始浏览
</ion-button>
</ion-content>
</script>
</body>
</html>