-
Notifications
You must be signed in to change notification settings - Fork 0
/
books.html
83 lines (76 loc) · 3.22 KB
/
books.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
---
layout: book
title: 万卷书
motto: Live and learn
translate: 活到老,学到老
---
<section id="articlebook" class="container article-books">
<div class="section-container article-books-container">
<div class="article-books-container-inner">
{% assign books = site.data.books | reverse %}
{% for book in books %}
<div class="dot-book-card">
<header>
<div class="book-name">
<span>{{ book.name }}</span>
{% for star in (1..book.star) %}
<span class="fa fa-star"></span>
{% endfor %}
{% if book.isHalf %}
<span class="fa fa-star-half-o"></span>
{% endif %}
</div>
</header>
<section>
{% if book.series %}
<ul class="dot-book-series">
{% for serie in book.series %}
{% if serie.status == 1 %}
<li class="dot-book-serie active">
{% if serie.part %}
<span class="serie-part">{{ serie.part }}: </span>
{% else %}
<span class="serie-part">{{ serie.part }}</span>
{% endif %}
<span class="serie-name">{{ serie.name }}</span>
<span class="serie-bracket">【</span>
<span class="serie-status">阅读中...</span>
<span class="serie-bracket">】</span>
</li>
{% elsif serie.status == 2 %}
<li class="dot-book-serie complete">
{% if serie.part %}
<span class="serie-part">{{ serie.part }}: </span>
{% else %}
<span class="serie-part">{{ serie.part }}</span>
{% endif %}
<span class="serie-name">{{ serie.name }}</span>
<span class="serie-bracket">【</span>
<span class="serie-redate">{{ serie.readate | date:"%Y-%m-%d" }}</span>
<span class="serie-status">{{ serie.type }}</span>
<span class="serie-bracket">】</span>
</li>
{% else %}
<li class="dot-book-serie prepare">
{% if serie.part %}
<span class="serie-part">{{ serie.part }}: </span>
{% else %}
<span class="serie-part">{{ serie.part }}</span>
{% endif %}
<span class="serie-name">{{ serie.name }}</span>
<span class="serie-bracket">【</span>
<span class="serie-status">计划中...</span>
<span class="serie-bracket">】</span>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</section>
<footer>
</footer>
</div>
{% endfor %}
</div>
</div>
</section>