Content Studio — Books
CONTENT STUDIO SUB-PAGE · BOOKS & PDFs

Books & PDFs

Content Studio/books-pdfs/ · Content Storage/books-pdfs/

A curated digital library of books and PDF documents covering AI, engineering, research, and education. Features a 3D book flip-card listing, a full in-browser PDF reader, sidebar filters, and search.

AI, engineering, research ও education বিষয়ক books ও PDFs। 3D book card listing, in-browser PDF reader, sidebar filter এবং search সহ।

PDF Reader 3D Book Cards Category Filters AI / Engineering Book Detail Page Download
AI Prompt
Engineering
Chapter 1
Chapter 2
Chapter 3
Books & PDF Library
SECTION 01

Book Listing with 3D Cards

The book listing page (book-listing-new.html) shows books as 3D flip cards. On hover, each card flips to reveal a short description, author, category tags, and quick-action buttons for reading or downloading.

Book listing page-এ CSS 3D flip card। Hover করলে card flip হয়ে description, author, tags ও quick-action buttons দেখায়।

CSS 3D Flip Animation
Front face shows cover image; back reveals title, description, and action buttons on hover
Sidebar Category Filter
Filter by genre: AI, Engineering, Programming, Research — updates listing instantly
Live Search
Type to filter books by title, author, or keyword in real-time without page reload
Book Listing
AI
Book
AI Prompt Engineering
Artificial Intelligence · 2024
AI PDF
Read
SECTION 02

In-Browser PDF Reader

The PDF reader (pdf-reader.html) provides a full-featured reading experience without leaving the site. Features page navigation, zoom, scroll mode, reading progress tracking, and a table-of-contents sidebar.

PDF reader site ছেড়ে না গিয়েই পড়ার সুবিধা দেয়। Page navigation, zoom, scroll mode, reading progress tracking এবং table-of-contents sidebar আছে।

Zoom & Fullscreen
Zoom in/out + fullscreen mode for comfortable reading on any screen size
Reading Progress
Visual progress bar and page counter — bookmark your position
Table of Contents Sidebar
Click any chapter in the sidebar to jump directly to that section
PDF Reader Interface
Page 12 / 180
100%
PDF Content Area
SECTION 03

Book Detail Page

Each book has a dedicated detail page (book-detail.html) with full metadata — cover image, synopsis, author info, related books, and action buttons. Dynamically populated from books.json.

প্রতিটি book-এর জন্য আলাদা detail page। Cover image, synopsis, author info, related books — সব books.json থেকে dynamically load হয়।

Cover Gallery
High-resolution cover image with parallax scroll effect on desktop
Metadata & Tags
Author, publication year, language, page count, topic tags — all from JSON
Related Books
Automatically shows books in the same category below the main detail section
Book Detail Layout
Cover Image
Parallax hero
Synopsis & Metadata
Author, year, pages, language
Related Books Grid
Same category auto-populated

Books — File Reference

FileTypeDescription
Content Studio/books-pdfs/book-listing-new.htmlPageMain books listing with 3D flip cards, sidebar filters, and search
Content Studio/books-pdfs/book-detail.htmlPageIndividual book detail page — dynamically loaded from books.json
Content Studio/books-pdfs/pdf-reader.htmlPageIn-browser PDF reader with zoom, navigation, progress tracking
Content Studio/books-pdfs/book-3d.htmlPage3D interactive book viewer with Three.js cover rendering
Content Studio/books-pdfs/books.jsonDataBook metadata: title, author, cover, pages, category, PDF path
Content Storage/books-pdfs/StorageActual PDF files, cover images, and book assets