Content Hub
Mobile Content Studio
5 content type cards — Books, Research Papers, Videos, Vlogs, Written Posts — all rendered via Promise.all() JSON fetch with mobile-optimized viewers.
Desktop-এর content hub এর same content, mobile-এ single-column card layout। Inline PDF viewer, video modal সব আছে।
mobile/content-studio/index.html
Promise.all Fetch
5 Content Types
Content Types
5 Content Categories
প্রতিটি content type আলাদা JSON file থেকে load হয় — সবগুলো একসাথে Promise.all() দিয়ে fetch করা হয়।
Books & PDFs
Password-protected PDF viewer। Inline মোবাইল PDF reader।
Research Papers
Academic papers। PDF download link + abstract preview।
Tutorial Videos
YouTube embed। Mobile full-screen modal player।
Vlogs
Personal video content। Same YouTube API source।
Written Posts
Markdown posts rendered to HTML। Read more expand।
Data Loading
Promise.all Fetch Pattern
একটি page load-এ সব ৫টি JSON file parallel-এ fetch হয়। Loading spinner পুরো section জুড়ে দেখায়।
Page Load
Promise.all([
5× JSON fetch
All resolved → render cards
Single Column Layout
Desktop-এ 2–3 column grid। Mobile-এ full-width single column। Card height autofits content.
Mobile screen-এ সব card vertically stack হয়। Scroll করে নিচে যাওয়া।
Inline PDF Reader
Books tap → PDF opens in <iframe> inside bottom sheet. Password prompt appears if pdf is protected.
PDF mobile browser-এর মধ্যেই খোলে। Separate tab না।
Video Modal
Video tap → full overlay modal with YouTube iframe. autoplay=1. Tap outside or X to close. iPhone Safari safe.
Video tap করলে dark overlay modal-এ YouTube player আসে।
Category Tabs
Horizontal scroll tabs at top switch between 5 content types. Same snap scroll pattern as Projects page.
Top-এ tabs swipe করে content type switch। Smooth snap scroll।
JSON Data Source
সব content data Content Code/content.json থেকে আসে। Mobile এবং Desktop উভয়েই same JSON file use করে। নতুন content add করতে শুধু JSON update করুন — কোনো HTML edit দরকার নেই।
Deep Dive Guides
Content Type Deep Guides