-
Notifications
You must be signed in to change notification settings - Fork 0
/
reading.html
59 lines (54 loc) · 1.85 KB
/
reading.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
---
layout: base
title: My reading list
subtitle: Read to know you are not alone
css:
- "/css/reading.css"
- "/css/book-list.css"
- "/css/newsletter-inpost.css"
---
{% include header.html type="post" %}
{% include sections/sec-front-md.html %}
{% include newsletter.html %}
<p class="txt-center">
There are many books I have read are not listed in the below list. This list shows only the books I have recently read or still remember to write some comments for them.
</p>
{% include sections/sec-back.html %}
{% include sections/sec-front-lg.html %}
<div class="row display-flex hide-360">
{% for post in site.tags.reading %}
<div class="col-xs-6 col-sm-3 book-padding">
<div class="card-book">
<div class="book-img">
<a href="{{ post.url | prepend: site.baseurl }}">
<img class="img img-responsive full-height" src="{{ post.bookimg }}">
</a>
</div>
<div class="book-caption">
<h4><a class="txt-color" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h4>
<p>{{ post.bookauthor }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
<!-- only show on mobile size <=360px-->
<div class="row justify-content-md-center show-360 hidden-sm hidden-md hidden-lg">
<ul>
{% for post in site.tags.reading %}
<li>
<a class="idx-lst-post-a txt-color" href="{{ post.url | prepend: site.baseurl }}">
{{ post.title }}
</a>
<br />
<i style="opacity: 0.7; font-size: 90%;">{{ post.bookauthor }}</i>
</li>
{% endfor %}
</ul>
</div>
{% include sections/sec-back.html %}
{% include sections/sec-front-md.html %}
<div class="disqus-comments">
{% include disqus.html %}
</div>
{% include sections/sec-back.html %}