Html + CSS + Javascript + Jquery based online library
- Books are visualized in 3D, you can change their viewing angle and cover size in the control panel in the top right corner
- If you run the webpage as a server, once the page is fully loaded, their left sides gets colored according to their main cover
- Clicking on a book redirects you automatically to their goodreads page
This library uses the ColorThief library to get the main covers' colors. If not run as a server the page's requests will be blocked by CORS policy
The index page loads the controller. Then the books stored in libri.json
are loaded in chronological order to the page, divided per year.
Every book redirects to their goodreads page without any need for their page to be linked.
When a book is loaded they are inserted into anchors that have as href
a duckduckgo query which paired with the !ducky
keyword redirects you the goodreads page which more likely to match with your book title.
<a href='https://duckduckgo.com/?q=!ducky+goodreads+'+book[i].title+'>