// modal logic const modal = document.getElementById('filmModal'); const modalTitle = document.getElementById('modalTitle'); const modalDetail = document.getElementById('modalDetail'); const closeBtn = document.getElementById('closeModalBtn');
/* custom scrollbar */ ::-webkit-scrollbar width: 6px; ::-webkit-scrollbar-track background: #1e1a14; ::-webkit-scrollbar-thumb background: #c9a03d; border-radius: 6px; peliculas de juegos del hambre
<footer> <span>🏹 Panem et Circenses 🏹</span><br> tribute to the districts | all boxsets & digital now streaming </footer> </div> // modal logic const modal = document
function openModal(movie) modalTitle.innerText = movie.title; // Build rich detail: runtime not originally, but we combine extra info and custom details. let details = `$movie.extra<br><br>🎥 Director: $movie.director<br>📅 Release year: $movie.year<br>🏹 Tagline: "$movie.tagline"<br><br>⭐ Cultural impact: Part of the global phenomenon that defined dystopian cinema.`; if (movie.title.includes("Ballad")) details += "<br><br>🐍 Prequel introduces Lucy Gray Baird — the songbird who changed Snow forever."; else if (movie.title.includes("Mockingjay – Part 2")) details += "<br><br>💥 Katniss’s final bow: One of the highest-grossing finales of the decade."; else if (movie.title.includes("Catching Fire")) details += "<br><br>🏆 Won Empire Award for Best Film & MTV Movie of the Year."; else if (movie.title.includes("The Hunger Games") && movie.year === 2012) details += "<br><br>🔥 Launched a franchise that inspired a generation — groundbreaking for female-led action."; modalDetail.innerHTML = details; modal.classList.add('show'); document.body.style.overflow = 'hidden'; She fights to save Peeta while District 13
body background: radial-gradient(circle at 10% 20%, #0a0c12, #030507); font-family: 'Inter', sans-serif; color: #ede7dd; line-height: 1.5; scroll-behavior: smooth;
infoDiv.appendChild(titleDiv); infoDiv.appendChild(directorSpan); infoDiv.appendChild(synopsisP); infoDiv.appendChild(taglineP); infoDiv.appendChild(btn);
<script> // Complete filmography: Hunger Games movies (including The Ballad of Songbirds & Snakes) const movies = [ 4 Oscar nominations , id: 2, title: "The Hunger Games: Catching Fire", year: 2013, director: "Francis Lawrence", tagline: "Remember who the real enemy is.", synopsis: "After surviving the 74th Games, Katniss and Peeta become targets of the Capitol. Forced into a Quarter Quell, they fight for survival and revolution.", posterBg: "https://image.tmdb.org/t/p/w780/tUfK1gNjMFhQbSycvJ9YrbcDDFF.jpg", extra: "Considered the franchise's best entry — 89% RT, epic arena design, and powerful political themes." , id: 3, title: "The Hunger Games: Mockingjay – Part 1", year: 2014, director: "Francis Lawrence", tagline: "Fire burns brighter in the darkness.", synopsis: "Katniss becomes the symbol of the rebellion, the Mockingjay. She fights to save Peeta while District 13 prepares for all-out war.", posterBg: "https://image.tmdb.org/t/p/w780/omBpRrHMcnsqLw9FwEL2yEAB5Lv.jpg", extra: "Dark & emotional chapter. Golden Globe nomination for Best Original Song 'Yellow Flicker Beat'." , id: 4, title: "The Hunger Games: Mockingjay – Part 2", year: 2015, director: "Francis Lawrence", tagline: "The revolution is coming. The fight is real.", synopsis: "The final assault on the Capitol. Katniss leads the rebel forces, confronting President Snow and the deadly traps of the Capitol.", posterBg: "https://image.tmdb.org/t/p/w780/lNyRlsPtwizPqtJIqO0iTrhOHGv.jpg", extra: "Epic conclusion — intense action, emotional closure for Panem. Katniss's final bow." , id: 5, title: "The Hunger Games: The Ballad of Songbirds & Snakes", year: 2023, director: "Francis Lawrence", tagline: "Everyone wants to be a victor.", synopsis: "Years before becoming president, a young Coriolanus Snow mentors a tribute from District 12, Lucy Gray Baird, during the 10th Hunger Games.", posterBg: "https://image.tmdb.org/t/p/w780/mDfJG3LC3Dgb67Nzs7FFK8T4lSH.jpg", extra: "Prequel masterpiece — 91% audience score, explores Snow's origin and Lucy Gray's haunting legacy." ];
