forked from erinjo/books
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (54 loc) · 1.99 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
<!DOCTYPE html>
<html lang="en">
<title>Books in 2017</title>
<meta charset='utf-8'>
<script type="text/javascript" src="js/ICanHaz.js"></script>
<script type="text/javascript" src='js/jquery.js'></script>
<script type="text/javascript" src='js/site.js'></script>
<script type="text/javascript" src='js/tabletop1.3.4.js'></script>
<link rel="shortcut icon" href="https://raw.githubusercontent.com/jlord/lending-library/gh-pages/favico.png" />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700,900' rel='stylesheet' type='text/css'>
<link media="screen" rel="stylesheet" type="text/css" href="css/site.css">
</head>
<body>
<header class="container">
<p class="title">A visual collection of the books I read this year.</p>
<h1>My Library</h1>
<hr>
<h2>2017</h2>
<p>This page lists the books I've read in 2017 only.</p>
<!-- <p>If you want to know all the books I've read since 2004, they are available here.</p> -->
</header>
<div id="books" class="container"><span class="flash animated"> LOADING </span></div>
</div>
<script id="books" type="text/html">
{{#rows}}
<div id="{{rowNumber}}" class="book-box {{#digital}}not-{{/digital}}available">
<div class="book-cover">
<img src="https://covers.openlibrary.org/b/isbn/{{asin}}-L.jpg">
</div>
<div class="book-box-bottom {{rowNumber}}">
<span class="book-title">{{label}}</span>
<span class="book-author">{{author}}</span>
<span class="date-read">{{dateRead}}</span>
<br>
<a href="http://www.amazon.in/dp/{{asin}}?tag=xavierroycom-21" target="_blank">
<span class="buy btn">Get Book</span>
</a>
</div>
</div>
{{/rows}}
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var URL = "1GjebB-WG4aCwqiqbYOxfMhtL1g6t2u_DrkNAsOdqRhs"
Tabletop.init({
key: URL,
callback: drawToolBox,
simpleSheet: true
})
})
</script>
</script>
</body>
</html>