-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
182 lines (179 loc) · 12 KB
/
about.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
<!DOCTYPE html>
<!-- saved from url=(0032)/about -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Now, what do I read?</title>
<meta name="title" content="Reading Picks">
<meta name="description" content="If you like the fiction novel Love in the Time of Cholera by Gabriel García Márquez, then you will like the novels The House of the Spirits, Conversation in the Cathedral and The Beautiful and Damned.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Now, what do I read?">
<link rel="canonical" href="/book/4175799977-love-in-the-time-of-cholera-by-gabriel-garcia-marquez">
<meta property="og:url" content="/book/4175799977-love-in-the-time-of-cholera-by-gabriel-garcia-marquez">
<meta property="og:title" content="Reading Picks">
<meta property="og:description" content="If you like the fiction novel Love in the Time of Cholera by Gabriel García Márquez, then you will like the novels The House of the Spirits, Conversation in the Cathedral and The Beautiful and Damned.">
<meta property="og:image" content="./catonbooks.png">
<meta property="twitter:card" content="./catonbooks.png">
<meta property="twitter:url" content="/book/4175799977-love-in-the-time-of-cholera-by-gabriel-garcia-marquez">
<meta property="twitter:title" content="Reading Picks">
<meta property="twitter:description" content="If you like the fiction novel Love in the Time of Cholera by Gabriel García Márquez, then you will like the novels The House of the Spirits, Conversation in the Cathedral and The Beautiful and Damned.">
<meta property="twitter:image" content="./catonbooks.png">
<link rel="apple-touch-icon" sizes="57x57" href="./favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png">
<link rel="manifest" href="./favicon/manifest.json">
<meta name="msapplication-TileColor" content="##fce2ae">
<meta name="msapplication-TileImage" content="./favicon/ms-icon-144x144.png">
<meta name="theme-color" content="##fce2ae">
<link rel="stylesheet" href="./assets/paper.css">
<link rel="stylesheet" href="./assets/style.css">
<link href="./assets/font.css" rel="stylesheet">
</head>
<body>
<div class="container">
<header><img src="./assets/cat2.png" style="float:right;position:relative;margin-top:-199px;top:258px;z-index:10;border:none">
<nav class="border" style="z-index:1">
<div class="nav-brand">
<h4><a href="./home.html" style="z-index:11;text-decoration: none;">Home</a></h4></div>
<div class="collapsible">
<input id="collapsible2" type="checkbox" name="collapsible2">
<button>
<label for="collapsible2">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</label>
</button>
<div class="collapsible-body">
<ul class="inline">
<li><a href="./best.html" style="z-index:11">Best Of</a> </li>
<li><a href="./blog.html" style="z-index:11">Blog</a> </li>
<li><a href="./about.html" style="z-index:11">About</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="main">
<div class="zcard border border-1 background-white">
<div class="zcard-right" style="margin-left:0">
<div class="p1">
<h3>Tailored recommendations.</h3>
<p>Have you ever finished a book and asked yourself, <strong><em><a href="/">"Now, what do I read?"</a></em></strong></p>
<p>This website aims to help you answer that question and find a new book to read by suggesting great novels with similar traits.</p>
<p>These book picks are based on genres to achieve the best book suggestions. Enter a book to get quality recommendations for other highly rated books that share similar mixtures of genres. The book suggestions are filtered to exclude any sequels (why read the 2nd without reading the 1st?), and also no more than one book by the same author.</p>
<br>
<h3>Books by genre.</h3>
<p>Check out the <a href="/best"><strong>best books</strong></a> to get the latest information on the best books for any genre or any combination of genres over any time period. Find books that are new or books that are old! It's like browsing the aisle at your favorite bookstore.</p>
<br>
<h3>Support the real Amazon.</h3>
<p>Every book suggestion has a button that says "Get it" which is embedded with an Amazon.com affiliate link. This means that if you click that link and buy something, Amazon.com will send that money to me. Instead of pocketing that money, I donate all the profits to the <a href="https://www.amazonconservation.org/">Amazon Convservation Association</a>, a nonprofit that aims to protect the western Amazon.</p>
<br>
<h3>No frills.</h3>
<p>This site is made to be as simple as possible. There are no cookies, no tracking, and no sign-in. Just type in a book and get recommendations in less than one second.</p>
<br>
<h3>Frequently Asked Qs.</h3>
<p><strong><em>"Why did you make this?"</em></strong></p>
<p>I was looking for a way to find great books similar to <em><a href="/book/471747102-weaveworld-by-clive-barker">Weaveworld</a></em> and <em><a href="/book/1314080619-imaginary-magnitude-by-stanislaw-lem">Imaginary Magnitude</a></em> and was disappointed with all the resources I found so I built this site and its helped me find some of the best books I've ever read.</p>
<p><strong><em>"Whats with the cats?"</em></strong></p>
<p>Well, <em><a href="https://lithub.com/why-do-cats-love-bookstores/">cats love books</a></em>.</p>
<p><strong><em>"What's your favorite book?"</em></strong></p>
<p>My favorite book is <em><a href="/book/3116086295-the-neverending-story-by-michael-ende">The Neverending Story by Michael Ende</a></em>.</p>
<p><strong><em>"The font is annoying. Why did you do that?"</em></strong></p>
<p>Even though there is an AI behind this website, recommendations should feel like they are hand-picked and hand-written.</p>
<br>
<h3>Attributions</h3>
<p><a href="https://www.vecteezy.com/">Vectors by www.vecteezy.com</a>.</p>
<br>
<h3>Contact</h3>
<p>If you'd like to get in contact, email to <a href="mailto:[email protected]">[email protected]</a>.</p>
</div>
</div>
</div>
<footer id="footer"><img src="./assets/cat.png" style="float:right;position:relative;top:44px;z-index:10;border:none;margin-top:-30px">
<nav class="border" style="z-index:0">
<div class="nav-brand"></div>
<div>
<ul class="inline">
<li>
<a href="https://twitter.com/nowwhatdoiread" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter">
<path d="M23 3a10.9 10.9.0 0 1-3.14 1.53 4.48 4.48.0 0 0-7.86 3v1A10.66 10.66.0 0 1 3 4s-4 9 5 13a11.64 11.64.0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5.0 0 0-.08-.83A7.72 7.72.0 0 0 23 3z"></path>
</svg>
</a>
</li>
</ul>
</div>
</nav>
</footer>
</div>
<script>
function debounce(func, wait, immediate) {
var timeout;
return function executedFunction() {
var context = this;
var args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
window.addEventListener("load", function() {
var name_input = document.getElementById('paperInputs1');
if (name_input != null) {
name_input.addEventListener("keyup", debounce(function() {
hinter()
}, 100));
}
window.hinterXHR = new XMLHttpRequest();
});
var huge_list = document.getElementById('huge_list');
function hinter() {
var input = document.getElementById('paperInputs1');
var min_characters = 3;
if (input.value.length < min_characters) {
return;
} else {
window.hinterXHR.abort();
window.hinterXHR.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);
if (!('books' in response)) {
return;
}
huge_list.innerHTML = "";
response.books.forEach(function(item) {
var option = document.createElement('option');
option.value = item.title;
huge_list.appendChild(option);
});
}
};
window.hinterXHR.open("POST", "/", true);
window.hinterXHR.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
window.hinterXHR.send(JSON.stringify({
"autocomplete": input.value
}));
}
}
</script>
</div>
</body>
</html>