From 543480e5506883586d0fd9a888456d307ee2d6d5 Mon Sep 17 00:00:00 2001 From: ChinweP Date: Tue, 11 Aug 2026 19:59:33 +0100 Subject: [PATCH 01/13] fix: update title in index.html to reflect my name --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 9a400d1..e0cbe41 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - TV Show Project | My Name (My GitHub username) + TV Show Project | Chinwe Chukwuma (ChinweP) From aebbbf2b41c6a27ae0d2faf3bee2b0d46a40b18d Mon Sep 17 00:00:00 2001 From: ChinweP Date: Wed, 12 Aug 2026 01:09:26 +0100 Subject: [PATCH 02/13] feat: enhance episode display and update styling --- index.html | 8 ++++++-- script.js | 44 +++++++++++++++++++++++++++++++++++++++++++- style.css | 2 +- 3 files changed, 50 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 9a400d1..aa296de 100644 --- a/index.html +++ b/index.html @@ -3,14 +3,18 @@ + TV Show Project | My Name (My GitHub username) -
-
+
+
diff --git a/script.js b/script.js index 87a7de8..87f8512 100644 --- a/script.js +++ b/script.js @@ -6,7 +6,49 @@ function setup() { function makePageForEpisodes(episodeList) { const rootElem = document.getElementById("root"); - rootElem.textContent = `Got ${episodeList.length} episode(s)`; + + const heading = document.createElement("h1"); + heading.textContent = "Game of Thrones Episodes"; + rootElem.appendChild(heading); + const source = document.createElement("p"); + source.textContent = "Episode data originally comes from "; + + const tvMazeLink = document.createElement("a"); + tvMazeLink.href = "https://tvmaze.com/"; + tvMazeLink.textContent = "TVMaze.com"; + + source.appendChild(tvMazeLink); + rootElem.appendChild(source); + + episodeList.forEach(function (episode) { + const episodeContainer = document.createElement("article"); + + const episodeTitle = document.createElement("h2"); + + const episodeCode = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; + + episodeTitle.textContent = `${episode.name} - ${episodeCode}`; + const episodeDetails = document.createElement("p"); + episodeDetails.textContent = `Season: ${episode.season} | Episode: ${episode.number}`; + + const episodeImage = document.createElement("img"); + episodeImage.src = episode.image.medium; + episodeImage.alt = episode.name; + + const episodeSummary = document.createElement("div"); + episodeSummary.innerHTML = episode.summary; + + const episodeLink = document.createElement("a"); + episodeLink.href = episode.url; + episodeLink.textContent = "View on TVMaze"; + episodeContainer.appendChild(episodeTitle); + episodeContainer.appendChild(episodeImage); + episodeContainer.appendChild(episodeSummary); + episodeContainer.appendChild(episodeLink); + episodeContainer.appendChild(episodeDetails); + + rootElem.appendChild(episodeContainer); + }); } window.onload = setup; diff --git a/style.css b/style.css index 77cb8d4..aa5da89 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,3 @@ #root { - color: red; + color: #333; } From a1e7259337501fefcabc49f99e91dbaf090e16b8 Mon Sep 17 00:00:00 2001 From: ChinweP Date: Wed, 12 Aug 2026 01:26:38 +0100 Subject: [PATCH 03/13] fix: correct episode details placement and enhance CSS grid layout --- script.js | 3 ++- style.css | 9 +++++++++ 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/script.js b/script.js index 87f8512..f158ca6 100644 --- a/script.js +++ b/script.js @@ -42,10 +42,11 @@ function makePageForEpisodes(episodeList) { episodeLink.href = episode.url; episodeLink.textContent = "View on TVMaze"; episodeContainer.appendChild(episodeTitle); + episodeContainer.appendChild(episodeDetails); episodeContainer.appendChild(episodeImage); episodeContainer.appendChild(episodeSummary); episodeContainer.appendChild(episodeLink); - episodeContainer.appendChild(episodeDetails); + rootElem.appendChild(episodeContainer); }); diff --git a/style.css b/style.css index aa5da89..3ea1d08 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,12 @@ #root { color: #333; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 16px; } + +#root h1, +#root > p { + grid-column: 1 / -1; +} + From c1b6070efc49d63ef7bbfc246dd493754aa430dc Mon Sep 17 00:00:00 2001 From: d-odumosu Date: Fri, 14 Aug 2026 22:08:26 +0100 Subject: [PATCH 04/13] added filter search --- .idea/.gitignore | 10 ++++ .idea/Project-TV-Show.iml | 8 ++++ .idea/modules.xml | 8 ++++ .idea/vcs.xml | 6 +++ index.html | 23 ++++++++- script.js | 99 ++++++++++++++++++++------------------- 6 files changed, 103 insertions(+), 51 deletions(-) create mode 100644 .idea/.gitignore create mode 100644 .idea/Project-TV-Show.iml create mode 100644 .idea/modules.xml create mode 100644 .idea/vcs.xml diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..30cf57e --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,10 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Ignored default folder with query files +/queries/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/Project-TV-Show.iml b/.idea/Project-TV-Show.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/.idea/Project-TV-Show.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..4b05bc1 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index aa296de..6d72178 100644 --- a/index.html +++ b/index.html @@ -13,8 +13,27 @@ -
-
+
+
+ + + +

+ +

Game of Thrones Episodes

+ +

+ Episode data originally comes from + TVMaze.com +

+
+
+
diff --git a/script.js b/script.js index f158ca6..38b6b18 100644 --- a/script.js +++ b/script.js @@ -1,55 +1,56 @@ //You can edit ALL of the code here -function setup() { - const allEpisodes = getAllEpisodes(); - makePageForEpisodes(allEpisodes); +const episodesContainer = document.getElementById("episodes-container") +const searchInput = document.getElementById("episode-search"); +const searchCount = document.getElementById("searchCount") +function getEpisodes(){ + return getAllEpisodes() +} + +function render(episodeList) { + episodesContainer.textContent = "" + episodeList.forEach(function (episode) { + const episodeContainer = document.createElement("article"); + const episodeTitle = document.createElement("h2"); + const episodeCode = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; + episodeTitle.textContent = `${episode.name} - ${episodeCode}`; + const episodeDetails = document.createElement("p"); + episodeDetails.textContent = `Season: ${episode.season} | Episode: ${episode.number}`; + + const episodeImage = document.createElement("img"); + episodeImage.src = episode.image.medium; + episodeImage.alt = episode.name; + + const episodeSummary = document.createElement("div"); + episodeSummary.innerHTML = episode.summary; + + const episodeLink = document.createElement("a"); + episodeLink.href = episode.url; + episodeLink.textContent = "View on TVMaze"; + episodeContainer.appendChild(episodeTitle); + episodeContainer.appendChild(episodeDetails); + episodeContainer.appendChild(episodeImage); + episodeContainer.appendChild(episodeSummary); + episodeContainer.appendChild(episodeLink); + + episodesContainer.appendChild(episodeContainer) + }); } -function makePageForEpisodes(episodeList) { - const rootElem = document.getElementById("root"); - - const heading = document.createElement("h1"); - heading.textContent = "Game of Thrones Episodes"; - rootElem.appendChild(heading); - const source = document.createElement("p"); - source.textContent = "Episode data originally comes from "; - - const tvMazeLink = document.createElement("a"); - tvMazeLink.href = "https://tvmaze.com/"; - tvMazeLink.textContent = "TVMaze.com"; - - source.appendChild(tvMazeLink); - rootElem.appendChild(source); - - episodeList.forEach(function (episode) { - const episodeContainer = document.createElement("article"); - - const episodeTitle = document.createElement("h2"); - - const episodeCode = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; - - episodeTitle.textContent = `${episode.name} - ${episodeCode}`; - const episodeDetails = document.createElement("p"); - episodeDetails.textContent = `Season: ${episode.season} | Episode: ${episode.number}`; - - const episodeImage = document.createElement("img"); - episodeImage.src = episode.image.medium; - episodeImage.alt = episode.name; - - const episodeSummary = document.createElement("div"); - episodeSummary.innerHTML = episode.summary; - - const episodeLink = document.createElement("a"); - episodeLink.href = episode.url; - episodeLink.textContent = "View on TVMaze"; - episodeContainer.appendChild(episodeTitle); - episodeContainer.appendChild(episodeDetails); - episodeContainer.appendChild(episodeImage); - episodeContainer.appendChild(episodeSummary); - episodeContainer.appendChild(episodeLink); - - - rootElem.appendChild(episodeContainer); - }); +function setup() { + const allEpisodes = getEpisodes() + render(allEpisodes); } +let searchTerm = "" +searchInput.addEventListener("input", () =>{ + searchTerm = searchInput.value.toLowerCase() + const allEpisodes = getEpisodes() + const filteredEpisodes = allEpisodes.filter((episode) => episode.name.toLowerCase().includes(searchTerm) || episode.summary.toLowerCase().includes(searchTerm)) + searchCount.textContent = `${filteredEpisodes.length}` + render(filteredEpisodes); +}) + + + + window.onload = setup; From cc071f825b41dcce7a703ac945bde260883402ab Mon Sep 17 00:00:00 2001 From: d-odumosu Date: Fri, 14 Aug 2026 22:15:36 +0100 Subject: [PATCH 05/13] added search display count --- script.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/script.js b/script.js index 38b6b18..9fd0cf1 100644 --- a/script.js +++ b/script.js @@ -46,7 +46,7 @@ searchInput.addEventListener("input", () =>{ searchTerm = searchInput.value.toLowerCase() const allEpisodes = getEpisodes() const filteredEpisodes = allEpisodes.filter((episode) => episode.name.toLowerCase().includes(searchTerm) || episode.summary.toLowerCase().includes(searchTerm)) - searchCount.textContent = `${filteredEpisodes.length}` + searchCount.textContent = `Displaying: ${filteredEpisodes.length}/${allEpisodes.length}` render(filteredEpisodes); }) From cf42340f3b7d4351210a0d4f8f13a45326f3f63f Mon Sep 17 00:00:00 2001 From: d-odumosu Date: Fri, 14 Aug 2026 22:22:54 +0100 Subject: [PATCH 06/13] fixed the display count --- script.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/script.js b/script.js index 9fd0cf1..c8a1fea 100644 --- a/script.js +++ b/script.js @@ -46,7 +46,11 @@ searchInput.addEventListener("input", () =>{ searchTerm = searchInput.value.toLowerCase() const allEpisodes = getEpisodes() const filteredEpisodes = allEpisodes.filter((episode) => episode.name.toLowerCase().includes(searchTerm) || episode.summary.toLowerCase().includes(searchTerm)) - searchCount.textContent = `Displaying: ${filteredEpisodes.length}/${allEpisodes.length}` + if(searchTerm ){ + searchCount.textContent = `Displaying: ${filteredEpisodes.length}/${allEpisodes.length}` + }else{ + searchCount.textContent = "" + } render(filteredEpisodes); }) From 5cc54f0fad376d333e4fbb3289dd50a2da7b942a Mon Sep 17 00:00:00 2001 From: d-odumosu Date: Sat, 15 Aug 2026 00:10:00 +0100 Subject: [PATCH 07/13] completed level 200 --- index.html | 6 ++++++ script.js | 25 +++++++++++++++++++++++-- style.css | 20 ++++++++++---------- 3 files changed, 39 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index 6d72178..be7a5c2 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,12 @@
+
+ + +
{ + const episodeOption = document.createElement("option") + episodeOption.textContent = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")} - ${episode.name}`; + episodeOption.value = episode.id + selectEpisodes.appendChild(episodeOption) + }) +} + function getEpisodes(){ return getAllEpisodes() } @@ -39,6 +50,7 @@ function render(episodeList) { function setup() { const allEpisodes = getEpisodes() render(allEpisodes); + populateOption(allEpisodes) } let searchTerm = "" @@ -54,7 +66,16 @@ searchInput.addEventListener("input", () =>{ render(filteredEpisodes); }) - - +let selectedEpisode = "" +selectEpisodes.addEventListener("change", () => { +selectedEpisode = selectEpisodes.value + const allEpisodes = getEpisodes() + const episode = allEpisodes.find((episode) => { + return episode.id === Number(selectedEpisode) + }) + if(episode){ + render([episode]) + } +}) window.onload = setup; diff --git a/style.css b/style.css index 3ea1d08..6b62409 100644 --- a/style.css +++ b/style.css @@ -1,12 +1,12 @@ -#root { - color: #333; - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 16px; -} +/*#root {*/ +/* color: #333;*/ +/* display: grid;*/ +/* grid-template-columns: repeat(3, 1fr);*/ +/* gap: 16px;*/ +/*}*/ -#root h1, -#root > p { - grid-column: 1 / -1; -} +/*#root h1,*/ +/*#root > p {*/ +/* grid-column: 1 / -1;*/ +/*}*/ From a6aafa51da73589970efd8e910aee1dd9b1232e3 Mon Sep 17 00:00:00 2001 From: ChinweP Date: Mon, 17 Aug 2026 18:12:54 +0100 Subject: [PATCH 08/13] Remove IDE configuration files --- .idea/.gitignore | 10 ---------- .idea/Project-TV-Show.iml | 8 -------- .idea/modules.xml | 8 -------- .idea/vcs.xml | 6 ------ 4 files changed, 32 deletions(-) delete mode 100644 .idea/.gitignore delete mode 100644 .idea/Project-TV-Show.iml delete mode 100644 .idea/modules.xml delete mode 100644 .idea/vcs.xml diff --git a/.idea/.gitignore b/.idea/.gitignore deleted file mode 100644 index 30cf57e..0000000 --- a/.idea/.gitignore +++ /dev/null @@ -1,10 +0,0 @@ -# Default ignored files -/shelf/ -/workspace.xml -# Editor-based HTTP Client requests -/httpRequests/ -# Ignored default folder with query files -/queries/ -# Datasource local storage ignored files -/dataSources/ -/dataSources.local.xml diff --git a/.idea/Project-TV-Show.iml b/.idea/Project-TV-Show.iml deleted file mode 100644 index c956989..0000000 --- a/.idea/Project-TV-Show.iml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml deleted file mode 100644 index 4b05bc1..0000000 --- a/.idea/modules.xml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml deleted file mode 100644 index 35eb1dd..0000000 --- a/.idea/vcs.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file From 37afa2e5673ed0df542431fc0c3dacee818a49bb Mon Sep 17 00:00:00 2001 From: ChinweP Date: Mon, 17 Aug 2026 20:16:34 +0100 Subject: [PATCH 09/13] Fetch episodes from TVMaze API --- episodes.js | 1855 --------------------------------------------------- index.html | 4 +- script.js | 38 +- 3 files changed, 26 insertions(+), 1871 deletions(-) delete mode 100644 episodes.js diff --git a/episodes.js b/episodes.js deleted file mode 100644 index 5ef6e9e..0000000 --- a/episodes.js +++ /dev/null @@ -1,1855 +0,0 @@ -//DO NOT EDIT THIS FILE - -//This content is from https://www.tvmaze.com/ -//specifically: https://api.tvmaze.com/shows/82/episodes - -function getOneEpisode() { - return { - id: 4952, - url: - "http://www.tvmaze.com/episodes/4952/game-of-thrones-1x01-winter-is-coming", - name: "Winter is Coming", - season: 1, - number: 1, - airdate: "2011-04-17", - airtime: "21:00", - airstamp: "2011-04-18T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2668.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2668.jpg", - }, - summary: - "

Lord Eddard Stark, ruler of the North, is summoned to court by his old friend, King Robert Baratheon, to serve as the King's Hand. Eddard reluctantly agrees after learning of a possible threat to the King's life. Eddard's bastard son Jon Snow must make a painful decision about his own future, while in the distant east Viserys Targaryen plots to reclaim his father's throne, usurped by Robert, by selling his sister in marriage.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4952", - }, - }, - }; -} - -function getAllEpisodes() { - return [ - { - id: 4952, - url: - "http://www.tvmaze.com/episodes/4952/game-of-thrones-1x01-winter-is-coming", - name: "Winter is Coming", - season: 1, - number: 1, - airdate: "2011-04-17", - airtime: "21:00", - airstamp: "2011-04-18T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2668.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2668.jpg", - }, - summary: - "

Lord Eddard Stark, ruler of the North, is summoned to court by his old friend, King Robert Baratheon, to serve as the King's Hand. Eddard reluctantly agrees after learning of a possible threat to the King's life. Eddard's bastard son Jon Snow must make a painful decision about his own future, while in the distant east Viserys Targaryen plots to reclaim his father's throne, usurped by Robert, by selling his sister in marriage.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4952", - }, - }, - }, - { - id: 4953, - url: - "http://www.tvmaze.com/episodes/4953/game-of-thrones-1x02-the-kingsroad", - name: "The Kingsroad", - season: 1, - number: 2, - airdate: "2011-04-24", - airtime: "21:00", - airstamp: "2011-04-25T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2669.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2669.jpg", - }, - summary: - "

An incident on the Kingsroad threatens Eddard and Robert's friendship. Jon and Tyrion travel to the Wall, where they discover that the reality of the Night's Watch may not match the heroic image of it.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4953", - }, - }, - }, - { - id: 4954, - url: "http://www.tvmaze.com/episodes/4954/game-of-thrones-1x03-lord-snow", - name: "Lord Snow", - season: 1, - number: 3, - airdate: "2011-05-01", - airtime: "21:00", - airstamp: "2011-05-02T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2671.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2671.jpg", - }, - summary: - "

Jon Snow attempts to find his place amongst the Night's Watch. Eddard and his daughters arrive at King's Landing.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4954", - }, - }, - }, - { - id: 4955, - url: - "http://www.tvmaze.com/episodes/4955/game-of-thrones-1x04-cripples-bastards-and-broken-things", - name: "Cripples, Bastards, and Broken Things", - season: 1, - number: 4, - airdate: "2011-05-08", - airtime: "21:00", - airstamp: "2011-05-09T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2673.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2673.jpg", - }, - summary: - "

Tyrion stops at Winterfell on his way home and gets a frosty reception from Robb Stark. Eddard's investigation into the death of his predecessor gets underway.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4955", - }, - }, - }, - { - id: 4956, - url: - "http://www.tvmaze.com/episodes/4956/game-of-thrones-1x05-the-wolf-and-the-lion", - name: "The Wolf and the Lion", - season: 1, - number: 5, - airdate: "2011-05-15", - airtime: "21:00", - airstamp: "2011-05-16T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2674.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2674.jpg", - }, - summary: - "

Catelyn's actions on the road have repercussions for Eddard. Tyrion enjoys the dubious hospitality of the Eyrie.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4956", - }, - }, - }, - { - id: 4957, - url: - "http://www.tvmaze.com/episodes/4957/game-of-thrones-1x06-a-golden-crown", - name: "A Golden Crown", - season: 1, - number: 6, - airdate: "2011-05-22", - airtime: "21:00", - airstamp: "2011-05-23T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2676.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2676.jpg", - }, - summary: - "

Viserys is increasingly frustrated by the lack of progress towards gaining his crown.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4957", - }, - }, - }, - { - id: 4958, - url: - "http://www.tvmaze.com/episodes/4958/game-of-thrones-1x07-you-win-or-you-die", - name: "You Win or You Die", - season: 1, - number: 7, - airdate: "2011-05-29", - airtime: "21:00", - airstamp: "2011-05-30T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2677.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2677.jpg", - }, - summary: - "

Eddard's investigations in King's Landing reach a climax and a dark secret is revealed.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4958", - }, - }, - }, - { - id: 4959, - url: - "http://www.tvmaze.com/episodes/4959/game-of-thrones-1x08-the-pointy-end", - name: "The Pointy End", - season: 1, - number: 8, - airdate: "2011-06-05", - airtime: "21:00", - airstamp: "2011-06-06T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2678.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2678.jpg", - }, - summary: - "

Tyrion joins his father's army with unexpected allies. Events in King's Landing take a turn for the worse as Arya's lessons are put to the test.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4959", - }, - }, - }, - { - id: 4960, - url: "http://www.tvmaze.com/episodes/4960/game-of-thrones-1x09-baelor", - name: "Baelor", - season: 1, - number: 9, - airdate: "2011-06-12", - airtime: "21:00", - airstamp: "2011-06-13T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2679.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2679.jpg", - }, - summary: - "

Catelyn must negotiate with the irascible Lord Walder Frey.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4960", - }, - }, - }, - { - id: 4961, - url: - "http://www.tvmaze.com/episodes/4961/game-of-thrones-1x10-fire-and-blood", - name: "Fire and Blood", - season: 1, - number: 10, - airdate: "2011-06-19", - airtime: "21:00", - airstamp: "2011-06-20T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2681.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2681.jpg", - }, - summary: - "

Daenerys must realize her destiny. Jaime finds himself in an unfamiliar predicament.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4961", - }, - }, - }, - { - id: 4962, - url: - "http://www.tvmaze.com/episodes/4962/game-of-thrones-2x01-the-north-remembers", - name: "The North Remembers", - season: 2, - number: 1, - airdate: "2012-04-01", - airtime: "21:00", - airstamp: "2012-04-02T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3174.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3174.jpg", - }, - summary: - "

War grips the continent of Westeros. As Tyrion Lannister tries to take his strong-willed nephew in hand in King's Landing, Stannis Baratheon launches his own campaign to take the Iron Throne with the help of a mysterious priestess. In the east, Daenerys must lead her retinue through a desolate wasteland whilst beyond the Wall the Night's Watch seeks the aid of a wildling.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4962", - }, - }, - }, - { - id: 4963, - url: - "http://www.tvmaze.com/episodes/4963/game-of-thrones-2x02-the-night-lands", - name: "The Night Lands", - season: 2, - number: 2, - airdate: "2012-04-08", - airtime: "21:00", - airstamp: "2012-04-09T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3175.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3175.jpg", - }, - summary: - "

Stannis uses Ser Davos to seek out new allies for his war with the Lannisters. On the road north, Arya confides in Gendry. Robb Stark sends Theon Greyjoy to win an alliance with his father and the fierce warriors of the Iron Islands. Cersei and Tyrion clash on how to rule in King's Landing.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4963", - }, - }, - }, - { - id: 4964, - url: - "http://www.tvmaze.com/episodes/4964/game-of-thrones-2x03-what-is-dead-may-never-die", - name: "What is Dead May Never Die", - season: 2, - number: 3, - airdate: "2012-04-15", - airtime: "21:00", - airstamp: "2012-04-16T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3176.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3176.jpg", - }, - summary: - "

Catelyn Stark treats with King Renly in the hope of winning an alliance. Tyrion undertakes a complex plan in King's Landing to expose an enemy. At Winterfell, Bran's dreams continue to trouble him.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4964", - }, - }, - }, - { - id: 4965, - url: - "http://www.tvmaze.com/episodes/4965/game-of-thrones-2x04-garden-of-bones", - name: "Garden of Bones", - season: 2, - number: 4, - airdate: "2012-04-22", - airtime: "21:00", - airstamp: "2012-04-23T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3177.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3177.jpg", - }, - summary: - "

Tyrion attempts to restrain Joffrey's cruelty. Catelyn attempts to broker a peace between Stannis and Renly. Daenerys and her followers arrive at the great city of Qarth and hope to find refuge there. Arya and Gendry arrive at Harrenhal, a great castle now under Lannister occupation.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4965", - }, - }, - }, - { - id: 4966, - url: - "http://www.tvmaze.com/episodes/4966/game-of-thrones-2x05-the-ghost-of-harrenhal", - name: "The Ghost of Harrenhal", - season: 2, - number: 5, - airdate: "2012-04-29", - airtime: "21:00", - airstamp: "2012-04-30T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3178.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3178.jpg", - }, - summary: - "

Confusion rages in the Stormlands in the wake of a devastating reversal. Catelyn must flee with a new ally, whilst Littlefinger sees an opportunity in the chaos. Theon seeks to prove himself to his father in battle. Arya receives a promise from the enigmatic Jaqen H'ghar. The Night's Watch arrives at the Fist of the First Men. Daenerys Targaryen receives a marriage proposal.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4966", - }, - }, - }, - { - id: 4967, - url: - "http://www.tvmaze.com/episodes/4967/game-of-thrones-2x06-the-old-gods-and-the-new", - name: "The Old Gods and the New", - season: 2, - number: 6, - airdate: "2012-05-06", - airtime: "21:00", - airstamp: "2012-05-07T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3180.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3180.jpg", - }, - summary: - "

Arya has a surprise visitor; Dany vows to take what is hers; Joffrey meets his subjects; Qhorin gives Jon a chance to prove himself.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4967", - }, - }, - }, - { - id: 4968, - url: - "http://www.tvmaze.com/episodes/4968/game-of-thrones-2x07-a-man-without-honor", - name: "A Man Without Honor", - season: 2, - number: 7, - airdate: "2012-05-13", - airtime: "21:00", - airstamp: "2012-05-14T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3192.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3192.jpg", - }, - summary: - "

Jaime meets a relative; Theon hunts; Dany receives an invitation.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4968", - }, - }, - }, - { - id: 4969, - url: - "http://www.tvmaze.com/episodes/4969/game-of-thrones-2x08-the-prince-of-winterfell", - name: "The Prince of Winterfell", - season: 2, - number: 8, - airdate: "2012-05-20", - airtime: "21:00", - airstamp: "2012-05-21T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3194.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3194.jpg", - }, - summary: - "

Theon holds the fort; Arya calls in her debt with Jaqen; Robb is betrayed; Stannis and Davos approach their destination.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4969", - }, - }, - }, - { - id: 4970, - url: - "http://www.tvmaze.com/episodes/4970/game-of-thrones-2x09-blackwater", - name: "Blackwater", - season: 2, - number: 9, - airdate: "2012-05-27", - airtime: "21:00", - airstamp: "2012-05-28T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3196.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3196.jpg", - }, - summary: - "

A massive battle rages for control of King's Landing and the Iron Throne.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4970", - }, - }, - }, - { - id: 4971, - url: - "http://www.tvmaze.com/episodes/4971/game-of-thrones-2x10-valar-morghulis", - name: "Valar Morghulis", - season: 2, - number: 10, - airdate: "2012-06-03", - airtime: "21:00", - airstamp: "2012-06-04T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3197.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3197.jpg", - }, - summary: - "

Tyrion awakens to a changed situation. King Joffrey doles out rewards to his subjects. As Theon stirs his men to action, Luwin offers some final advice. Brienne silences Jaime; Arya receives a gift from Jaqen; Dany goes to a strange place; Jon proves himself to Qhorin.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4971", - }, - }, - }, - { - id: 4972, - url: - "http://www.tvmaze.com/episodes/4972/game-of-thrones-3x01-valar-dohaeris", - name: "Valar Dohaeris", - season: 3, - number: 1, - airdate: "2013-03-31", - airtime: "21:00", - airstamp: "2013-04-01T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2628.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2628.jpg", - }, - summary: - "

Jon is brought before Mance Rayder, the King Beyond the Wall, while the Night's Watch survivors retreat south. In King's Landing, Tyrion asks for his reward. Littlefinger offers Sansa a way out. Cersei hosts a dinner for the royal family. Daenerys sails into Slaver's Bay.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4972", - }, - }, - }, - { - id: 4973, - url: - "http://www.tvmaze.com/episodes/4973/game-of-thrones-3x02-dark-wings-dark-words", - name: "Dark Wings, Dark Words", - season: 3, - number: 2, - airdate: "2013-04-07", - airtime: "21:00", - airstamp: "2013-04-08T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2618.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2618.jpg", - }, - summary: - "

Sansa says too much. Shae asks Tyrion for a favor. Jaime finds a way to pass the time. Arya runs into the Brotherhood Without Banners.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4973", - }, - }, - }, - { - id: 4974, - url: - "http://www.tvmaze.com/episodes/4974/game-of-thrones-3x03-walk-of-punishment", - name: "Walk of Punishment", - season: 3, - number: 3, - airdate: "2013-04-14", - airtime: "21:00", - airstamp: "2013-04-15T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2616.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2616.jpg", - }, - summary: - "

Tyrion shoulders new responsibilities. Jon is taken to the Fist of the First Men. Daenerys meets with the slavers. Jaime strikes a deal with his captors.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4974", - }, - }, - }, - { - id: 4975, - url: - "http://www.tvmaze.com/episodes/4975/game-of-thrones-3x04-and-now-his-watch-is-ended", - name: "And Now His Watch is Ended", - season: 3, - number: 4, - airdate: "2013-04-21", - airtime: "21:00", - airstamp: "2013-04-22T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2615.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2615.jpg", - }, - summary: - "

The Night's Watch takes stock. Varys meets his better. Arya is taken to the commander of the Brotherhood. Daenerys exchanges a chain for a Whip.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4975", - }, - }, - }, - { - id: 4976, - url: - "http://www.tvmaze.com/episodes/4976/game-of-thrones-3x05-kissed-by-fire", - name: "Kissed by Fire", - season: 3, - number: 5, - airdate: "2013-04-28", - airtime: "21:00", - airstamp: "2013-04-29T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2614.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2614.jpg", - }, - summary: - "

The Hound is judged by the gods; Jaime is judged by men. Jon proves himself; Robb is betrayed. Tyrion learns the cost of weddings.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4976", - }, - }, - }, - { - id: 4977, - url: "http://www.tvmaze.com/episodes/4977/game-of-thrones-3x06-the-climb", - name: "The Climb", - season: 3, - number: 6, - airdate: "2013-05-05", - airtime: "21:00", - airstamp: "2013-05-06T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2612.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2612.jpg", - }, - summary: - "

Tywin plans strategic unions for the Lannisters. Melisandre visits the Riverlands. Robb weighs a compromise to repair his alliance with House Frey. Roose Bolton decides what to do with Jaime Lannister. Jon, Ygritte and the Wildlings face a daunting climb.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4977", - }, - }, - }, - { - id: 4978, - url: - "http://www.tvmaze.com/episodes/4978/game-of-thrones-3x07-the-bear-and-the-maiden-fair", - name: "The Bear and the Maiden Fair", - season: 3, - number: 7, - airdate: "2013-05-12", - airtime: "21:00", - airstamp: "2013-05-13T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2611.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2611.jpg", - }, - summary: - "

Daenerys exchanges gifts with a slave lord outside Yunkai. As Sansa frets about her prospects, Shae chafes at Tyrion's new situation. Tywin counsels the king, and Melisandre reveals a secret to Gendry. Brienne faces a formidable foe in Harrenhal.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4978", - }, - }, - }, - { - id: 4979, - url: - "http://www.tvmaze.com/episodes/4979/game-of-thrones-3x08-second-sons", - name: "Second Sons", - season: 3, - number: 8, - airdate: "2013-05-19", - airtime: "21:00", - airstamp: "2013-05-20T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2599.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2599.jpg", - }, - summary: - "

King's Landing hosts a wedding, and Tyrion and Sansa spend the night together. Daenerys meets the Titan's Bastard. Davos demands proof from Melisandre. Sam and Gilly meet an older Gentleman.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4979", - }, - }, - }, - { - id: 4980, - url: - "http://www.tvmaze.com/episodes/4980/game-of-thrones-3x09-the-rains-of-castamere", - name: "The Rains of Castamere", - season: 3, - number: 9, - airdate: "2013-06-02", - airtime: "21:00", - airstamp: "2013-06-03T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2598.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2598.jpg", - }, - summary: - "

Robb presents himself to Walder Frey, and Edmure meets his bride. Jon faces his harshest test yet. Bran discovers a new gift. Daario and Jorah debate how to take Yunkai. House Frey joins with House Tully.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4980", - }, - }, - }, - { - id: 4981, - url: "http://www.tvmaze.com/episodes/4981/game-of-thrones-3x10-mhysa", - name: "Mhysa", - season: 3, - number: 10, - airdate: "2013-06-09", - airtime: "21:00", - airstamp: "2013-06-10T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2597.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2597.jpg", - }, - summary: - "

Joffrey challenges Tywin. Bran tells a ghost story. In Dragonstone, mercy comes from strange quarters. Daenerys waits to see if she is a conqueror or a liberator.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4981", - }, - }, - }, - { - id: 4982, - url: - "http://www.tvmaze.com/episodes/4982/game-of-thrones-4x01-two-swords", - name: "Two Swords", - season: 4, - number: 1, - airdate: "2014-04-06", - airtime: "21:00", - airstamp: "2014-04-07T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2583.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2583.jpg", - }, - summary: - "

Tyrion welcomes a guest to King's Landing. At Castle Black, Jon Snow finds himself unwelcome. Dany is pointed to Meereen, the mother of all slave cities. Arya runs into an old friend.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4982", - }, - }, - }, - { - id: 4983, - url: - "http://www.tvmaze.com/episodes/4983/game-of-thrones-4x02-the-lion-and-the-rose", - name: "The Lion and the Rose", - season: 4, - number: 2, - airdate: "2014-04-13", - airtime: "21:00", - airstamp: "2014-04-14T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2584.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2584.jpg", - }, - summary: - "

Tyrion lends Jaime a hand. Joffrey and Margaery host a breakfast. At Dragonstone, Stannis loses patience with Davos. Ramsay finds a purpose for his pet. North of the Wall, Bran sees where they must go.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4983", - }, - }, - }, - { - id: 4984, - url: - "http://www.tvmaze.com/episodes/4984/game-of-thrones-4x03-breaker-of-chains", - name: "Breaker of Chains", - season: 4, - number: 3, - airdate: "2014-04-20", - airtime: "21:00", - airstamp: "2014-04-21T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2585.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2585.jpg", - }, - summary: - "

Tyrion ponders his options. Tywin extends an olive branch. Sam realizes Castle Black isn't safe, and Jon proposes a bold plan. The Hound teaches Arya the way things are. Dany chooses her Champion.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4984", - }, - }, - }, - { - id: 4985, - url: - "http://www.tvmaze.com/episodes/4985/game-of-thrones-4x04-oathkeeper", - name: "Oathkeeper", - season: 4, - number: 4, - airdate: "2014-04-27", - airtime: "21:00", - airstamp: "2014-04-28T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2586.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2586.jpg", - }, - summary: - "

Dany balances justice and mercy. Jaime tasks Brienne with his honor. Jon secures volunteers while Bran, Jojen, Meera and Hodor stumble on shelter.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4985", - }, - }, - }, - { - id: 4986, - url: - "http://www.tvmaze.com/episodes/4986/game-of-thrones-4x05-first-of-his-name", - name: "First of His Name", - season: 4, - number: 5, - airdate: "2014-05-04", - airtime: "21:00", - airstamp: "2014-05-05T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2587.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2587.jpg", - }, - summary: - "

Cersei and Tywin plot the Crown's next move. Dany discusses future plans. Jon embarks on a new mission.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4986", - }, - }, - }, - { - id: 4987, - url: - "http://www.tvmaze.com/episodes/4987/game-of-thrones-4x06-the-laws-of-gods-and-men", - name: "The Laws of Gods and Men", - season: 4, - number: 6, - airdate: "2014-05-11", - airtime: "21:00", - airstamp: "2014-05-12T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2588.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2588.jpg", - }, - summary: - "

Stannis and Davos set sail with a new strategy. Dany meets with supplicants. Tyrion faces down his father in the throne room.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4987", - }, - }, - }, - { - id: 4988, - url: - "http://www.tvmaze.com/episodes/4988/game-of-thrones-4x07-mockingbird", - name: "Mockingbird", - season: 4, - number: 7, - airdate: "2014-05-18", - airtime: "21:00", - airstamp: "2014-05-19T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2589.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2589.jpg", - }, - summary: - "

Tyrion enlists an unlikely ally. Daario entreats Dany to allow him to do what he does best. Jon's warnings about the Wall's vulnerability fall on deaf ears. Brienne follows a new lead on the road with Pod.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4988", - }, - }, - }, - { - id: 4989, - url: - "http://www.tvmaze.com/episodes/4989/game-of-thrones-4x08-the-mountain-and-the-viper", - name: "The Mountain and the Viper", - season: 4, - number: 8, - airdate: "2014-06-01", - airtime: "21:00", - airstamp: "2014-06-02T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2591.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2591.jpg", - }, - summary: - "

Mole's Town receives unexpected visitors. Littlefinger's motives are questioned. Ramsay attempts to prove himself to his father. Tyrion's fate is decided.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4989", - }, - }, - }, - { - id: 4990, - url: - "http://www.tvmaze.com/episodes/4990/game-of-thrones-4x09-the-watchers-on-the-wall", - name: "The Watchers on the Wall", - season: 4, - number: 9, - airdate: "2014-06-08", - airtime: "21:00", - airstamp: "2014-06-09T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2593.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2593.jpg", - }, - summary: - "

Jon Snow and the rest of the Night's Watch face the biggest challenge to the Wall yet.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4990", - }, - }, - }, - { - id: 4991, - url: - "http://www.tvmaze.com/episodes/4991/game-of-thrones-4x10-the-children", - name: "The Children", - season: 4, - number: 10, - airdate: "2014-06-15", - airtime: "21:00", - airstamp: "2014-06-16T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2594.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2594.jpg", - }, - summary: - "

An unexpected arrival north of the Wall changes circumstances. Dany is forced to face harsh realities. Bran learns more of his destiny. Tyrion sees the truth of his situation.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4991", - }, - }, - }, - { - id: 116522, - url: - "http://www.tvmaze.com/episodes/116522/game-of-thrones-5x01-the-wars-to-come", - name: "The Wars to Come", - season: 5, - number: 1, - airdate: "2015-04-12", - airtime: "21:00", - airstamp: "2015-04-13T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/25988.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/25988.jpg", - }, - summary: - "

Varys discusses a conspiracy with Tyrion; Daenerys' rule faces a new threat; Jon finds himself between two kings; and Cersei and Jaime try to move on from Tywin's demise.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/116522", - }, - }, - }, - { - id: 144328, - url: - "http://www.tvmaze.com/episodes/144328/game-of-thrones-5x02-the-house-of-black-and-white", - name: "The House of Black and White", - season: 5, - number: 2, - airdate: "2015-04-19", - airtime: "21:00", - airstamp: "2015-04-20T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/25989.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/25989.jpg", - }, - summary: - "

Arya arrives in Braavos; Brienne and Podrick find danger while traveling; Cersei worries about Myrcella in Dorne when Ellaria Sand seeks revenge for Oberyn's death; Jon is tempted by Stannis.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/144328", - }, - }, - }, - { - id: 144329, - url: - "http://www.tvmaze.com/episodes/144329/game-of-thrones-5x03-high-sparrow", - name: "High Sparrow", - season: 5, - number: 3, - airdate: "2015-04-26", - airtime: "21:00", - airstamp: "2015-04-27T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/25990.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/25990.jpg", - }, - summary: - "

Cersei meets the High Sparrow after learning of a clergyman's embarrassing tale. Meanwhile, Davos talks to Jon about the future of Winterfell, where Ramsay Snow has just learned the identity of his future bride; Arya grows impatient doing menial tasks in the House of Black and White; and Tyrion searches for more comfortable surroundings on a long trip with Varys.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/144329", - }, - }, - }, - { - id: 144330, - url: - "http://www.tvmaze.com/episodes/144330/game-of-thrones-5x04-sons-of-the-harpy", - name: "Sons of the Harpy", - season: 5, - number: 4, - airdate: "2015-05-03", - airtime: "21:00", - airstamp: "2015-05-04T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/26444.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/26444.jpg", - }, - summary: - "

Margaery seeks prudent counsel. Jaime Struggles in foreign lands. Dany answers the Harpy's call.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/144330", - }, - }, - }, - { - id: 151777, - url: - "http://www.tvmaze.com/episodes/151777/game-of-thrones-5x05-kill-the-boy", - name: "Kill the Boy", - season: 5, - number: 5, - airdate: "2015-05-10", - airtime: "21:00", - airstamp: "2015-05-11T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/26819.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/26819.jpg", - }, - summary: - "

Dany makes a difficult decision in Meereen. Jon recruits the help of an unexpected ally. Brienne searches for Sansa. Theon remains under Ramsay's control.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/151777", - }, - }, - }, - { - id: 152766, - url: - "http://www.tvmaze.com/episodes/152766/game-of-thrones-5x06-unbowed-unbent-unbroken", - name: "Unbowed, Unbent, Unbroken", - season: 5, - number: 6, - airdate: "2015-05-17", - airtime: "21:00", - airstamp: "2015-05-18T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/27259.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/27259.jpg", - }, - summary: - "

Arya trains. Jorah and Tyrion run into slavers. Trystane and Myrcella make plans. Jaime and Bronn reach their destination. The Sand Snakes attack.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/152766", - }, - }, - }, - { - id: 153327, - url: - "http://www.tvmaze.com/episodes/153327/game-of-thrones-5x07-the-gift", - name: "The Gift", - season: 5, - number: 7, - airdate: "2015-05-24", - airtime: "21:00", - airstamp: "2015-05-25T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/11/27535.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/11/27535.jpg", - }, - summary: - "

Jon prepares for conflict. Sansa tries to talk to Theon. Brienne waits for a sign. Stannis remains stubborn. Jaime attempts to reconnect with family.



", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/153327", - }, - }, - }, - { - id: 155299, - url: - "http://www.tvmaze.com/episodes/155299/game-of-thrones-5x08-hardhome", - name: "Hardhome", - season: 5, - number: 8, - airdate: "2015-05-31", - airtime: "21:00", - airstamp: "2015-06-01T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/11/28151.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/11/28151.jpg", - }, - summary: - "

Arya makes progress in her training. Sansa confronts an old friend. Cersei struggles. Jon travels.



", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/155299", - }, - }, - }, - { - id: 160040, - url: - "http://www.tvmaze.com/episodes/160040/game-of-thrones-5x09-the-dance-of-dragons", - name: "The Dance of Dragons", - season: 5, - number: 9, - airdate: "2015-06-07", - airtime: "21:00", - airstamp: "2015-06-08T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/11/29160.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/11/29160.jpg", - }, - summary: - "

Stannis confronts a troubling decision. Jon returns to The Wall. Mace visits the Iron Bank. Arya encounters someone from her past. Dany reluctantly oversees a traditional celebration of athleticism.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/160040", - }, - }, - }, - { - id: 162186, - url: - "http://www.tvmaze.com/episodes/162186/game-of-thrones-5x10-mothers-mercy", - name: "Mother's Mercy", - season: 5, - number: 10, - airdate: "2015-06-14", - airtime: "21:00", - airstamp: "2015-06-15T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/12/30012.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/12/30012.jpg", - }, - summary: - "

Cersei seeks forgiveness; Jon faces a new challenge; Arya plots to cross a name off her list; Tyrion sees a familiar face; and Daenerys finds herself surrounded by strangers.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/162186", - }, - }, - }, - { - id: 560813, - url: - "http://www.tvmaze.com/episodes/560813/game-of-thrones-6x01-the-red-woman", - name: "The Red Woman", - season: 6, - number: 1, - airdate: "2016-04-24", - airtime: "21:00", - airstamp: "2016-04-25T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/56/142371.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/56/142371.jpg", - }, - summary: - "

Jon Snow is dead. Daenerys meets a strong man. Cersei sees her daughter again.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/560813", - }, - }, - }, - { - id: 664672, - url: "http://www.tvmaze.com/episodes/664672/game-of-thrones-6x02-home", - name: "Home", - season: 6, - number: 2, - airdate: "2016-05-01", - airtime: "21:00", - airstamp: "2016-05-02T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/56/142372.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/56/142372.jpg", - }, - summary: - "

Bran trains with the Three-Eyed Raven. In King's Landing, Jaime advises Tommen. Tyrion demands good news, but has to make his own. At Castle Black, the Night's Watch stands behind Thorne. Ramsay Bolton proposes a plan, and Balon Greyjoy entertains other proposals.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664672", - }, - }, - }, - { - id: 664673, - url: - "http://www.tvmaze.com/episodes/664673/game-of-thrones-6x03-oathbreaker", - name: "Oathbreaker", - season: 6, - number: 3, - airdate: "2016-05-08", - airtime: "21:00", - airstamp: "2016-05-09T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/56/142370.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/56/142370.jpg", - }, - summary: - "

Daenerys meets her future. Bran meets the past. Tommen confronts the High Sparrow. Arya trains to be No One. Varys finds an answer. Ramsay gets a gift.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664673", - }, - }, - }, - { - id: 664674, - url: - "http://www.tvmaze.com/episodes/664674/game-of-thrones-6x04-book-of-the-stranger", - name: "Book of the Stranger", - season: 6, - number: 4, - airdate: "2016-05-15", - airtime: "21:00", - airstamp: "2016-05-16T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/56/142273.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/56/142273.jpg", - }, - summary: - "

Tyrion strikes a deal. Jorah and Daario undertake a difficult task. Jaime and Cersei try to improve their situation.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664674", - }, - }, - }, - { - id: 664675, - url: - "http://www.tvmaze.com/episodes/664675/game-of-thrones-6x05-the-door", - name: "The Door", - season: 6, - number: 5, - airdate: "2016-05-22", - airtime: "21:00", - airstamp: "2016-05-23T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/60/150273.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/60/150273.jpg", - }, - summary: - "

Tyrion seeks a strange ally. Bran learns a great deal. Brienne goes on a mission. Arya is given a chance to prove herself.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664675", - }, - }, - }, - { - id: 664676, - url: - "http://www.tvmaze.com/episodes/664676/game-of-thrones-6x06-blood-of-my-blood", - name: "Blood of My Blood", - season: 6, - number: 6, - airdate: "2016-05-29", - airtime: "21:00", - airstamp: "2016-05-30T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/60/150274.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/60/150274.jpg", - }, - summary: - "

An old foe comes back into the picture. Gilly meets Sam's family. Arya faces a difficult choice. Jaime faces off against the High Sparrow.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664676", - }, - }, - }, - { - id: 717449, - url: - "http://www.tvmaze.com/episodes/717449/game-of-thrones-6x07-the-broken-man", - name: "The Broken Man", - season: 6, - number: 7, - airdate: "2016-06-05", - airtime: "21:00", - airstamp: "2016-06-06T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/60/150275.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/60/150275.jpg", - }, - summary: - "

The High Sparrow eyes another target. Jaime confronts a hero. Arya makes a plan. The North is reminded.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/717449", - }, - }, - }, - { - id: 729573, - url: "http://www.tvmaze.com/episodes/729573/game-of-thrones-6x08-no-one", - name: "No One", - season: 6, - number: 8, - airdate: "2016-06-12", - airtime: "21:00", - airstamp: "2016-06-13T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/61/153044.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/61/153044.jpg", - }, - summary: - "

Jaime encounters a hero; the High Sparrow fixates on another prey; Arya hatches a new plan; Yara and Theon plot their next move; Olenna and Cersei discuss their families' futures.

While Jaime weighs his options, Cersei answers a request. Tyrion's plans bear fruit. Arya faces a new test.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/729573", - }, - }, - }, - { - id: 729574, - url: - "http://www.tvmaze.com/episodes/729574/game-of-thrones-6x09-battle-of-the-bastards", - name: "Battle of the Bastards", - season: 6, - number: 9, - airdate: "2016-06-19", - airtime: "21:00", - airstamp: "2016-06-20T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/62/155042.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/62/155042.jpg", - }, - summary: - "

Ramsay surprises his audience. Jon retaliates. Dany is true to her word.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/729574", - }, - }, - }, - { - id: 729575, - url: - "http://www.tvmaze.com/episodes/729575/game-of-thrones-6x10-the-winds-of-winter", - name: "The Winds of Winter", - season: 6, - number: 10, - airdate: "2016-06-26", - airtime: "21:00", - airstamp: "2016-06-27T01:00:00+00:00", - runtime: 69, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/63/157920.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/63/157920.jpg", - }, - summary: - "

Alliances are made, the High Sparrow is holding trials at King's Landing, Daenerys is sailing for the Seven Kingdoms and a new King of the North is crowned.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/729575", - }, - }, - }, - { - id: 937256, - url: - "http://www.tvmaze.com/episodes/937256/game-of-thrones-7x01-dragonstone", - name: "Dragonstone", - season: 7, - number: 1, - airdate: "2017-07-16", - airtime: "21:00", - airstamp: "2017-07-17T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/120/302038.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/120/302038.jpg", - }, - summary: - "

Jon organizes the defense of the North. Cersei tries to even the odds. Daenerys comes home.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/937256", - }, - }, - }, - { - id: 1221410, - url: - "http://www.tvmaze.com/episodes/1221410/game-of-thrones-7x02-stormborn", - name: "Stormborn", - season: 7, - number: 2, - airdate: "2017-07-23", - airtime: "21:00", - airstamp: "2017-07-24T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/120/302047.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/120/302047.jpg", - }, - summary: - "

Daenerys receives an unexpected visitor. Jon faces a revolt. Tyrion plans the conquest of Westeros.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221410", - }, - }, - }, - { - id: 1221411, - url: - "http://www.tvmaze.com/episodes/1221411/game-of-thrones-7x03-the-queens-justice", - name: "The Queen's Justice", - season: 7, - number: 3, - airdate: "2017-07-30", - airtime: "21:00", - airstamp: "2017-07-31T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/122/306938.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/122/306938.jpg", - }, - summary: - "

Daenerys holds court. Cersei returns a gift. Jaime learns from his mistakes.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221411", - }, - }, - }, - { - id: 1221412, - url: - "http://www.tvmaze.com/episodes/1221412/game-of-thrones-7x04-the-spoils-of-war", - name: "The Spoils of War", - season: 7, - number: 4, - airdate: "2017-08-06", - airtime: "21:00", - airstamp: "2017-08-07T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/123/307677.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/123/307677.jpg", - }, - summary: - "

Arya gets to the final destination. Daenerys takes it upon herself to strike back.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221412", - }, - }, - }, - { - id: 1221413, - url: - "http://www.tvmaze.com/episodes/1221413/game-of-thrones-7x05-eastwatch", - name: "Eastwatch", - season: 7, - number: 5, - airdate: "2017-08-13", - airtime: "21:00", - airstamp: "2017-08-14T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/124/310839.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/124/310839.jpg", - }, - summary: - "

Daenerys demands loyalty from the surviving Lannister soldiers; Jon heeds Bran's warning about White Walkers on the move; Cersei vows to vanquish anyone or anything that stands in her way.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221413", - }, - }, - }, - { - id: 1221414, - url: - "http://www.tvmaze.com/episodes/1221414/game-of-thrones-7x06-beyond-the-wall", - name: "Beyond the Wall", - season: 7, - number: 6, - airdate: "2017-08-20", - airtime: "21:00", - airstamp: "2017-08-21T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/125/312651.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/125/312651.jpg", - }, - summary: - "

Jon's mission continues north of the wall, but the odds against his ragged band of misfits may be greater than he imagined.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221414", - }, - }, - }, - { - id: 1221415, - url: - "http://www.tvmaze.com/episodes/1221415/game-of-thrones-7x07-the-dragon-and-the-wolf", - name: "The Dragon and the Wolf", - season: 7, - number: 7, - airdate: "2017-08-27", - airtime: "21:00", - airstamp: "2017-08-28T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/125/314502.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/125/314502.jpg", - }, - summary: - "

Cersei sits on the Iron Throne; Daenerys sails across the Narrow Sea; Jon Snow is King in the North, and winter is finally here.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221415", - }, - }, - }, - { - id: 1590943, - url: - "http://www.tvmaze.com/episodes/1590943/game-of-thrones-8x01-winterfell", - name: "Winterfell", - season: 8, - number: 1, - airdate: "2019-04-14", - airtime: "21:00", - airstamp: "2019-04-15T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/191/479477.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/191/479477.jpg", - }, - summary: - "

Arriving at Winterfell, Jon and Daenerys struggle to unite a divided North. Jon gets some big news.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1590943", - }, - }, - }, - { - id: 1623964, - url: - "http://www.tvmaze.com/episodes/1623964/game-of-thrones-8x02-a-knight-of-the-seven-kingdoms", - name: "A Knight of the Seven Kingdoms", - season: 8, - number: 2, - airdate: "2019-04-21", - airtime: "21:00", - airstamp: "2019-04-22T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/192/482451.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/192/482451.jpg", - }, - summary: - "

Jaime faces judgement and Winterfell prepares for the battle to come.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623964", - }, - }, - }, - { - id: 1623965, - url: - "http://www.tvmaze.com/episodes/1623965/game-of-thrones-8x03-the-long-night", - name: "The Long Night", - season: 8, - number: 3, - airdate: "2019-04-28", - airtime: "21:00", - airstamp: "2019-04-29T01:00:00+00:00", - runtime: 90, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/192/482465.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/192/482465.jpg", - }, - summary: "

Winterfell fights the Army of the Dead.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623965", - }, - }, - }, - { - id: 1623966, - url: - "http://www.tvmaze.com/episodes/1623966/game-of-thrones-8x04-the-last-of-the-starks", - name: "The Last of the Starks", - season: 8, - number: 4, - airdate: "2019-05-05", - airtime: "21:00", - airstamp: "2019-05-06T01:00:00+00:00", - runtime: 78, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/195/487839.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/195/487839.jpg", - }, - summary: - "

The survivors plan their next steps; Cersei makes a power move.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623966", - }, - }, - }, - { - id: 1623967, - url: - "http://www.tvmaze.com/episodes/1623967/game-of-thrones-8x05-the-bells", - name: "The Bells", - season: 8, - number: 5, - airdate: "2019-05-12", - airtime: "21:00", - airstamp: "2019-05-13T01:00:00+00:00", - runtime: 79, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/196/491994.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/196/491994.jpg", - }, - summary: - "

Varys betrays his queen, and Daenerys brings her forces to King's Landing.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623967", - }, - }, - }, - { - id: 1623968, - url: - "http://www.tvmaze.com/episodes/1623968/game-of-thrones-8x06-the-iron-throne", - name: "The Iron Throne", - season: 8, - number: 6, - airdate: "2019-05-19", - airtime: "21:00", - airstamp: "2019-05-20T01:00:00+00:00", - runtime: 80, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/198/495648.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/198/495648.jpg", - }, - summary: - "

In the aftermath of the devastating attack on King's Landing, Daenerys must face the survivors.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623968", - }, - }, - }, - ]; -} diff --git a/index.html b/index.html index 0ddf9af..f12646e 100644 --- a/index.html +++ b/index.html @@ -38,12 +38,10 @@

Game of Thrones Episodes

TVMaze.com

+

Loading episodes...

- - - diff --git a/script.js b/script.js index da469d1..adbe2eb 100644 --- a/script.js +++ b/script.js @@ -3,6 +3,8 @@ const episodesContainer = document.getElementById("episodes-container") const searchInput = document.getElementById("episode-search"); const searchCount = document.getElementById("searchCount") const selectEpisodes = document.getElementById("episode-selector") +const statusMessage = document.getElementById("status-message"); +let allEpisodes = []; function populateOption(episodeList){ episodeList.forEach((episode) => { @@ -13,8 +15,8 @@ function populateOption(episodeList){ }) } -function getEpisodes(){ - return getAllEpisodes() +function getEpisodes() { + return allEpisodes; } function render(episodeList) { @@ -47,22 +49,32 @@ function render(episodeList) { }); } -function setup() { - const allEpisodes = getEpisodes() - render(allEpisodes); - populateOption(allEpisodes) +async function setup() { + try { + const response = await fetch("https://api.tvmaze.com/shows/82/episodes"); + allEpisodes = await response.json(); + render(allEpisodes); + populateOption(allEpisodes); + searchCount.textContent = `Displaying: ${allEpisodes.length}/${allEpisodes.length}`; + statusMessage.textContent = ""; + } catch (error) { + console.error(error); + statusMessage.textContent = "Failed to load episodes."; + } } + let searchTerm = "" searchInput.addEventListener("input", () =>{ searchTerm = searchInput.value.toLowerCase() const allEpisodes = getEpisodes() - const filteredEpisodes = allEpisodes.filter((episode) => episode.name.toLowerCase().includes(searchTerm) || episode.summary.toLowerCase().includes(searchTerm)) - if(searchTerm ){ - searchCount.textContent = `Displaying: ${filteredEpisodes.length}/${allEpisodes.length}` - }else{ - searchCount.textContent = "" - } + const filteredEpisodes = allEpisodes.filter((episode) => + episode.name.toLowerCase().includes(searchTerm) || + episode.summary.toLowerCase().includes(searchTerm) +); +searchCount.textContent = + `Displaying: ${filteredEpisodes.length}/${allEpisodes.length}`; + render(filteredEpisodes); }) @@ -78,4 +90,4 @@ selectedEpisode = selectEpisodes.value } }) -window.onload = setup; +setup(); From a7275a89f542babbb7873849044efb52589aa477 Mon Sep 17 00:00:00 2001 From: d-odumosu Date: Tue, 18 Aug 2026 16:03:47 +0100 Subject: [PATCH 10/13] completed level 400 --- .idea/workspace.xml | 85 ++++++++++++++++++++++++ index.html | 75 +++++++++++---------- script.js | 154 +++++++++++++++++++++++++++++++++----------- 3 files changed, 241 insertions(+), 73 deletions(-) create mode 100644 .idea/workspace.xml diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 0000000..418ddcb --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,85 @@ + + + + + + + + + + { + "lastFilter": { + "state": "OPEN", + "assignee": "d-odumosu" + } +} + { + "selectedUrlAndAccountId": { + "url": "https://github.com/ChinweP/Project-TV-Show.git", + "accountId": "f1843b4c-c3e0-4007-9ffc-f9dbc71dc7bb" + } +} + { + "associatedIndex": 0, + "fromUser": false +} + + + + + + + + + + + + + + 1786662144765 + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index f12646e..4c4450b 100644 --- a/index.html +++ b/index.html @@ -1,48 +1,53 @@ - - - + + + + name="description" + content="Browse and explore TV shows and episodes." + /> TV Show Project | Chinwe Chukwuma (ChinweP) - - - + + + - -
+ +
- - + + + +
- - - -

- -

Game of Thrones Episodes

+ + + +

+

+ +

-

- Episode data originally comes from - TVMaze.com -

+

+ Episode data originally comes from + TVMaze.com +

-

Loading episodes...

+

-
+
- - - + + + diff --git a/script.js b/script.js index adbe2eb..e9db182 100644 --- a/script.js +++ b/script.js @@ -1,24 +1,34 @@ -//You can edit ALL of the code here +// -------------------------- +// DOM ELEMENTS +// -------------------------- const episodesContainer = document.getElementById("episodes-container") const searchInput = document.getElementById("episode-search"); const searchCount = document.getElementById("searchCount") -const selectEpisodes = document.getElementById("episode-selector") +const episodeSelector = document.getElementById("episode-selector") +const showSelector = document.getElementById("show-selector") +const searchContainer = document.getElementById("search-container") const statusMessage = document.getElementById("status-message"); -let allEpisodes = []; +const totalEpisode = document.getElementById("totalEpisode") -function populateOption(episodeList){ - episodeList.forEach((episode) => { - const episodeOption = document.createElement("option") - episodeOption.textContent = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")} - ${episode.name}`; - episodeOption.value = episode.id - selectEpisodes.appendChild(episodeOption) +let allEpisodes = []; +let allShows = [] +const episodesCache = new Map(); +searchContainer.hidden = true +// --------------------------- +// POPULATES SHOWS & EPISODES +// --------------------------- +function populateDropdown(optionData, selectElement, getText) { + optionData.forEach((optionDatum) => { + const option = document.createElement("option") + option.value = optionDatum.id; + option.textContent = getText(optionDatum); + selectElement.appendChild(option) }) } -function getEpisodes() { - return allEpisodes; -} - +// -------------------------- +// RENDERING +// -------------------------- function render(episodeList) { episodesContainer.textContent = "" episodeList.forEach(function (episode) { @@ -49,45 +59,113 @@ function render(episodeList) { }); } -async function setup() { +// -------------------------- +// API / FETCH FUNCTIONS +// -------------------------- + +async function getShows() { + const url = "https://api.tvmaze.com/shows"; try { - const response = await fetch("https://api.tvmaze.com/shows/82/episodes"); + const response = await fetch(url); + if (!response.ok) { + throw new Error(`Response status: ${response.status}`); + } + + allShows = await response.json(); + return true; + } catch (error) { + console.error(error.message); + return false + } +} + +async function getShowEpisodes(showId) { + const url = `https://api.tvmaze.com/shows/${showId}/episodes`; + try { + const response = await fetch(url); + if (!response.ok) { + throw new Error(`Response status: ${response.status}`); + } + allEpisodes = await response.json(); - render(allEpisodes); - populateOption(allEpisodes); - searchCount.textContent = `Displaying: ${allEpisodes.length}/${allEpisodes.length}`; - statusMessage.textContent = ""; + return true } catch (error) { - console.error(error); - statusMessage.textContent = "Failed to load episodes."; + console.error(error.message); + return false } } +// -------------------------- +// INITIALISE APP +// -------------------------- +async function setup() { + statusMessage.textContent = 'Episodes loading...'; + const success = await getShows() + if (success) { + statusMessage.textContent = ''; + } else { + statusMessage.textContent = 'Unable to load episodes, try again later'; + return; + } + allShows.sort((showA, showB) => { + return showA.name.toLowerCase().localeCompare(showB.name.toLowerCase()) + }) + populateDropdown( + allShows, + showSelector, + (show) => show.name); +} + +// -------------------------- +// EVENT LISTENERS +// -------------------------- let searchTerm = "" -searchInput.addEventListener("input", () =>{ +searchInput.addEventListener("input", () => { searchTerm = searchInput.value.toLowerCase() - const allEpisodes = getEpisodes() - const filteredEpisodes = allEpisodes.filter((episode) => - episode.name.toLowerCase().includes(searchTerm) || - episode.summary.toLowerCase().includes(searchTerm) -); -searchCount.textContent = - `Displaying: ${filteredEpisodes.length}/${allEpisodes.length}`; - + const filteredEpisodes = allEpisodes.filter((episode) => + episode.name.toLowerCase().includes(searchTerm) || + episode.summary.toLowerCase().includes(searchTerm) + ); + + searchCount.textContent = + `Displaying: ${filteredEpisodes.length}/${allEpisodes.length}`; + render(filteredEpisodes); }) let selectedEpisode = "" -selectEpisodes.addEventListener("change", () => { -selectedEpisode = selectEpisodes.value - const allEpisodes = getEpisodes() - const episode = allEpisodes.find((episode) => { - return episode.id === Number(selectedEpisode) - }) - if(episode){ - render([episode]) +episodeSelector.addEventListener("change", () => { + selectedEpisode = episodeSelector.value + const foundEpisode = allEpisodes.find((oneEpisode) => { + return oneEpisode.id === Number(selectedEpisode); + }); + if (foundEpisode) { + totalEpisode.textContent = `Displaying: ${[foundEpisode].length}/${allEpisodes.length}` + render([foundEpisode]) + } +}) + +let selectedShow = "" +showSelector.addEventListener("change", async () => { + selectedShow = showSelector.value + if (episodesCache.has(selectedShow)) { + allEpisodes = episodesCache.get(selectedShow) + } else { + await getShowEpisodes(selectedShow) + episodesCache.set(selectedShow, allEpisodes); } + episodeSelector.textContent = "" + populateDropdown( + allEpisodes, + episodeSelector, + (episode) => + `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")} - ${episode.name}` + ); + searchContainer.hidden = false + totalEpisode.textContent = + `Displaying: ${allEpisodes.length}/${allEpisodes.length}`; + render(allEpisodes) }) setup(); From 546aa57904ad518588f55bdd27b676038679210a Mon Sep 17 00:00:00 2001 From: ChinweP Date: Wed, 19 Aug 2026 17:41:50 +0100 Subject: [PATCH 11/13] Fix episode controls when changing shows --- .idea/workspace.xml | 85 --------------------------------------------- script.js | 5 ++- 2 files changed, 4 insertions(+), 86 deletions(-) delete mode 100644 .idea/workspace.xml diff --git a/.idea/workspace.xml b/.idea/workspace.xml deleted file mode 100644 index 418ddcb..0000000 --- a/.idea/workspace.xml +++ /dev/null @@ -1,85 +0,0 @@ - - - - - - - - - - { - "lastFilter": { - "state": "OPEN", - "assignee": "d-odumosu" - } -} - { - "selectedUrlAndAccountId": { - "url": "https://github.com/ChinweP/Project-TV-Show.git", - "accountId": "f1843b4c-c3e0-4007-9ffc-f9dbc71dc7bb" - } -} - { - "associatedIndex": 0, - "fromUser": false -} - - - - - - - - - - - - - - 1786662144765 - - - - - - \ No newline at end of file diff --git a/script.js b/script.js index e9db182..7b5e6ec 100644 --- a/script.js +++ b/script.js @@ -155,7 +155,10 @@ showSelector.addEventListener("change", async () => { await getShowEpisodes(selectedShow) episodesCache.set(selectedShow, allEpisodes); } - episodeSelector.textContent = "" + searchInput.value = ""; + searchCount.textContent = ""; + + episodeSelector.innerHTML = '' populateDropdown( allEpisodes, episodeSelector, From ea9360420e7eaf5f960a76ad465ccc5efaf9906e Mon Sep 17 00:00:00 2001 From: ChinweP Date: Thu, 20 Aug 2026 00:57:27 +0100 Subject: [PATCH 12/13] Fix episode search and selector interaction --- index.html | 106 +++++++++++---- script.js | 383 ++++++++++++++++++++++++++++++++++++++++------------- style.css | 80 +++++++++-- 3 files changed, 441 insertions(+), 128 deletions(-) diff --git a/index.html b/index.html index 4c4450b..9aa78af 100644 --- a/index.html +++ b/index.html @@ -14,40 +14,90 @@
-
- - - - -
-
- - - -

-

- -

+ + +
+ +

TV Shows

+ +
+ + +
+ +

+ +
+ +
+ + + +
-

-
+ + +
+ + +
- + - + \ No newline at end of file diff --git a/script.js b/script.js index 7b5e6ec..d110425 100644 --- a/script.js +++ b/script.js @@ -1,174 +1,379 @@ // -------------------------- // DOM ELEMENTS // -------------------------- -const episodesContainer = document.getElementById("episodes-container") + +const showsView = document.getElementById("shows-view"); +const showsContainer = document.getElementById("shows-container"); +const showSearch = document.getElementById("show-search"); +const showStatus = document.getElementById("show-status"); + +const episodesView = document.getElementById("episodes-view"); +const backToShows = document.getElementById("back-to-shows"); + +const episodesContainer = document.getElementById("episodes-container"); const searchInput = document.getElementById("episode-search"); -const searchCount = document.getElementById("searchCount") -const episodeSelector = document.getElementById("episode-selector") -const showSelector = document.getElementById("show-selector") -const searchContainer = document.getElementById("search-container") +const episodeCount = document.getElementById("episode-count"); +const episodeSelector = document.getElementById("episode-selector"); +const searchContainer = document.getElementById("search-container"); const statusMessage = document.getElementById("status-message"); -const totalEpisode = document.getElementById("totalEpisode") let allEpisodes = []; -let allShows = [] +let allShows = []; + const episodesCache = new Map(); -searchContainer.hidden = true -// --------------------------- -// POPULATES SHOWS & EPISODES -// --------------------------- -function populateDropdown(optionData, selectElement, getText) { - optionData.forEach((optionDatum) => { - const option = document.createElement("option") - option.value = optionDatum.id; - option.textContent = getText(optionDatum); - selectElement.appendChild(option) - }) + +searchContainer.hidden = true; + + +// -------------------------- +// SHOW RENDERING +// -------------------------- + +function renderShows(showList) { + showsContainer.textContent = ""; + + showList.forEach(function (show) { + const showCard = document.createElement("article"); + + const showTitle = document.createElement("h2"); + showTitle.textContent = show.name; + + const showImage = document.createElement("img"); + + if (show.image) { + showImage.src = show.image.medium; + } + + showImage.alt = show.name; + + const showSummary = document.createElement("div"); + showSummary.innerHTML = show.summary || "No summary available."; + + const showGenres = document.createElement("p"); + showGenres.textContent = + `Genres: ${show.genres.length > 0 ? show.genres.join(", ") : "N/A"}`; + + const showStatusText = document.createElement("p"); + showStatusText.textContent = `Status: ${show.status}`; + + const showRating = document.createElement("p"); + showRating.textContent = + `Rating: ${show.rating.average ?? "N/A"}`; + + const showRuntime = document.createElement("p"); + showRuntime.textContent = + `Runtime: ${show.runtime ?? "N/A"} minutes`; + + showCard.appendChild(showTitle); + showCard.appendChild(showImage); + showCard.appendChild(showSummary); + showCard.appendChild(showGenres); + showCard.appendChild(showStatusText); + showCard.appendChild(showRating); + showCard.appendChild(showRuntime); + + showCard.addEventListener("click", function () { + showEpisodes(show); + }); + + showsContainer.appendChild(showCard); + }); } + // -------------------------- -// RENDERING +// EPISODE RENDERING // -------------------------- + function render(episodeList) { - episodesContainer.textContent = "" + episodesContainer.textContent = ""; + episodeList.forEach(function (episode) { const episodeContainer = document.createElement("article"); + + episodeContainer.id = `episode-${episode.id}`; + const episodeTitle = document.createElement("h2"); - const episodeCode = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; - episodeTitle.textContent = `${episode.name} - ${episodeCode}`; + + const episodeCode = + `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; + + episodeTitle.textContent = + `${episode.name} - ${episodeCode}`; + const episodeDetails = document.createElement("p"); - episodeDetails.textContent = `Season: ${episode.season} | Episode: ${episode.number}`; + + episodeDetails.textContent = + `Season: ${episode.season} | Episode: ${episode.number}`; const episodeImage = document.createElement("img"); - episodeImage.src = episode.image.medium; + + if (episode.image) { + episodeImage.src = episode.image.medium; + } + episodeImage.alt = episode.name; const episodeSummary = document.createElement("div"); - episodeSummary.innerHTML = episode.summary; + + episodeSummary.innerHTML = + episode.summary || "No summary available."; const episodeLink = document.createElement("a"); + episodeLink.href = episode.url; episodeLink.textContent = "View on TVMaze"; + episodeContainer.appendChild(episodeTitle); episodeContainer.appendChild(episodeDetails); episodeContainer.appendChild(episodeImage); episodeContainer.appendChild(episodeSummary); episodeContainer.appendChild(episodeLink); - episodesContainer.appendChild(episodeContainer) + episodesContainer.appendChild(episodeContainer); }); } + +// -------------------------- +// EPISODE SELECTOR +// -------------------------- + +function updateEpisodeSelector(episodes) { + + episodeSelector.innerHTML = + ''; + + episodes.forEach(function (episode) { + + const option = document.createElement("option"); + + option.value = episode.id; + + const episodeCode = + `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; + + option.textContent = + `${episodeCode} - ${episode.name}`; + + episodeSelector.appendChild(option); + }); +} + + // -------------------------- // API / FETCH FUNCTIONS // -------------------------- async function getShows() { const url = "https://api.tvmaze.com/shows"; + try { const response = await fetch(url); + if (!response.ok) { throw new Error(`Response status: ${response.status}`); } allShows = await response.json(); + return true; + } catch (error) { console.error(error.message); - return false + + return false; } } + async function getShowEpisodes(showId) { - const url = `https://api.tvmaze.com/shows/${showId}/episodes`; + const url = + `https://api.tvmaze.com/shows/${showId}/episodes`; + try { const response = await fetch(url); + if (!response.ok) { throw new Error(`Response status: ${response.status}`); } allEpisodes = await response.json(); - return true + + return true; + } catch (error) { console.error(error.message); - return false + + return false; } } + // -------------------------- -// INITIALISE APP +// SHOW → EPISODES // -------------------------- -async function setup() { - statusMessage.textContent = 'Episodes loading...'; - const success = await getShows() - if (success) { - statusMessage.textContent = ''; + +async function showEpisodes(show) { + + showsView.hidden = true; + episodesView.hidden = false; + + statusMessage.textContent = "Episodes loading..."; + + if (episodesCache.has(show.id)) { + + allEpisodes = episodesCache.get(show.id); + } else { - statusMessage.textContent = 'Unable to load episodes, try again later'; - return; + + const success = await getShowEpisodes(show.id); + + if (!success) { + statusMessage.textContent = + "Unable to load episodes, try again later"; + + return; + } + + episodesCache.set(show.id, allEpisodes); } - allShows.sort((showA, showB) => { - return showA.name.toLowerCase().localeCompare(showB.name.toLowerCase()) - }) - populateDropdown( - allShows, - showSelector, - (show) => show.name); + + statusMessage.textContent = ""; + + searchInput.value = ""; + + updateEpisodeSelector(allEpisodes); + + searchContainer.hidden = false; + + episodeCount.textContent = + `Displaying: ${allEpisodes.length}/${allEpisodes.length}`; + + render(allEpisodes); } + // -------------------------- -// EVENT LISTENERS +// SHOW SEARCH // -------------------------- -let searchTerm = "" -searchInput.addEventListener("input", () => { - searchTerm = searchInput.value.toLowerCase() - const filteredEpisodes = allEpisodes.filter((episode) => - episode.name.toLowerCase().includes(searchTerm) || - episode.summary.toLowerCase().includes(searchTerm) - ); +showSearch.addEventListener("input", function () { + + const searchTerm = + showSearch.value.toLowerCase(); + + const filteredShows = allShows.filter(function (show) { - searchCount.textContent = + return ( + show.name.toLowerCase().includes(searchTerm) || + show.genres.join(" ").toLowerCase().includes(searchTerm) || + (show.summary || "").toLowerCase().includes(searchTerm) + ); + }); + + renderShows(filteredShows); +}); + + +// -------------------------- +// EPISODE SEARCH +// -------------------------- + +let searchTerm = ""; + +searchInput.addEventListener("input", function () { + + searchTerm = + searchInput.value.toLowerCase(); + + const filteredEpisodes = allEpisodes.filter(function (episode) { + + return ( + episode.name.toLowerCase().includes(searchTerm) || + (episode.summary || "").toLowerCase().includes(searchTerm) + ); + }); + + episodeCount.textContent = `Displaying: ${filteredEpisodes.length}/${allEpisodes.length}`; + updateEpisodeSelector(filteredEpisodes); + render(filteredEpisodes); -}) +}); -let selectedEpisode = "" -episodeSelector.addEventListener("change", () => { - selectedEpisode = episodeSelector.value - const foundEpisode = allEpisodes.find((oneEpisode) => { - return oneEpisode.id === Number(selectedEpisode); - }); - if (foundEpisode) { - totalEpisode.textContent = `Displaying: ${[foundEpisode].length}/${allEpisodes.length}` - render([foundEpisode]) - } -}) -let selectedShow = "" -showSelector.addEventListener("change", async () => { - selectedShow = showSelector.value - if (episodesCache.has(selectedShow)) { - allEpisodes = episodesCache.get(selectedShow) - } else { - await getShowEpisodes(selectedShow) - episodesCache.set(selectedShow, allEpisodes); +// -------------------------- +// EPISODE SELECTOR +// -------------------------- + +episodeSelector.addEventListener("change", function () { + + const selectedEpisode = + episodeSelector.value; + + const episodeElement = + document.getElementById(`episode-${selectedEpisode}`); + + if (episodeElement) { + + episodeElement.scrollIntoView({ + behavior: "smooth" + }); } +}); + + +// -------------------------- +// BACK TO SHOWS +// -------------------------- + +backToShows.addEventListener("click", function () { + + episodesView.hidden = true; + showsView.hidden = false; + searchInput.value = ""; - searchCount.textContent = ""; - - episodeSelector.innerHTML = '' - populateDropdown( - allEpisodes, - episodeSelector, - (episode) => - `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")} - ${episode.name}` - ); - searchContainer.hidden = false - totalEpisode.textContent = - `Displaying: ${allEpisodes.length}/${allEpisodes.length}`; - render(allEpisodes) -}) + episodeCount.textContent = ""; + + episodeSelector.innerHTML = + ''; + + episodesContainer.textContent = ""; + + searchContainer.hidden = true; +}); + + +// -------------------------- +// INITIALISE APP +// -------------------------- + +async function setup() { + + showStatus.textContent = "Shows loading..."; + + const success = await getShows(); + + if (!success) { + + showStatus.textContent = + "Unable to load shows, try again later"; + + return; + } + + showStatus.textContent = ""; + + allShows.sort(function (showA, showB) { + + return showA.name + .toLowerCase() + .localeCompare(showB.name.toLowerCase()); + }); + + renderShows(allShows); +} -setup(); +setup(); \ No newline at end of file diff --git a/style.css b/style.css index 6b62409..a44360c 100644 --- a/style.css +++ b/style.css @@ -1,12 +1,70 @@ -/*#root {*/ -/* color: #333;*/ -/* display: grid;*/ -/* grid-template-columns: repeat(3, 1fr);*/ -/* gap: 16px;*/ -/*}*/ - -/*#root h1,*/ -/*#root > p {*/ -/* grid-column: 1 / -1;*/ -/*}*/ +#shows-container, +#episodes-container { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 20px; + padding: 20px; +} + +#shows-container article, +#episodes-container article { + border: 1px solid #ccc; + padding: 15px; + border-radius: 8px; +} + +#shows-container img, +#episodes-container img { + width: 100%; + height: auto; + display: block; +} +#episode-controls { + display: flex; + grid-template-columns: 300px 300px; + gap: 20px; + padding: 20px; + margin: 20px 0; +} + +.episode-control { + display: flex; + flex-direction: column; + gap: 8px; + width: 300px; +} + +.episode-control select, +.episode-control input { + padding: 6px; + font-size: 16px; +} + +/* Responsive Layout */ + +/* Smaller screens */ +@media (max-width: 1000px) { + #shows-container, + #episodes-container { + grid-template-columns: repeat(3, 1fr); + } +} + +@media (max-width: 700px) { + #shows-container, + #episodes-container { + grid-template-columns: repeat(2, 1fr); + } + + #episode-controls { + grid-template-columns: 1fr; + } +} + +@media (max-width: 500px) { + #shows-container, + #episodes-container { + grid-template-columns: 1fr; + } +} From 226a403092e08af07796d5beea3ed48c73e58a4e Mon Sep 17 00:00:00 2001 From: ChinweP Date: Fri, 21 Aug 2026 12:53:59 +0100 Subject: [PATCH 13/13] Add show selector required for level 400 --- index.html | 7 +++++++ script.js | 29 +++++++++++++++++++++++++++++ 2 files changed, 36 insertions(+) diff --git a/index.html b/index.html index 9aa78af..e467f26 100644 --- a/index.html +++ b/index.html @@ -29,6 +29,13 @@

TV Shows

/> +
+ + +
+

diff --git a/script.js b/script.js index d110425..577965c 100644 --- a/script.js +++ b/script.js @@ -5,8 +5,10 @@ const showsView = document.getElementById("shows-view"); const showsContainer = document.getElementById("shows-container"); const showSearch = document.getElementById("show-search"); +const showSelector = document.getElementById("show-selector"); const showStatus = document.getElementById("show-status"); + const episodesView = document.getElementById("episodes-view"); const backToShows = document.getElementById("back-to-shows"); @@ -275,6 +277,23 @@ showSearch.addEventListener("input", function () { renderShows(filteredShows); }); +// -------------------------- +// SHOW SELECTOR +// -------------------------- + +showSelector.addEventListener("change", function () { + + const selectedShowId = Number(showSelector.value); + + const selectedShow = allShows.find(function (show) { + return show.id === selectedShowId; + }); + + if (selectedShow) { + showEpisodes(selectedShow); + } +}); + // -------------------------- // EPISODE SEARCH @@ -373,6 +392,16 @@ async function setup() { .localeCompare(showB.name.toLowerCase()); }); + allShows.forEach(function (show) { + const option = document.createElement("option"); + + option.value = show.id; + option.textContent = show.name; + + showSelector.appendChild(option); +}); + + renderShows(allShows); }