From 4aa8acb3ae1b18f3e635567c254efeafecb80810 Mon Sep 17 00:00:00 2001 From: eyob tech Date: Wed, 5 Aug 2026 00:59:45 +0100 Subject: [PATCH 01/14] Add name and GitHub username to page title --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 9a400d1..613473e 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - TV Show Project | My Name (My GitHub username) + TV Show Project | Eyob Zeray (eyob-tech) From 827662d8887296efe529158ca25237ba1d2fc7bb Mon Sep 17 00:00:00 2001 From: eyob tech Date: Wed, 5 Aug 2026 20:48:51 +0100 Subject: [PATCH 02/14] Render all TV show episodes with code, image, and summary --- script.js | 28 +++++++++++++++++++++++----- 1 file changed, 23 insertions(+), 5 deletions(-) diff --git a/script.js b/script.js index 87a7de8..aac752d 100644 --- a/script.js +++ b/script.js @@ -1,12 +1,30 @@ -//You can edit ALL of the code here function setup() { - const allEpisodes = getAllEpisodes(); - makePageForEpisodes(allEpisodes); + const episodes = getAllEpisodes(); + makePageForEpisodes(episodes); } function makePageForEpisodes(episodeList) { const rootElem = document.getElementById("root"); - rootElem.textContent = `Got ${episodeList.length} episode(s)`; + rootElem.innerHTML = ""; + + episodeList.forEach((episode) => { + const card = document.createElement("div"); + card.className = "episode-card"; + + const code = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; + + card.innerHTML = ` +

${episode.name} - ${code}

+ ${episode.name} +

${episode.summary}

+ `; + + rootElem.appendChild(card); + }); + + const credit = document.createElement("p"); + credit.innerHTML = 'Data originally from TVMaze.com'; + rootElem.appendChild(credit); } -window.onload = setup; +window.onload = setup; \ No newline at end of file From f3ac897e602a253d6e9f5efa05d0b2022265b659 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Thu, 6 Aug 2026 21:07:10 +0100 Subject: [PATCH 03/14] I added some css. --- style.css | 61 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 60 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 77cb8d4..6ff2d64 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,62 @@ +body { + margin: 0; + padding: 25px; + font-family: Verdana, Geneva, Tahoma, sans-serif; + background-color: #f2f2f2; +} + #root { - color: red; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); + gap: 24px; +} + +section { + background: #ffffff; + border: 1px solid #d8d8d8; + border-radius: 12px; + padding: 18px; + box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); +} + +h2 { + margin: 0 0 15px; + text-align: center; + font-size: 1.3rem; + color: #222; + min-height: 60px; + display: flex; + justify-content: center; + align-items: center; +} + +img { + width: 100%; + height: auto; + border-radius: 8px; + margin: 12px 0; +} + +p { + color: #444; + line-height: 1.6; +} + +a { + color: #0066cc; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +@media (max-width: 700px) { + body { + padding: 15px; + } + + #root { + grid-template-columns: 1fr; + } } From 1e5635cac0ea19f928c9471a0eed45215c1452d5 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Thu, 6 Aug 2026 22:10:55 +0100 Subject: [PATCH 04/14] refactor script.js --- script.js | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/script.js b/script.js index aac752d..544ee81 100644 --- a/script.js +++ b/script.js @@ -1,6 +1,6 @@ function setup() { - const episodes = getAllEpisodes(); - makePageForEpisodes(episodes); + const allepisodes = getAllEpisodes(); + makePageForEpisodes(allepisodes); } function makePageForEpisodes(episodeList) { @@ -23,8 +23,14 @@ function makePageForEpisodes(episodeList) { }); const credit = document.createElement("p"); - credit.innerHTML = 'Data originally from TVMaze.com'; + credit.innerHTML = + 'Data originally from TVMaze.com'; rootElem.appendChild(credit); } -window.onload = setup; \ No newline at end of file +window.onload = setup; + +// Your code uses innerHTML to create the episode cards, while mine uses createElement() and appends each element separately. +// I prefer my implementation because it is more structured, easier to modify, and avoids using innerHTML. +// I like that urs code is shorter and easier to read because it uses template strings with innerHTML. +// I learned another way to create HTML using innerHTML, and I saw a different approach to solving the same problem. From a2fe26667286d44c8d314a4c62ac5ab1188df213 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Thu, 6 Aug 2026 22:51:56 +0100 Subject: [PATCH 05/14] I added new functionality-Search --- index.html | 10 +++++++--- script.js | 29 +++++++++++++++++++++++++++-- style.css | 25 +++++++++++++++++++++++++ 3 files changed, 59 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 613473e..e50b3c7 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + @@ -9,8 +9,12 @@ -
-
+ + + +

+ +
diff --git a/script.js b/script.js index 544ee81..4098d39 100644 --- a/script.js +++ b/script.js @@ -1,6 +1,31 @@ +let allEpisodes = []; + function setup() { - const allepisodes = getAllEpisodes(); - makePageForEpisodes(allepisodes); + allEpisodes = getAllEpisodes(); + makePageForEpisodes(allEpisodes); + + const episodeCount = document.getElementById("episode-count"); + episodeCount.textContent = `Displaying ${allEpisodes.length} of ${allEpisodes.length} episodes`; + + function searchEpisodes() { + const searchInput = document.getElementById("search"); + const searchTerm = searchInput.value.toLowerCase(); + + const matchingEpisodes = allEpisodes.filter((episode) => { + return ( + episode.name.toLowerCase().includes(searchTerm) || + episode.summary.toLowerCase().includes(searchTerm) + ); + }); + + const episodeCount = document.getElementById("episode-count"); + episodeCount.textContent = `Displaying ${matchingEpisodes.length} of ${allEpisodes.length} episodes`; + + makePageForEpisodes(matchingEpisodes); + } + + const searchInput = document.getElementById("search"); + searchInput.addEventListener("input", searchEpisodes); } function makePageForEpisodes(episodeList) { diff --git a/style.css b/style.css index 6ff2d64..084c74b 100644 --- a/style.css +++ b/style.css @@ -60,3 +60,28 @@ a:hover { grid-template-columns: 1fr; } } + +#search { + padding: 10px 15px; + font-size: 16px; + border: 1px solid #bbb; + border-radius: 8px; + width: 300px; + margin-bottom: 15px; +} + +#search:focus { + outline: none; + border-color: #2b7cff; + box-shadow: 0 0 5px rgba(43, 124, 255, 0.3); +} + +#episode-count { + font-weight: bold; + color: #444; + margin-bottom: 20px; +} + +#search::placeholder { + color: #888; +} From bcb3af740f9d5ab1725fd1c6d9dcd6beaef9f39d Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Sat, 8 Aug 2026 07:30:26 +0100 Subject: [PATCH 06/14] I added select episode. --- index.html | 6 +++++ script.js | 68 +++++++++++++++++++++++++++++++++++++++++------------- 2 files changed, 58 insertions(+), 16 deletions(-) diff --git a/index.html b/index.html index e50b3c7..b8b6bd6 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,12 @@

+ + + +
diff --git a/script.js b/script.js index 4098d39..9dab6ea 100644 --- a/script.js +++ b/script.js @@ -3,29 +3,33 @@ let allEpisodes = []; function setup() { allEpisodes = getAllEpisodes(); makePageForEpisodes(allEpisodes); + createEpisodeSelector(allEpisodes); + + const episodeSelect = document.getElementById("episode-select"); + episodeSelect.addEventListener("change", jumpToEpisode); const episodeCount = document.getElementById("episode-count"); episodeCount.textContent = `Displaying ${allEpisodes.length} of ${allEpisodes.length} episodes`; - function searchEpisodes() { - const searchInput = document.getElementById("search"); - const searchTerm = searchInput.value.toLowerCase(); + const searchInput = document.getElementById("search"); + searchInput.addEventListener("input", searchEpisodes); +} - const matchingEpisodes = allEpisodes.filter((episode) => { - return ( - episode.name.toLowerCase().includes(searchTerm) || - episode.summary.toLowerCase().includes(searchTerm) - ); - }); +function searchEpisodes() { + const searchInput = document.getElementById("search"); + const searchTerm = searchInput.value.toLowerCase(); - const episodeCount = document.getElementById("episode-count"); - episodeCount.textContent = `Displaying ${matchingEpisodes.length} of ${allEpisodes.length} episodes`; + const matchingEpisodes = allEpisodes.filter((episode) => { + return ( + episode.name.toLowerCase().includes(searchTerm) || + episode.summary.toLowerCase().includes(searchTerm) + ); + }); - makePageForEpisodes(matchingEpisodes); - } + const episodeCount = document.getElementById("episode-count"); + episodeCount.textContent = `Displaying ${matchingEpisodes.length} of ${allEpisodes.length} episodes`; - const searchInput = document.getElementById("search"); - searchInput.addEventListener("input", searchEpisodes); + makePageForEpisodes(matchingEpisodes); } function makePageForEpisodes(episodeList) { @@ -35,6 +39,7 @@ function makePageForEpisodes(episodeList) { episodeList.forEach((episode) => { const card = document.createElement("div"); card.className = "episode-card"; + card.id = `episode-${episode.id}`; const code = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; @@ -53,8 +58,39 @@ function makePageForEpisodes(episodeList) { rootElem.appendChild(credit); } -window.onload = setup; +function createEpisodeSelector(episodeList) { + const select = document.getElementById("episode-select"); + + episodeList.forEach((episode) => { + const option = document.createElement("option"); + const code = `S${String(episode.season).padStart(2, "0")}E${String( + episode.number, + ).padStart(2, "0")}`; + + option.value = episode.id; + option.textContent = `${code} - ${episode.name}`; + + select.appendChild(option); + }); +} + +function jumpToEpisode() { + const select = document.getElementById("episode-select"); + const episodeId = select.value; + + if (episodeId === "") { + return; + } + + const episodeCard = document.getElementById(`episode-${episodeId}`); + + episodeCard.scrollIntoView({ + behavior: "smooth", + }); +} +window.onload = setup; +// Comments in your first implementation. // Your code uses innerHTML to create the episode cards, while mine uses createElement() and appends each element separately. // I prefer my implementation because it is more structured, easier to modify, and avoids using innerHTML. // I like that urs code is shorter and easier to read because it uses template strings with innerHTML. From a25f7c4623cb157779ef2a08a6907ba237e3c8a5 Mon Sep 17 00:00:00 2001 From: eyob tech Date: Sun, 9 Aug 2026 23:31:46 +0100 Subject: [PATCH 07/14] Refactor: prepare setup() for async data loading --- script.js | 139 +++++++++++++++++++++++++++--------------------------- 1 file changed, 70 insertions(+), 69 deletions(-) diff --git a/script.js b/script.js index 9dab6ea..6ab2ec4 100644 --- a/script.js +++ b/script.js @@ -1,97 +1,98 @@ -let allEpisodes = []; - +//You can edit ALL of the code here function setup() { - allEpisodes = getAllEpisodes(); - makePageForEpisodes(allEpisodes); - createEpisodeSelector(allEpisodes); - - const episodeSelect = document.getElementById("episode-select"); - episodeSelect.addEventListener("change", jumpToEpisode); - - const episodeCount = document.getElementById("episode-count"); - episodeCount.textContent = `Displaying ${allEpisodes.length} of ${allEpisodes.length} episodes`; - - const searchInput = document.getElementById("search"); - searchInput.addEventListener("input", searchEpisodes); + showLoadingMessage(); + makePageForEpisodes(getAllEpisodes()); + setupSearch(getAllEpisodes()); + setupEpisodeSelector(getAllEpisodes()); } -function searchEpisodes() { - const searchInput = document.getElementById("search"); - const searchTerm = searchInput.value.toLowerCase(); - - const matchingEpisodes = allEpisodes.filter((episode) => { - return ( - episode.name.toLowerCase().includes(searchTerm) || - episode.summary.toLowerCase().includes(searchTerm) - ); - }); - - const episodeCount = document.getElementById("episode-count"); - episodeCount.textContent = `Displaying ${matchingEpisodes.length} of ${allEpisodes.length} episodes`; - - makePageForEpisodes(matchingEpisodes); +function showLoadingMessage() { + const rootElem = document.getElementById("root"); + rootElem.textContent = "Loading episodes, please wait..."; } function makePageForEpisodes(episodeList) { const rootElem = document.getElementById("root"); rootElem.innerHTML = ""; - episodeList.forEach((episode) => { - const card = document.createElement("div"); - card.className = "episode-card"; - card.id = `episode-${episode.id}`; + for (const episode of episodeList) { + rootElem.append(makeEpisodeCard(episode)); + } - const code = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; + rootElem.append(makeCredit()); +} - card.innerHTML = ` -

${episode.name} - ${code}

- ${episode.name} -

${episode.summary}

- `; +function makeEpisodeCard(episode) { + const card = document.createElement("section"); + card.id = `episode-${episode.id}`; - rootElem.appendChild(card); - }); + const title = document.createElement("h2"); + title.textContent = episode.name; + + const code = document.createElement("p"); + code.textContent = formatEpisodeCode(episode); + + const image = document.createElement("img"); + image.src = episode.image.medium; + image.alt = episode.name; + + const summary = document.createElement("div"); + summary.innerHTML = episode.summary; + card.append(title, code, image, summary); + return card; +} + +function formatEpisodeCode(episode) { + return `S${String(episode.season).padStart(2, "0")}E${String( + episode.number, + ).padStart(2, "0")}`; +} + +function makeCredit() { const credit = document.createElement("p"); credit.innerHTML = - 'Data originally from TVMaze.com'; - rootElem.appendChild(credit); + 'Data originally from TVMaze.com'; + return credit; } -function createEpisodeSelector(episodeList) { - const select = document.getElementById("episode-select"); +function setupSearch(allEpisodes) { + const searchInput = document.getElementById("search-input"); + const countDisplay = document.getElementById("search-count"); - episodeList.forEach((episode) => { - const option = document.createElement("option"); - - const code = `S${String(episode.season).padStart(2, "0")}E${String( - episode.number, - ).padStart(2, "0")}`; + searchInput.addEventListener("input", () => { + const term = searchInput.value.toLowerCase(); - option.value = episode.id; - option.textContent = `${code} - ${episode.name}`; + const matches = allEpisodes.filter((episode) => { + return ( + episode.name.toLowerCase().includes(term) || + episode.summary.toLowerCase().includes(term) + ); + }); - select.appendChild(option); + makePageForEpisodes(matches); + countDisplay.textContent = `${matches.length} / ${allEpisodes.length} episodes`; }); } -function jumpToEpisode() { - const select = document.getElementById("episode-select"); - const episodeId = select.value; +function setupEpisodeSelector(allEpisodes) { + const selectElem = document.getElementById("episode-select"); - if (episodeId === "") { - return; - } - - const episodeCard = document.getElementById(`episode-${episodeId}`); + allEpisodes.forEach((episode) => { + const option = document.createElement("option"); + option.value = episode.id; + option.textContent = `${formatEpisodeCode(episode)} - ${episode.name}`; + selectElem.append(option); + }); - episodeCard.scrollIntoView({ - behavior: "smooth", + selectElem.addEventListener("change", () => { + const target = document.getElementById(`episode-${selectElem.value}`); + if (target) { + target.scrollIntoView({ behavior: "smooth" }); + } }); } + window.onload = setup; -// Comments in your first implementation. -// Your code uses innerHTML to create the episode cards, while mine uses createElement() and appends each element separately. -// I prefer my implementation because it is more structured, easier to modify, and avoids using innerHTML. -// I like that urs code is shorter and easier to read because it uses template strings with innerHTML. -// I learned another way to create HTML using innerHTML, and I saw a different approach to solving the same problem. + + From cf08cd6562d6ed8ec68093bfdaaeab8f1fa0eda3 Mon Sep 17 00:00:00 2001 From: eyob tech Date: Mon, 10 Aug 2026 00:16:39 +0100 Subject: [PATCH 08/14] Replace static episode data with a live TVMaze API fetch, including loading and error states --- index.html | 13 +++---------- script.js | 21 +++++++++++++++++---- 2 files changed, 20 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index b8b6bd6..fedb96a 100644 --- a/index.html +++ b/index.html @@ -9,22 +9,15 @@ - - - -

- - + +

- - - diff --git a/script.js b/script.js index 6ab2ec4..44ca7fa 100644 --- a/script.js +++ b/script.js @@ -1,9 +1,17 @@ //You can edit ALL of the code here function setup() { showLoadingMessage(); - makePageForEpisodes(getAllEpisodes()); - setupSearch(getAllEpisodes()); - setupEpisodeSelector(getAllEpisodes()); + + fetch("https://api.tvmaze.com/shows/82/episodes") + .then((response) => response.json()) + .then((episodes) => { + makePageForEpisodes(episodes); + setupSearch(episodes); + setupEpisodeSelector(episodes); + }) + .catch(() => { + showErrorMessage(); + }); } function showLoadingMessage() { @@ -11,6 +19,12 @@ function showLoadingMessage() { rootElem.textContent = "Loading episodes, please wait..."; } +function showErrorMessage() { + const rootElem = document.getElementById("root"); + rootElem.textContent = + "Something went wrong loading episodes. Please try again later."; +} + function makePageForEpisodes(episodeList) { const rootElem = document.getElementById("root"); rootElem.innerHTML = ""; @@ -95,4 +109,3 @@ function setupEpisodeSelector(allEpisodes) { window.onload = setup; - From 079f807fb14a020b9ce8457bc0d1ff5c3c125915 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Thu, 13 Aug 2026 21:25:52 +0100 Subject: [PATCH 09/14] Refactoring level 300 for level 400. --- script.js | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/script.js b/script.js index 44ca7fa..cc8b863 100644 --- a/script.js +++ b/script.js @@ -2,8 +2,7 @@ function setup() { showLoadingMessage(); - fetch("https://api.tvmaze.com/shows/82/episodes") - .then((response) => response.json()) + fetchEpisodes(82) .then((episodes) => { makePageForEpisodes(episodes); setupSearch(episodes); @@ -14,6 +13,12 @@ function setup() { }); } +function fetchEpisodes(showId) { + return fetch(`https://api.tvmaze.com/shows/${showId}/episodes`).then( + (response) => response.json(), + ); +} + function showLoadingMessage() { const rootElem = document.getElementById("root"); rootElem.textContent = "Loading episodes, please wait..."; @@ -108,4 +113,3 @@ function setupEpisodeSelector(allEpisodes) { } window.onload = setup; - From 785b58c6d496ce97910b8d25a9988ba0c14a2337 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Thu, 13 Aug 2026 21:54:26 +0100 Subject: [PATCH 10/14] added show selector --- index.html | 6 ++++++ script.js | 31 ++++++++++++++++++++++++++----- 2 files changed, 32 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index fedb96a..791b02a 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,12 @@

+ + + + diff --git a/script.js b/script.js index cc8b863..6ba5866 100644 --- a/script.js +++ b/script.js @@ -1,18 +1,39 @@ //You can edit ALL of the code here +function fetchShows() { + return fetch("https://api.tvmaze.com/shows").then((response) => + response.json(), + ); +} + function setup() { showLoadingMessage(); - fetchEpisodes(82) - .then((episodes) => { - makePageForEpisodes(episodes); - setupSearch(episodes); - setupEpisodeSelector(episodes); + fetchShows() + .then((shows) => { + setupShowSelector(shows); + document.getElementById("root").textContent = + "Choose a TV show from the list."; }) .catch(() => { showErrorMessage(); }); } +function setupShowSelector(shows) { + const showSelect = document.getElementById("show-select"); + + shows.sort((a, b) => { + return a.name.toLowerCase().localeCompare(b.name.toLowerCase()); + }); + + shows.forEach((show) => { + const option = document.createElement("option"); + option.value = show.id; + option.textContent = show.name; + showSelect.append(option); + }); +} + function fetchEpisodes(showId) { return fetch(`https://api.tvmaze.com/shows/${showId}/episodes`).then( (response) => response.json(), From ec1b1ae8e6a7ba340af7c1c2113f1f04f94342c4 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Fri, 14 Aug 2026 21:41:09 +0100 Subject: [PATCH 11/14] Level 400 implementation is done. --- script.js | 44 ++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 40 insertions(+), 4 deletions(-) diff --git a/script.js b/script.js index 6ba5866..ee47a4a 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,5 @@ //You can edit ALL of the code here +const episodeCache = {}; function fetchShows() { return fetch("https://api.tvmaze.com/shows").then((response) => response.json(), @@ -32,12 +33,39 @@ function setupShowSelector(shows) { option.textContent = show.name; showSelect.append(option); }); + + showSelect.addEventListener("change", () => { + const showId = showSelect.value; + + if (showId === "") { + return; + } + + showLoadingMessage(); + + fetchEpisodes(showId) + .then((episodes) => { + makePageForEpisodes(episodes); + setupSearch(episodes); + setupEpisodeSelector(episodes); + }) + .catch(() => { + showErrorMessage(); + }); + }); } function fetchEpisodes(showId) { - return fetch(`https://api.tvmaze.com/shows/${showId}/episodes`).then( - (response) => response.json(), - ); + if (episodeCache[showId]) { + return Promise.resolve(episodeCache[showId]); + } + + return fetch(`https://api.tvmaze.com/shows/${showId}/episodes`) + .then((response) => response.json()) + .then((episodes) => { + episodeCache[showId] = episodes; + return episodes; + }); } function showLoadingMessage() { @@ -118,17 +146,25 @@ function setupSearch(allEpisodes) { function setupEpisodeSelector(allEpisodes) { const selectElem = document.getElementById("episode-select"); + // Clear episodes from the previous show + selectElem.innerHTML = ''; + allEpisodes.forEach((episode) => { const option = document.createElement("option"); + option.value = episode.id; option.textContent = `${formatEpisodeCode(episode)} - ${episode.name}`; + selectElem.append(option); }); selectElem.addEventListener("change", () => { const target = document.getElementById(`episode-${selectElem.value}`); + if (target) { - target.scrollIntoView({ behavior: "smooth" }); + target.scrollIntoView({ + behavior: "smooth", + }); } }); } From a70e5a7d97e92b31433f0159ea438f00dcd548ce Mon Sep 17 00:00:00 2001 From: eyob tech Date: Mon, 17 Aug 2026 22:00:31 +0100 Subject: [PATCH 12/14] Remove unused static episodes.js --- episodes.js | 1855 --------------------------------------------------- 1 file changed, 1855 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", - }, - }, - }, - ]; -} From 844834bc44b51e3cba739ea4571a3780cadbe4df Mon Sep 17 00:00:00 2001 From: eyob tech Date: Mon, 17 Aug 2026 22:22:00 +0100 Subject: [PATCH 13/14] Level 500: add shows listing with search, view toggling, and cached episode fetching --- index.html | 35 +++++--- script.js | 243 +++++++++++++++++++++++++++++++++++++---------------- 2 files changed, 190 insertions(+), 88 deletions(-) diff --git a/index.html b/index.html index 791b02a..2601d79 100644 --- a/index.html +++ b/index.html @@ -7,24 +7,31 @@ - - -

- - - - + +
+ +

+
+
- - -
+ + + diff --git a/script.js b/script.js index ee47a4a..b74d952 100644 --- a/script.js +++ b/script.js @@ -1,58 +1,33 @@ -//You can edit ALL of the code here +// You can edit ALL of the code here +let allShows = []; +let currentEpisodes = []; const episodeCache = {}; -function fetchShows() { - return fetch("https://api.tvmaze.com/shows").then((response) => - response.json(), - ); -} function setup() { - showLoadingMessage(); + showShowsLoading(); fetchShows() .then((shows) => { - setupShowSelector(shows); - document.getElementById("root").textContent = - "Choose a TV show from the list."; + allShows = shows.sort((a, b) => + a.name.toLowerCase().localeCompare(b.name.toLowerCase()), + ); + renderShowsListing(allShows); + setupShowSearch(); + setupBackButton(); + setupEpisodeSearchListener(); + setupEpisodeSelectorListener(); }) .catch(() => { - showErrorMessage(); + showShowsError(); }); } -function setupShowSelector(shows) { - const showSelect = document.getElementById("show-select"); - - shows.sort((a, b) => { - return a.name.toLowerCase().localeCompare(b.name.toLowerCase()); - }); - - shows.forEach((show) => { - const option = document.createElement("option"); - option.value = show.id; - option.textContent = show.name; - showSelect.append(option); - }); - - showSelect.addEventListener("change", () => { - const showId = showSelect.value; +// ---------- Fetching ---------- - if (showId === "") { - return; - } - - showLoadingMessage(); - - fetchEpisodes(showId) - .then((episodes) => { - makePageForEpisodes(episodes); - setupSearch(episodes); - setupEpisodeSelector(episodes); - }) - .catch(() => { - showErrorMessage(); - }); - }); +function fetchShows() { + return fetch("https://api.tvmaze.com/shows").then((response) => + response.json(), + ); } function fetchEpisodes(showId) { @@ -68,18 +43,128 @@ function fetchEpisodes(showId) { }); } -function showLoadingMessage() { - const rootElem = document.getElementById("root"); - rootElem.textContent = "Loading episodes, please wait..."; +// ---------- Shows listing view ---------- + +function showShowsLoading() { + document.getElementById("shows-list").textContent = "Loading shows..."; } -function showErrorMessage() { - const rootElem = document.getElementById("root"); - rootElem.textContent = - "Something went wrong loading episodes. Please try again later."; +function showShowsError() { + document.getElementById("shows-list").textContent = + "Sorry, we could not load the shows. Please try again later."; +} + +function renderShowsListing(shows) { + const listElem = document.getElementById("shows-list"); + listElem.innerHTML = ""; + + for (const show of shows) { + listElem.append(makeShowCard(show)); + } + + document.getElementById("show-search-count").textContent = + `${shows.length} / ${allShows.length} shows`; +} + +function makeShowCard(show) { + const card = document.createElement("section"); + card.className = "show-card"; + + const name = document.createElement("h2"); + name.textContent = show.name; + name.className = "show-name"; + name.addEventListener("click", () => selectShow(show.id)); + + const image = document.createElement("img"); + image.src = show.image ? show.image.medium : ""; + image.alt = show.name; + + const summary = document.createElement("div"); + summary.innerHTML = show.summary || ""; + + const genres = document.createElement("p"); + genres.textContent = `Genres: ${show.genres && show.genres.length ? show.genres.join(", ") : "N/A"}`; + + const status = document.createElement("p"); + status.textContent = `Status: ${show.status || "N/A"}`; + + const rating = document.createElement("p"); + rating.textContent = `Rating: ${show.rating && show.rating.average ? show.rating.average : "N/A"}`; + + const runtime = document.createElement("p"); + runtime.textContent = `Runtime: ${show.runtime ?? "N/A"} min`; + + card.append(name, image, summary, genres, status, rating, runtime); + return card; +} + +function setupShowSearch() { + const input = document.getElementById("show-search"); + + input.addEventListener("input", () => { + const term = input.value.toLowerCase(); + + const matches = allShows.filter((show) => { + const genresText = show.genres ? show.genres.join(" ").toLowerCase() : ""; + const summaryText = show.summary ? show.summary.toLowerCase() : ""; + + return ( + show.name.toLowerCase().includes(term) || + genresText.includes(term) || + summaryText.includes(term) + ); + }); + + renderShowsListing(matches); + }); +} + +// ---------- Switching views ---------- + +function selectShow(showId) { + showEpisodesView(); + showEpisodesLoading(); + + fetchEpisodes(showId) + .then((episodes) => { + currentEpisodes = episodes; + renderEpisodes(currentEpisodes); + populateEpisodeSelector(currentEpisodes); + resetEpisodeSearch(); + }) + .catch(() => { + showEpisodesError(); + }); +} + +function showEpisodesView() { + document.getElementById("shows-view").style.display = "none"; + document.getElementById("episodes-view").style.display = "block"; +} + +function showShowsView() { + document.getElementById("episodes-view").style.display = "none"; + document.getElementById("shows-view").style.display = "block"; +} + +function setupBackButton() { + document.getElementById("back-to-shows").addEventListener("click", () => { + showShowsView(); + }); } -function makePageForEpisodes(episodeList) { +// ---------- Episodes view ---------- + +function showEpisodesLoading() { + document.getElementById("root").textContent = "Loading episodes..."; +} + +function showEpisodesError() { + document.getElementById("root").textContent = + "Sorry, we could not load the episodes. Please try again later."; +} + +function renderEpisodes(episodeList) { const rootElem = document.getElementById("root"); rootElem.innerHTML = ""; @@ -101,11 +186,11 @@ function makeEpisodeCard(episode) { code.textContent = formatEpisodeCode(episode); const image = document.createElement("img"); - image.src = episode.image.medium; + image.src = episode.image ? episode.image.medium : ""; image.alt = episode.name; const summary = document.createElement("div"); - summary.innerHTML = episode.summary; + summary.innerHTML = episode.summary || ""; card.append(title, code, image, summary); return card; @@ -124,49 +209,59 @@ function makeCredit() { return credit; } -function setupSearch(allEpisodes) { +// ---------- Episode search & selector ---------- +// Listeners are attached ONCE at page load and read from the +// currentEpisodes variable, so they keep working correctly +// no matter how many times you switch shows. + +function setupEpisodeSearchListener() { const searchInput = document.getElementById("search-input"); const countDisplay = document.getElementById("search-count"); searchInput.addEventListener("input", () => { const term = searchInput.value.toLowerCase(); - const matches = allEpisodes.filter((episode) => { + const matches = currentEpisodes.filter((episode) => { return ( episode.name.toLowerCase().includes(term) || - episode.summary.toLowerCase().includes(term) + (episode.summary && episode.summary.toLowerCase().includes(term)) ); }); - makePageForEpisodes(matches); - countDisplay.textContent = `${matches.length} / ${allEpisodes.length} episodes`; + renderEpisodes(matches); + countDisplay.textContent = `${matches.length} / ${currentEpisodes.length} episodes`; }); } -function setupEpisodeSelector(allEpisodes) { - const selectElem = document.getElementById("episode-select"); - - // Clear episodes from the previous show - selectElem.innerHTML = ''; - - allEpisodes.forEach((episode) => { - const option = document.createElement("option"); - - option.value = episode.id; - option.textContent = `${formatEpisodeCode(episode)} - ${episode.name}`; +function resetEpisodeSearch() { + document.getElementById("search-input").value = ""; + document.getElementById("search-count").textContent = ""; + document.getElementById("episode-select").value = ""; +} - selectElem.append(option); - }); +function setupEpisodeSelectorListener() { + const selectElem = document.getElementById("episode-select"); selectElem.addEventListener("change", () => { const target = document.getElementById(`episode-${selectElem.value}`); if (target) { - target.scrollIntoView({ - behavior: "smooth", - }); + target.scrollIntoView({ behavior: "smooth" }); } }); } +function populateEpisodeSelector(episodeList) { + const selectElem = document.getElementById("episode-select"); + selectElem.innerHTML = ''; + + for (const episode of episodeList) { + const option = document.createElement("option"); + option.value = episode.id; + option.textContent = `${formatEpisodeCode(episode)} - ${episode.name}`; + selectElem.append(option); + } +} + window.onload = setup; + From d6d580498599010d2ab19939f1c2bb5f0d001d9a Mon Sep 17 00:00:00 2001 From: eyob tech Date: Thu, 20 Aug 2026 18:09:53 +0100 Subject: [PATCH 14/14] Restore Level 400 show-select dropdown alongside Level 500 listing --- index.html | 6 +++--- script.js | 25 ++++++++++++++++++++++++- 2 files changed, 27 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 2601d79..4339d9d 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,9 @@
+

- - - diff --git a/script.js b/script.js index b74d952..3d1822b 100644 --- a/script.js +++ b/script.js @@ -13,6 +13,7 @@ function setup() { ); renderShowsListing(allShows); setupShowSearch(); + setupShowSelectDropdown(); setupBackButton(); setupEpisodeSearchListener(); setupEpisodeSelectorListener(); @@ -119,6 +120,29 @@ function setupShowSearch() { }); } +// Level 400's dropdown, kept alongside the Level 500 listing so users +// can either browse/search the full listing OR jump straight to a show. +function setupShowSelectDropdown() { + const showSelectElem = document.getElementById("show-select"); + + allShows.forEach((show) => { + const option = document.createElement("option"); + option.value = show.id; + option.textContent = show.name; + showSelectElem.append(option); + }); + + showSelectElem.addEventListener("change", () => { + const showId = showSelectElem.value; + + if (showId === "") { + return; + } + + selectShow(showId); + }); +} + // ---------- Switching views ---------- function selectShow(showId) { @@ -264,4 +288,3 @@ function populateEpisodeSelector(episodeList) { } window.onload = setup; -