Pawan Kalyan Filmography
grid.innerHTML = filtered.map(movie => // dynamic poster emoji / letter const posterInitial = movie.title.charAt(0).toUpperCase(); const yearCategory = movie.year; const roleClass = movie.role === 'Lead' ? 'lead' : ''; return ` <div class="film-card" data-id="$movie.id"> <div class="card-img"> <span>🎬 $posterInitial • $movie.year</span> </div> <div class="film-info"> <div class="film-title"> $movie.title <span class="film-year">$movie.year</span> </div> <div class="film-role"> <span class="role-badge $roleClass">$movie.role === 'Lead' ? '⭐ Power Star' : (movie.role === 'Cameo' ? '✨ Special Appearance' : movie.role)</span> <span>🎥 Dir: $movie.director</span> </div> <div class="film-desc"> $movie.desc <br> <span style="font-size:0.7rem; opacity:0.7;">🏷️ $movie.genre</span> </div> </div> </div> `; ).join('');
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <title>Pawan Kalyan — Complete Filmography</title> <style> * margin: 0; padding: 0; box-sizing: border-box; font-family: system-ui, 'Segoe UI', 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif; pawan kalyan filmography
/* film grid */ .film-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.8rem; '✨ Special Appearance' : movie