Robo-knowledge-web-theme 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/_includes/back_to_top.html +3 -0
- data/_includes/categories_fetcher.html +1 -0
- data/_includes/footer.html +22 -0
- data/_includes/navigation.html +5 -0
- data/_includes/posts_fetcher.html +2 -0
- data/_includes/search_categories_fetcher.html +1 -0
- data/_includes/search_tags_fetcher.html +1 -0
- data/_includes/tags_fetcher.html +1 -0
- data/_layouts/author.html +149 -0
- data/_layouts/authors_search_layout.html +28 -0
- data/_layouts/categories_search_layout.html +16 -0
- data/_layouts/default.html +17 -0
- data/_layouts/post.html +31 -0
- data/_layouts/posts_search_layout.html +49 -0
- data/_layouts/robo_content_layout.html +45 -0
- data/_layouts/robo_main_layout.html +353 -0
- data/_layouts/robo_search_layout.html +33 -0
- data/_layouts/tags_search_layout.html +16 -0
- data/_sass/content_page_styles.scss +211 -0
- data/_sass/general_colors.scss +142 -0
- data/_sass/general_shadows.scss +12 -0
- data/_sass/general_styles.scss +123 -0
- data/_sass/main.scss +3 -0
- data/_sass/main_page_colors.scss +80 -0
- data/_sass/main_page_styles.scss +741 -0
- data/_sass/search_page_styles.scss +94 -0
- metadata +69 -0
|
@@ -0,0 +1,353 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="UTF-8">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<title>{{page.title}}</title>
|
|
6
|
+
<meta charset="UTF-8">
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
8
|
+
<script src="/assets/jquery/jquery-3.7.1.js"></script>
|
|
9
|
+
<link rel="icon" href="/assets/images/general_svgs/icon.svg" type="image/x-icon">
|
|
10
|
+
<link rel="stylesheet" href="/assets/css/styles.css">
|
|
11
|
+
</head>
|
|
12
|
+
|
|
13
|
+
<body class="back_ground_color">
|
|
14
|
+
|
|
15
|
+
{% include back_to_top.html %}
|
|
16
|
+
|
|
17
|
+
<div class="main_top_container">
|
|
18
|
+
<div class="main_background_container"></div>
|
|
19
|
+
<div class="main_last_time_update_container color_pure_white bold_text">
|
|
20
|
+
{% for time in site.data.update_time_data %}
|
|
21
|
+
{% if time.time_type == "site" %}
|
|
22
|
+
上次维护结束时间: {{ time.update_time }}
|
|
23
|
+
{% endif %}
|
|
24
|
+
{% endfor %}
|
|
25
|
+
</div>
|
|
26
|
+
<div class="header_robo_and_title">
|
|
27
|
+
|
|
28
|
+
<div class="robo_space">
|
|
29
|
+
<div class="robo_face"></div>
|
|
30
|
+
<img src="/assets/images/main_svgs/robo/star.svg" id="star_num1" /><br>
|
|
31
|
+
<img src="/assets/images/main_svgs/robo/star.svg" id="star_num2" />
|
|
32
|
+
</div>
|
|
33
|
+
<div class="title_space">
|
|
34
|
+
<div id="title_num1" class="color_rice_white bold_text">{{page.main_title_1}}</div>
|
|
35
|
+
<div id="title_num2" class="color_pure_white bold_text">{{page.main_title_2}}</div>
|
|
36
|
+
<div id="title_num3" class="color_pure_white bold_text">{{page.main_title_3}}</div>
|
|
37
|
+
</div>
|
|
38
|
+
|
|
39
|
+
</div>
|
|
40
|
+
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<div id="total_space_container" class="middle_ground_color front_card background_deep_shadow">
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
<div id="main_space">
|
|
47
|
+
|
|
48
|
+
<div class="hinter color_deep_red bold_text" id="hinter">
|
|
49
|
+
</div>
|
|
50
|
+
<div id="hinter_text_container" style="display: none;">
|
|
51
|
+
{% for sentence in site.data.robo_hint %}
|
|
52
|
+
{{sentence}}
|
|
53
|
+
{% endfor %}
|
|
54
|
+
</div>
|
|
55
|
+
|
|
56
|
+
<div class="github_repository_link_title">
|
|
57
|
+
|
|
58
|
+
<div class="github_title bold_text color_4_black">
|
|
59
|
+
Robo推荐的Git远程仓库
|
|
60
|
+
</div>
|
|
61
|
+
<img class="github_opening" src="/assets/images/main_svgs/github-openning.svg" alt="github-opening" />
|
|
62
|
+
|
|
63
|
+
<div class="github_origin_repository_btn normal_write_to_shallow shallow_shadow">
|
|
64
|
+
|
|
65
|
+
<div class="github_origin_btn_text color_4_black bold_text" onclick="window.open('https://github.com/TIMAVICIIX/timaviciix.github.io')">
|
|
66
|
+
转到该网站的GitHub远程仓库
|
|
67
|
+
</div>
|
|
68
|
+
<img id="github_share" src="/assets/images/main_svgs/share.svg" alt="share"
|
|
69
|
+
style="width: 30px;height: 30px;" />
|
|
70
|
+
|
|
71
|
+
</div>
|
|
72
|
+
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
<div class="github_repository_link_container">
|
|
76
|
+
|
|
77
|
+
{% for git in site.data.git_repository_data %}
|
|
78
|
+
|
|
79
|
+
<div class="github_repository_item normal_write_to_shallow bold_text shallow_shadow"
|
|
80
|
+
onclick="window.open('{{git.repository_link}}')">
|
|
81
|
+
|
|
82
|
+
<div class="git_item_title bold_text color_4_black">
|
|
83
|
+
{{git.repository_name}}
|
|
84
|
+
</div>
|
|
85
|
+
|
|
86
|
+
<div class="git_item_des bold_text color_normal_gray">
|
|
87
|
+
{{git.repository_des}}
|
|
88
|
+
</div>
|
|
89
|
+
|
|
90
|
+
<div class="git_item_author bold_text color_4_black">
|
|
91
|
+
by.{{git.repository_creator}}
|
|
92
|
+
</div>
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
{% if git.repository_state == "public" %}
|
|
96
|
+
|
|
97
|
+
<div class="git_item_click bold_text blod_text color_4_black">
|
|
98
|
+
点击访问
|
|
99
|
+
</div>
|
|
100
|
+
|
|
101
|
+
<div class="git_item_state bold_text blod_text color_4_black">
|
|
102
|
+
{{git.repository_state}}
|
|
103
|
+
</div>
|
|
104
|
+
|
|
105
|
+
<div class="git_open_img background_color_shallow_green"></div>
|
|
106
|
+
|
|
107
|
+
{% endif %}
|
|
108
|
+
|
|
109
|
+
{% if git.repository_state == "private" %}
|
|
110
|
+
|
|
111
|
+
<div class="git_item_click bold_text blod_text color_4_black">
|
|
112
|
+
请与作者联系
|
|
113
|
+
</div>
|
|
114
|
+
|
|
115
|
+
<div class="git_item_state bold_text blod_text color_4_black">
|
|
116
|
+
{{git.repository_state}}
|
|
117
|
+
</div>
|
|
118
|
+
|
|
119
|
+
<div class="git_open_img background_color_deep_red"></div>
|
|
120
|
+
|
|
121
|
+
{% endif %}
|
|
122
|
+
|
|
123
|
+
</div>
|
|
124
|
+
|
|
125
|
+
{% endfor %}
|
|
126
|
+
|
|
127
|
+
</div>
|
|
128
|
+
|
|
129
|
+
<div class="last_time_update_git color_4_black bold_text">
|
|
130
|
+
{% for time in site.data.update_time_data %}
|
|
131
|
+
{% if time.time_type == "git" %}
|
|
132
|
+
--上次更新日期:{{ time.update_time }}--
|
|
133
|
+
{% endif %}
|
|
134
|
+
{% endfor %}
|
|
135
|
+
</div>
|
|
136
|
+
|
|
137
|
+
<div class="tag_sea_area">
|
|
138
|
+
<div class="tag_sea_title bold_text shallow_text normal_background_black">
|
|
139
|
+
#"签"海无涯#
|
|
140
|
+
</div>
|
|
141
|
+
<div id="tag_sea_container">
|
|
142
|
+
|
|
143
|
+
</div>
|
|
144
|
+
</div>
|
|
145
|
+
|
|
146
|
+
<div class="blog_title_space">
|
|
147
|
+
|
|
148
|
+
<div class="blog_ch_title bold_text color_4_black">
|
|
149
|
+
博客
|
|
150
|
+
</div>
|
|
151
|
+
|
|
152
|
+
<div class="blog_nav">
|
|
153
|
+
|
|
154
|
+
<div id="blog_nav_comme" class="blog_nav_item bold_text color_4_black">
|
|
155
|
+
推荐<img class="nav_svg" src="/assets/images/main_svgs/commen.svg" alt="comme" />
|
|
156
|
+
</div>
|
|
157
|
+
|
|
158
|
+
<div id="blog_nav_classify" class="blog_nav_item bold_text color_4_black">
|
|
159
|
+
分类<img class="nav_svg" src="/assets/images/main_svgs/all.svg" alt="classify" />
|
|
160
|
+
</div>
|
|
161
|
+
|
|
162
|
+
<div id="blog_nav_author" class="blog_nav_item bold_text color_4_black">
|
|
163
|
+
作者<img class="nav_svg" src="/assets/images/main_svgs/author.svg" alt="author" />
|
|
164
|
+
</div>
|
|
165
|
+
|
|
166
|
+
</div>
|
|
167
|
+
|
|
168
|
+
</div>
|
|
169
|
+
|
|
170
|
+
<div id="blog_container" class="blog_container">
|
|
171
|
+
|
|
172
|
+
{% for post in site.posts | reverse limit: 5 %}
|
|
173
|
+
|
|
174
|
+
<div class="blog_item">
|
|
175
|
+
<a href="{{post.url}}" class="blog_item_title bold_text color_4_black normal_a">{{post.title}}</a>
|
|
176
|
+
<a href="{{post.url}}"
|
|
177
|
+
class="blog_item_content bold_text color_85_gray normal_a">{{post.description}}</a>
|
|
178
|
+
<div class="blog_item_footer">
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
{% for author in site.authors %}
|
|
182
|
+
|
|
183
|
+
{% if (post.author contains author.short_name) or (post.author == author.short_name) %}
|
|
184
|
+
|
|
185
|
+
<a href="{{author.url}}"
|
|
186
|
+
class="bold_item_author bold_text color_4_black normal_a">{{post.author}}</a>
|
|
187
|
+
|
|
188
|
+
{% endif %}
|
|
189
|
+
|
|
190
|
+
{% endfor %}
|
|
191
|
+
|
|
192
|
+
<div class="blog_item_time bold_text color_4_black">{{post.date}}</div>
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
</div>
|
|
196
|
+
</div>
|
|
197
|
+
|
|
198
|
+
{% endfor %}
|
|
199
|
+
|
|
200
|
+
<a href="/blog.html" class="bold_text color_4_black normal_a">获取更多文章?</a>
|
|
201
|
+
|
|
202
|
+
</div>
|
|
203
|
+
|
|
204
|
+
<div id="categories_container" class="classify_container">
|
|
205
|
+
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
</div>
|
|
209
|
+
|
|
210
|
+
|
|
211
|
+
<div id="author_container" class="blog_container">
|
|
212
|
+
|
|
213
|
+
{% for author in site.authors limit: 5 %}
|
|
214
|
+
|
|
215
|
+
<div class="blog_item">
|
|
216
|
+
<a href="{{author.url}}" class="blog_item_title bold_text color_4_black normal_a">{{author.name}}({{author.chinese_name}})</a>
|
|
217
|
+
<div class="blog_item_content bold_text color_85_gray normal_a">{{author.position}}</div>
|
|
218
|
+
<div class="blog_item_content bold_text color_85_gray normal_a">擅长领域:{{author.skilled}}</div>
|
|
219
|
+
<div class="blog_item_footer">
|
|
220
|
+
<div class="blog_item_time bold_text color_4_black">{{author.enrolled}}入站</div>
|
|
221
|
+
</div>
|
|
222
|
+
|
|
223
|
+
</div>
|
|
224
|
+
|
|
225
|
+
{% endfor %}
|
|
226
|
+
|
|
227
|
+
<a href="/staff.html" class="bold_text color_4_black normal_a">查看更多作者?</a>
|
|
228
|
+
|
|
229
|
+
</div>
|
|
230
|
+
|
|
231
|
+
{% include footer.html %}
|
|
232
|
+
|
|
233
|
+
|
|
234
|
+
</div>
|
|
235
|
+
|
|
236
|
+
<div id="side_space">
|
|
237
|
+
|
|
238
|
+
<div class="side_bar_title_style bulletin_board_title_color shallow_shadow bold_text">
|
|
239
|
+
公 告 栏
|
|
240
|
+
</div>
|
|
241
|
+
|
|
242
|
+
<div id="bulletin_board_text_container" style="display: none;">
|
|
243
|
+
{% for item in site.data.bulletin_board_content %}
|
|
244
|
+
{{item.bulletin_title}}**Spliter**{{item.content}}**Spliter**{{item.link}}
|
|
245
|
+
{% endfor %}
|
|
246
|
+
</div>
|
|
247
|
+
|
|
248
|
+
<div class="bulletin_board_area_style color_pure_white">
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
<img class="little_robo" src="/assets/images/main_svgs/bulletin-board/Idle.svg" alt="little_robo" />
|
|
252
|
+
<div class="bulletin_board">
|
|
253
|
+
|
|
254
|
+
<div class="bulletin_inside_title">成为注册作者?</div>
|
|
255
|
+
<div class="bulletin_inside_content">听说与Robo联系可以成为该网站的注册作者...</div>
|
|
256
|
+
|
|
257
|
+
</div>
|
|
258
|
+
|
|
259
|
+
</div>
|
|
260
|
+
|
|
261
|
+
<div class="side_space_nav_space">
|
|
262
|
+
{% for navBtn in site.data.navigation_button_content %}
|
|
263
|
+
|
|
264
|
+
{% if navBtn.type == "main" %}
|
|
265
|
+
<div class="side_space_nav_button bold_text shallow_shadow other_black_button"
|
|
266
|
+
onclick="window.location.href='{{navBtn.href}}'">
|
|
267
|
+
{{navBtn.navigation}}
|
|
268
|
+
</div>
|
|
269
|
+
{% endif %}
|
|
270
|
+
|
|
271
|
+
{% if navBtn.type == "normal" %}
|
|
272
|
+
<div class="side_space_nav_button bold_text shallow_shadow other_white_button"
|
|
273
|
+
onclick="window.open('{{navBtn.href}}')">
|
|
274
|
+
{{navBtn.navigation}}
|
|
275
|
+
</div>
|
|
276
|
+
{% endif %}
|
|
277
|
+
|
|
278
|
+
{% endfor %}
|
|
279
|
+
|
|
280
|
+
|
|
281
|
+
</div>
|
|
282
|
+
|
|
283
|
+
<div class="side_bar_title_style title_board_color shallow_shadow bold_text">
|
|
284
|
+
新晋"标题党"
|
|
285
|
+
</div>
|
|
286
|
+
<div class="side_space_nav_space">
|
|
287
|
+
|
|
288
|
+
{% for post in site.posts | reverse limit: 9 %}
|
|
289
|
+
|
|
290
|
+
<div class="side_space_party_button bold_text shallow_shadow title_board_card_color"
|
|
291
|
+
onclick="window.location.href='{{post.url}}'">
|
|
292
|
+
|
|
293
|
+
<div class="side_space_party_button_title">
|
|
294
|
+
{{post.title}}
|
|
295
|
+
</div>
|
|
296
|
+
<div class="side_space_party_button_author">
|
|
297
|
+
by:{{post.author}}
|
|
298
|
+
</div>
|
|
299
|
+
|
|
300
|
+
</div>
|
|
301
|
+
|
|
302
|
+
{% endfor %}
|
|
303
|
+
|
|
304
|
+
{% assign show_count = site.posts | size %}
|
|
305
|
+
{% for i in (show_count..8) %}
|
|
306
|
+
<div class="side_space_party_button bold_text shallow_shadow title_board_card_color"
|
|
307
|
+
onclick="window.location.href='{{post.url}}'">
|
|
308
|
+
|
|
309
|
+
<div class="side_space_party_button_title">
|
|
310
|
+
暂无其他文章
|
|
311
|
+
</div>
|
|
312
|
+
|
|
313
|
+
</div>
|
|
314
|
+
{% endfor %}
|
|
315
|
+
|
|
316
|
+
</div>
|
|
317
|
+
|
|
318
|
+
<div class="side_space_nav_space">
|
|
319
|
+
|
|
320
|
+
|
|
321
|
+
<div class="special_thanks_text power_design_color bold_text">
|
|
322
|
+
Designed.By.Pixso
|
|
323
|
+
</div>
|
|
324
|
+
<div class="special_thanks_text power_content_color bold_text">
|
|
325
|
+
Powered.By.Jekyll
|
|
326
|
+
</div>
|
|
327
|
+
|
|
328
|
+
<div class="footer_btn_container">
|
|
329
|
+
|
|
330
|
+
<div class="special_thanks_button normal_btn_color bold_text shallow_shadow">
|
|
331
|
+
获取该站点原创主题Jekyll项目?
|
|
332
|
+
</div>
|
|
333
|
+
<div class="special_thanks_button normal_btn_color bold_text shallow_shadow">
|
|
334
|
+
获取该站点的Pixso原创主题设计文件?
|
|
335
|
+
</div>
|
|
336
|
+
|
|
337
|
+
</div>
|
|
338
|
+
|
|
339
|
+
</div>
|
|
340
|
+
|
|
341
|
+
</div>
|
|
342
|
+
|
|
343
|
+
</div>
|
|
344
|
+
|
|
345
|
+
{% include tags_fetcher.html %}
|
|
346
|
+
{% include categories_fetcher.html %}
|
|
347
|
+
<script src="../assets/js/blogs_changer.js"></script>
|
|
348
|
+
<script src="../assets/js/hint_replacer.js"></script>
|
|
349
|
+
<script src="../assets/js/bulletin_replacer_and_robo_animator.js"></script>
|
|
350
|
+
<script src="../assets/js/background_move.js"></script>
|
|
351
|
+
</body>
|
|
352
|
+
|
|
353
|
+
</html>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="UTF-8">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<title>{{page.title}}</title>
|
|
6
|
+
<meta charset="UTF-8">
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
8
|
+
<script src="/assets/jquery/jquery-3.7.1.js"></script>
|
|
9
|
+
<link rel="icon" href="/assets/images/general_svgs/icon.svg" type="image/x-icon">
|
|
10
|
+
<link rel="stylesheet" href="/assets/css/styles.css">
|
|
11
|
+
</head>
|
|
12
|
+
|
|
13
|
+
<body class="back_ground_color">
|
|
14
|
+
|
|
15
|
+
<div class="search_top_container">
|
|
16
|
+
<div class="main_background_container"></div>
|
|
17
|
+
<div class="search_top_title color_pure_white bold_text">{{page.top_title}}</div>
|
|
18
|
+
<img class="robo_head" src="/assets/images/search_svgs/robo_head.svg" />
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
<div id="search_space_container" class="middle_ground_color front_card background_deep_shadow">
|
|
22
|
+
|
|
23
|
+
<h3>
|
|
24
|
+
<a href="/" class="bold_text color_4_black normal_a">回到主页</a>
|
|
25
|
+
</h3>
|
|
26
|
+
|
|
27
|
+
{{content}}
|
|
28
|
+
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
</body>
|
|
32
|
+
|
|
33
|
+
</html>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: robo_search_layout
|
|
3
|
+
title: {{page.title}}
|
|
4
|
+
top_title: {{page.top_title}}
|
|
5
|
+
---
|
|
6
|
+
<h1 class="bold_text color_4_black" style="text-align: center;">全部标签</h1>
|
|
7
|
+
<div id="tag_sea_container" style="width: 80%;">
|
|
8
|
+
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
<div id="search_post_container" class="search_post_container">
|
|
12
|
+
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
{% include search_tags_fetcher.html %}
|
|
16
|
+
{% include footer.html %}
|
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
.content_top_container {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 80px;
|
|
4
|
+
|
|
5
|
+
position: relative;
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
|
|
8
|
+
}
|
|
9
|
+
#content_space_container {
|
|
10
|
+
flex-grow: 1;
|
|
11
|
+
overflow-y: hidden;
|
|
12
|
+
|
|
13
|
+
display: flex;
|
|
14
|
+
z-index: 90;
|
|
15
|
+
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
align-items: center;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.content_top_title{
|
|
21
|
+
|
|
22
|
+
position: absolute;
|
|
23
|
+
|
|
24
|
+
top:12px;
|
|
25
|
+
right:15px;
|
|
26
|
+
|
|
27
|
+
z-index: 100;;
|
|
28
|
+
|
|
29
|
+
font-size: 40px;
|
|
30
|
+
|
|
31
|
+
}
|
|
32
|
+
.content_side_title{
|
|
33
|
+
position: absolute;
|
|
34
|
+
|
|
35
|
+
top:12px;
|
|
36
|
+
left:15px;
|
|
37
|
+
|
|
38
|
+
z-index: 100;;
|
|
39
|
+
|
|
40
|
+
font-size: 40px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
//作者简介空间
|
|
44
|
+
.author_info_space{
|
|
45
|
+
|
|
46
|
+
width: 60%;
|
|
47
|
+
|
|
48
|
+
height:200px;
|
|
49
|
+
|
|
50
|
+
border-radius: 15px;
|
|
51
|
+
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-direction: row;
|
|
54
|
+
justify-content: flex-start;
|
|
55
|
+
|
|
56
|
+
position: relative;
|
|
57
|
+
}
|
|
58
|
+
.author_avatar_space{
|
|
59
|
+
width: 150px;
|
|
60
|
+
|
|
61
|
+
height: 100%;
|
|
62
|
+
|
|
63
|
+
padding: 10px;
|
|
64
|
+
|
|
65
|
+
display: flex;
|
|
66
|
+
justify-content: center;
|
|
67
|
+
|
|
68
|
+
}
|
|
69
|
+
.author_avatar{
|
|
70
|
+
|
|
71
|
+
width: 100px;
|
|
72
|
+
height: 100px;
|
|
73
|
+
|
|
74
|
+
border-radius: 100px;
|
|
75
|
+
|
|
76
|
+
}
|
|
77
|
+
.author_info_container{
|
|
78
|
+
|
|
79
|
+
width:45%;
|
|
80
|
+
height: 100%;
|
|
81
|
+
|
|
82
|
+
padding: 10px;
|
|
83
|
+
|
|
84
|
+
display: flex;
|
|
85
|
+
flex-direction: column;
|
|
86
|
+
justify-content: flex-start;
|
|
87
|
+
|
|
88
|
+
}
|
|
89
|
+
.skilled_space{
|
|
90
|
+
width: 100%;
|
|
91
|
+
height: auto;
|
|
92
|
+
padding: 10px 0;
|
|
93
|
+
|
|
94
|
+
}
|
|
95
|
+
.author_github_space{
|
|
96
|
+
width: 20%;
|
|
97
|
+
height: 30px;
|
|
98
|
+
|
|
99
|
+
font-size: 15px;
|
|
100
|
+
|
|
101
|
+
display: flex;
|
|
102
|
+
justify-content: center;
|
|
103
|
+
align-items: center;
|
|
104
|
+
|
|
105
|
+
position: absolute;
|
|
106
|
+
|
|
107
|
+
top:10px;
|
|
108
|
+
right:10px;
|
|
109
|
+
|
|
110
|
+
border-radius: 3px;
|
|
111
|
+
|
|
112
|
+
}
|
|
113
|
+
.enrolled_space{
|
|
114
|
+
position: absolute;
|
|
115
|
+
|
|
116
|
+
bottom:10px;
|
|
117
|
+
right:10px;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
//联系界面
|
|
121
|
+
.contact_space{
|
|
122
|
+
|
|
123
|
+
width: 60%;
|
|
124
|
+
|
|
125
|
+
height: 60px;
|
|
126
|
+
|
|
127
|
+
padding: 20px;
|
|
128
|
+
|
|
129
|
+
display: flex;
|
|
130
|
+
flex-wrap: wrap;
|
|
131
|
+
flex-direction: row;
|
|
132
|
+
justify-content: center;
|
|
133
|
+
}
|
|
134
|
+
.contact_item_space{
|
|
135
|
+
|
|
136
|
+
flex:50;
|
|
137
|
+
height: 100%;
|
|
138
|
+
|
|
139
|
+
padding: 10px;
|
|
140
|
+
|
|
141
|
+
}
|
|
142
|
+
.fence{
|
|
143
|
+
flex:1;
|
|
144
|
+
|
|
145
|
+
display: flex;
|
|
146
|
+
justify-content: center;
|
|
147
|
+
align-items: center;
|
|
148
|
+
|
|
149
|
+
}
|
|
150
|
+
.contact_btn{
|
|
151
|
+
|
|
152
|
+
height: 100%;
|
|
153
|
+
width: 100%;
|
|
154
|
+
|
|
155
|
+
display: flex;
|
|
156
|
+
flex-wrap: wrap;
|
|
157
|
+
flex-direction: row;
|
|
158
|
+
|
|
159
|
+
align-items: center;
|
|
160
|
+
|
|
161
|
+
}
|
|
162
|
+
.contact_icon{
|
|
163
|
+
margin: 0 10px;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
//文章界面
|
|
167
|
+
.post_space{
|
|
168
|
+
width: 50%;
|
|
169
|
+
height: auto;
|
|
170
|
+
|
|
171
|
+
padding: 10px;
|
|
172
|
+
|
|
173
|
+
display: flex;
|
|
174
|
+
flex-direction: column;
|
|
175
|
+
justify-content: center;
|
|
176
|
+
|
|
177
|
+
border-radius: 15px;
|
|
178
|
+
}
|
|
179
|
+
.post_title{
|
|
180
|
+
|
|
181
|
+
font-size: 40px;
|
|
182
|
+
|
|
183
|
+
text-align: start;
|
|
184
|
+
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.post_info{
|
|
188
|
+
width:100%;
|
|
189
|
+
height: 80px;
|
|
190
|
+
|
|
191
|
+
margin-top: 10px;
|
|
192
|
+
|
|
193
|
+
display: flex;
|
|
194
|
+
flex-direction: row;
|
|
195
|
+
align-items: center;
|
|
196
|
+
justify-content: flex-start;
|
|
197
|
+
|
|
198
|
+
position: relative;
|
|
199
|
+
|
|
200
|
+
border-bottom: 1px solid #9A9A9A;
|
|
201
|
+
|
|
202
|
+
}
|
|
203
|
+
.post_date{
|
|
204
|
+
position: absolute;
|
|
205
|
+
|
|
206
|
+
bottom: 5px;
|
|
207
|
+
right: 5px;
|
|
208
|
+
}
|
|
209
|
+
.post_content{
|
|
210
|
+
height: auto;
|
|
211
|
+
}
|