-
Notifications
You must be signed in to change notification settings - Fork 120
/
index.html
261 lines (201 loc) · 13.2 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 中文诗歌 </title>
<meta name="author" content="JackeyGao">
<meta name="description" content="JackeyGao, 一个程序员的技术分享和对生活的理解.">
<meta name="keywords" content="JackeyGao, JackeyGao的日记本, Python, Django, Vue.js, chinese-poetry">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./assets/global.css?v=3334">
<link rel="stylesheet" href="./assets/theme.css">
<link rel="stylesheet" href="./assets/semantic/components/site.min.css">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
<link rel="manifest" href="./assets/favicon/site.webmanifest">
<link rel="mask-icon" href="./assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="./assets/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="./assets/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="./assets/semantic/components/container.min.css">
<link rel="stylesheet" href="./assets/semantic/components/grid.min.css">
<link rel="stylesheet" href="./assets/semantic/components/card.min.css">
<link rel="stylesheet" href="./assets/semantic/components/icon.min.css">
<style>
</style>
</head>
<body>
<div id="main" style="background-image: url('./assets/images/ju.png'); ">
<div id="detail" class="ui stackable two column grid">
<div class="zuo column">
<div class="cover" style="background-image: url('./images/polayoutu-00066.jpg');">
<div class="intro">
<div class="inner">
来自: <a href="http://www.polayoutu.com/collections" target="blank">泼辣有图</a>
</div>
</div>
</div>
</div>
<div class="you column">
<div class="poetry">
<div class="inner-wrapper">
<div class="title" style="">
诗词项目
</div>
<div class="ui projects stackable three cards" style="margin: 0;">
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="/poetry-calendar/">诗词周历</a></div>
<div class="url">/poetry-calendar/</div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="https://github.com/chinese-poetry/weapp-calendar">日历小程序</a></div>
<div class="url">/weapp-calendar/</div>
</div>
</div>
</div>
<div class="title" style="">
中文诗歌
</div>
<div class="ui stackable three cards" style="margin: 0;">
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/花间集.html">花间集</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/南唐二主词.html">南唐二主词</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/list/唐诗三百首.html">唐诗三百首</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/list/宋词三百首.html">宋词三百首</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/教科书选诗.html">教科书选诗</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/list/古诗十九首.html">古诗十九首</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/诗经.html">诗经</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/千家诗.html">千家诗</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/声律启蒙.html">声律启蒙</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/三字经.html">三字经</a></div>
</div>
</div>
<div class="card">
<div class="content">
<div class="name"><a class="link under" href="./www/唐诗三百首·蒙学.html">唐诗三百首·蒙学</a></div>
</div>
</div>
</div>
<div class="title" style="">
小程序
</div>
<div class="weapp-wrapper">
<div class="item">
<img src="./assets/images/shiciwenji.jpg">
</div>
<div class="item">
<img src="./assets/images/zhongwenshige.jpg">
</div>
</div>
<div class="content">
<div class="title" style="">
关于
</div>
<hr class="line" align="left"/>
<p>中文诗歌web版本, 目前支持的文集有 <a href="./www/花间集.html" class="link under">花间集</a> <a href="./www/南唐二主词.html" class="link under">南唐二主词</a> <a href="./www/唐诗三百首.html" class="link under">唐诗三百首</a> <a href="./www/宋词三百首.html" class="link under">宋词三百首</a> <a href="./www/教科书选诗.html" class="link under">教科书选诗</a> <a href="./www/古诗十九首.html" class="link under">古诗十九首</a> <a href="./www/诗经.html" class="link under">诗经</a> <a href="./www/千家诗.html" class="link under">千家诗</a> <a href="./www/声律启蒙.html" class="link under">声律启蒙</a> <a href="./www/三字经.html" class="link under">三字经</a> <a href="./www/唐诗三百首·蒙学.html" class="link under">唐诗三百首·蒙学</a> , 后续会补充此文集, 如果你有好的想法， 也欢迎你联系我.</p>
<p>你可以直接或者间接的帮助此项目更新:</p>
<div style="padding-left: 1em;">
<p>- <a class="link under" href="https://github.com/chinese-poetry/">直接PR</a></p>
<p>- <a class="link under" href="mailto:[email protected]?subject=关于「增加诗词数据」">推荐数据集合</a></p>
<p>- <a class="link under" href="mailto:[email protected]?subject=关于「配图投递」&body=希望配图的诗文是：">推荐配图</a>(保证版权)</p>
<p>- <a class="link under" href="mailto:[email protected]?subject=关于「提供优化建议」">提供优化建议</a>(UI, 内容)</p>
<p>- <a class="link under" href="https://jackeygao.github.io/r/about.html#me">打赏我</a> :)</p>
</div>
<hr class="line" align="left"/>
<p>数据来源于 <a class="link under" href="https://github.com/chinese-poetry">中文诗歌数据库</a>, 移动端底部用到了<a class="link under" href="https://www.jinrishici.com/">今日诗词</a>API, 特别感谢!</p>
<p>本项目部署在 Github Pages 是属于静态生成网站. 数据来源和配图来源均来自于互联网， 如有侵权请<a href="mailto:[email protected]" class="link under">联系我</a>下线删除.</p>
<p>项目地址: <a class="link" href="https://github.com/chinese-poetry/huajianji"><i class="github icon"></i>chinese-poetry/huajianji</a></p>
<p>联系我: <a class="link under" href="https://jackeygao.github.io/r/about.html">JackeyGao博客</a></p>
<p><a class="link under" href="https://jackeygao.github.io/r/about.html#me"><i class="thumbs up outline green icon"></i>打赏我</a></p>
<p>(,,・ω・,,) 你的打赏能很大程度的激励我更新.</p>
</div>
</div>
</div>
</div>
</div>
<div class="mobile">
<div id="footer" class="content">
<div id="jinrishici-tag">长恨</div>
<span id="jinrishici-sentence">自是人生长恨水长东.</span>
</div>
<div class="end content">
<p>© <a class="link under" href="https://jackeygao.io">JackeyGao.io</a> 2019</p>
</div>
</div>
<a href="https://github.com/chinese-poetry" class="github-corner" aria-label="View source on GitHub">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill:#333; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
</svg>
</a>
</div>
</body>
<script>
// 今日诗词
function jinrishiciLoad () {
var xhr = new XMLHttpRequest();
xhr.open('get', 'https://v2.jinrishici.com/one.json');
xhr.withCredentials = true;
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
var data = JSON.parse(xhr.responseText);
// 处理示例
var gushici = document.getElementById('jinrishici-sentence');
gushici.innerText = data.data.content;
var gushiciTag = document.getElementById('jinrishici-tag');
if (data.data.matchTags.length > 0) {
gushiciTag.innerText = data.data.matchTags[0];
} else {
gushiciTag.innerText = data.data.origin.author;
}
}
};
xhr.send();
}
jinrishiciLoad()
</script>
</html>