From ae2de933d18ca2053f480b316257e3dfca9050f4 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 8 Aug 2026 11:04:50 +0100 Subject: [PATCH 01/34] Changed title to my name --- index.html | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 9a400d1..cd0d620 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,15 @@ - + - TV Show Project | My Name (My GitHub username) + TV Show Project | Vitalii Kmit (vitalii-code) -
-
+
From 1337ac1efa4fb2d1ac24038f867090b78bcc73e5 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 8 Aug 2026 12:13:26 +0100 Subject: [PATCH 02/34] Add parsing from the list --- index.html | 10 ++++++++++ script.js | 20 ++++++++++++++++++++ style.css | 36 ++++++++++++++++++++++++++++++++++++ 3 files changed, 66 insertions(+) diff --git a/index.html b/index.html index cd0d620..b4dee26 100644 --- a/index.html +++ b/index.html @@ -11,10 +11,20 @@
+ + + +
diff --git a/script.js b/script.js index 87a7de8..a164320 100644 --- a/script.js +++ b/script.js @@ -1,6 +1,26 @@ //You can edit ALL of the code here function setup() { const allEpisodes = getAllEpisodes(); + + const grid = document.getElementById("grid"); + const template = document.getElementById("episode-card"); + + for (const episode of allEpisodes) { + const clone = template.content.cloneNode(true); + + clone.querySelector(".title").textContent = + episode.name + + " - S" + + String(episode.season).padStart(2, "0") + + "E" + + String(episode.number).padStart(2, "0"); + clone.querySelector(".thumb").src = episode.image.medium; + + clone.querySelector(".description").innerHTML = episode.summary; + + grid.appendChild(clone); + } + makePageForEpisodes(allEpisodes); } diff --git a/style.css b/style.css index 77cb8d4..9d6bd31 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,39 @@ #root { color: red; } + +body { + background-color: #f6f6f6; +} + +#grid { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 20px; +} + +article { + background-color: white; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + border-radius: 10px; +} + +h1 { + text-align: center; + border-style: solid; + border-radius: 10px; + margin-left: 10px; + margin-right: 10px; +} + +p { + margin-left: 15px; + margin-right: 15px; + color: #a2a2a2; +} + +img { + display: block; + margin-left: auto; + margin-right: auto; +} From e2e1b194c751632455b764904b1288298b3f9403 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 8 Aug 2026 12:31:09 +0100 Subject: [PATCH 03/34] Allow more than 3 articles per row --- style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 9d6bd31..e30bc55 100644 --- a/style.css +++ b/style.css @@ -8,8 +8,9 @@ body { #grid { display: grid; - grid-template-columns: 1fr 1fr 1fr; gap: 20px; + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + margin: 10px; } article { From 2b8a9e817a205ac485fb9e824a5a66f0e354ec9c Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 8 Aug 2026 12:41:49 +0100 Subject: [PATCH 04/34] Change article width to 300px --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index e30bc55..c5f267e 100644 --- a/style.css +++ b/style.css @@ -9,7 +9,7 @@ body { #grid { display: grid; gap: 20px; - grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); margin: 10px; } From 02f32f6b7fd8c4eb869cc6e287c2465f3dea3a9c Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 8 Aug 2026 12:47:40 +0100 Subject: [PATCH 05/34] Add footer --- index.html | 7 +++++++ style.css | 4 ++++ 2 files changed, 11 insertions(+) diff --git a/index.html b/index.html index b4dee26..1335a0a 100644 --- a/index.html +++ b/index.html @@ -26,5 +26,12 @@

+ +
+ +
diff --git a/style.css b/style.css index c5f267e..a9c9a67 100644 --- a/style.css +++ b/style.css @@ -13,6 +13,10 @@ body { margin: 10px; } +#footer { + text-align: center; +} + article { background-color: white; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; From 872da9cef6c5ffdd62e669ec7c03730cdccf0e84 Mon Sep 17 00:00:00 2001 From: Zadri Abdule Date: Fri, 14 Aug 2026 02:02:37 +0100 Subject: [PATCH 06/34] Add live search and episode selector (level 200) --- index.html | 4 +++ script.js | 92 ++++++++++++++++++++++++++++++++++++++++++++++++++---- 2 files changed, 90 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 1335a0a..10e8b73 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,10 @@
+
+ + +
- -