Redesigned the bookshelf card to enhance user-friendliness and ensure uniformity.
Updated bookshelf Card
Four cards are displayed in each row. On the card, thumbnails of the first 5 books in the collection will be displayed.
'Collection' represents the bookshelves created by users, excluding the following three bookshelves:
Books users have actually read and rated. (books read)
Books users are currently reading. (reading)
Books users are planning to read. (to read)
Therefore, these three bookshelves will not be displayed as collection cards. Instead, users access these bookshelves through this tab.
changesd
Updated the fragment file to reflect the changes in the HTML structure
Files Modified: bookcard.html, collectioncard.html
Those files are for reference at the moment.
Updated Javascript to reflect the new structure
Files Modified:bookshelf.js
Fixed homepage structure to put the collection cards in the collection area
Files Modified:homepage.html
Style refinement
Files Modified:bookshelf.css, card.css, homepage.css, style.css
deleted duplicated ids and sorted styles
bookshelf.css: style for modals
card.css: style for cards(bookcard, collectioncard, commentcard)
homepage.css:style for elements only on the homepage
style.css: common styles (header, footer, body, etc.)
Bookshelf Card redesign
Redesigned the bookshelf card to enhance user-friendliness and ensure uniformity.
Updated bookshelf Card
Four cards are displayed in each row. On the card, thumbnails of the first 5 books in the collection will be displayed. 'Collection' represents the bookshelves created by users, excluding the following three bookshelves:
Therefore, these three bookshelves will not be displayed as collection cards. Instead, users access these bookshelves through this tab.
changesd
Updated the fragment file to reflect the changes in the HTML structure
Files Modified:
bookcard.html,collectioncard.htmlThose files are for reference at the moment.Updated Javascript to reflect the new structure
Files Modified:
bookshelf.jsFixed homepage structure to put the collection cards in the collection area
Files Modified:
homepage.htmlStyle refinement
Files Modified:
bookshelf.css,card.css,homepage.css,style.cssdeleted duplicated ids and sorted stylesbookshelf.css: style for modalscard.css: style for cards(bookcard, collectioncard, commentcard)homepage.css:style for elements only on the homepagestyle.css: common styles (header, footer, body, etc.)