New Malayalam Movies List ^hot^ Page

@keyframes spin 0% transform: rotate(0deg); 100% transform: rotate(360deg);

// Function to filter movies function filterMovies() let filtered = moviesData; // Apply year/genre filter if (currentFilter !== "all") currentFilter === "2023") filtered = filtered.filter(movie => movie.year.toString() === currentFilter); else filtered = filtered.filter(movie => movie.genre.some(g => g.toLowerCase() === currentFilter.toLowerCase()) ); // Apply search filter if (currentSearch) return filtered; new malayalam movies list

// Function to display movies function displayMovies() const filteredMovies = filterMovies(); const container = document.getElementById("moviesContainer"); if (filteredMovies.length === 0) container.innerHTML = ` <div class="no-results"> <p>😔 No movies found matching your criteria</p> <p style="font-size: 0.9em; margin-top: 10px;">Try adjusting your filters or search term</p> </div> `; return; container.innerHTML = filteredMovies.map(movie => ` <div class="movie-card" onclick="showMovieDetails($movie.id)"> $movie.isNew ? '<div class="badge">NEW</div>' : '' <img class="movie-poster" src="$movie.poster" alt="$movie.title" onerror="this.src='https://via.placeholder.com/300x450/667eea/white?text=No+Image'"> <div class="movie-info"> <div class="movie-title">$movie.title</div> <div class="movie-year">$movie.year</div> <div class="movie-genre">$movie.genre.join(" • ")</div> <div class="movie-rating"> <span class="stars">$renderStars(movie.rating)</span> <span class="rating-value">$movie.rating/5</span> </div> </div> </div> `).join(""); @keyframes spin 0% transform: rotate(0deg)

/* Filters */ .filters background: white; border-radius: 15px; padding: 20px; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); animation: fadeIn 1s ease; 100% transform: rotate(360deg)

/* Header Styles */ .header text-align: center; color: white; margin-bottom: 40px; padding: 20px;