diff --git a/index.html b/index.html
index ab890a1..35cc67e 100644
--- a/index.html
+++ b/index.html
@@ -213,6 +213,12 @@ body {
.text-gray-700 { color: #4a5568; }
+.episode-link-hover:hover {
+ color: #4CAF50; /* Change the color to what fits your design */
+ text-decoration: underline; /* Example styling, modify as needed */
+ }
+
+
.special-button {
background-color: #4CAF50; /* Green */
border: none;
@@ -257,43 +263,6 @@ body {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -604,27 +573,56 @@ function searchTvShow(tvShowTitle) {
function displayTvShows(tvShows) {
const tvShowsContainer = document.getElementById('tvShowsContainer');
+ const imageUrlBase = 'https://image.tmdb.org/t/p/w500'; // Base URL for TMDB images
- // Directly append each new TV show element without clearing existing content.
tvShows.forEach(tvShow => {
const tvShowElement = document.createElement('div');
tvShowElement.className = 'movie-tile p-2';
tvShowElement.innerHTML = `
- 
+ 
${tvShow.name}
${tvShow.overview}
`;
- const customURL = customTVShowURLs[tvShow.name];
- if (customURL) {
+ // Here's where you'd add any specific logic for "Hoarders" or other shows
+ if (tvShow.name === "Hoarders") {
tvShowElement.addEventListener('click', function() {
- updateVideoPlayerAndShow(customURL);
+ displayHoardersSeasonsEpisodes();
});
}
tvShowsContainer.appendChild(tvShowElement);
});
}
+
+
+function displayHoardersSeasonsEpisodes() {
+ const modal = document.getElementById('seasonsEpisodesModal');
+ const content = modal.querySelector('#modalContent');
+ content.innerHTML = `
+ Hoarders - Seasons and Episodes
+
+
+ `;
+ modal.classList.remove('hidden');
+}
+
+// Assuming you already have a closeModal function to hide the modal
+
+
+
function setupModalClose() {
document.querySelector('.closeModal').addEventListener('click', function() {
document.getElementById('seasonsEpisodesModal').classList.add('hidden');