diff --git a/README.md b/README.md
index be0ca35..5ab1bdc 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
-![Tube Archivist](assets/tube-archivist-banner.jpg?raw=true "Tube Archivist Banner")
+![Tube Archivist](assets/tube-archivist-front.jpg?raw=true "Tube Archivist Banner")
+[*more screenshots and video*](SHOWCASE.MD)
-
Your self hosted YouTube media server
-![home screenshot](assets/tube-archivist-screenshot-home.png?raw=true "Tube Archivist Home")
-[*more screenshots and video*](SHOWCASE.MD)
-
## Table of contents:
* [Docs](https://docs.tubearchivist.com/) with [FAQ](https://docs.tubearchivist.com/faq/), and API documentation
* [Core functionality](#core-functionality)
diff --git a/SHOWCASE.MD b/SHOWCASE.MD
index ac6fb07..bcc2afb 100644
--- a/SHOWCASE.MD
+++ b/SHOWCASE.MD
@@ -3,17 +3,23 @@
Video featuring Tube Archivist generously created by [IBRACORP](https://www.youtube.com/@IBRACORP).
## Screenshots
-![home screenshot](assets/tube-archivist-screenshot-home.png?raw=true "Tube Archivist Home")
+![login screenshot](assets/tube-archivist-login.png?raw=true "Tube Archivist Login")
+*Login Page*: Secure way to access your media collection.
+
+![home screenshot](assets/tube-archivist-home.png?raw=true "Tube Archivist Home")
*Home Page*: Your recent videos, continue watching incomplete videos.
-![channels screenshot](assets/tube-archivist-screenshot-channels.png?raw=true "Tube Archivist Channels")
+![channels screenshot](assets/tube-archivist-channels.png?raw=true "Tube Archivist Channels")
*All Channels*: A list of all your indexed channels, filtered by subscribed only.
-![single channel screenshot](assets/tube-archivist-screenshot-single-channel.png?raw=true "Tube Archivist Single Channel")
+![single channel screenshot](assets/tube-archivist-single-channel.png?raw=true "Tube Archivist Single Channel")
*Single Channel*: Single channel page with additional metadata and sub pages.
-![video page screenshot](assets/tube-archivist-screenshot-video.png?raw=true "Tube Archivist Video Page")
+![video page screenshot](assets/tube-archivist-video.png?raw=true "Tube Archivist Video Page")
*Video Page*: Stream your video directly from the interface.
-![video page screenshot](assets/tube-archivist-screenshot-download.png?raw=true "Tube Archivist Video Page")
-*Downloads Page*: Add, control and monitor your download queue.
+![video page screenshot](assets/tube-archivist-download.png?raw=true "Tube Archivist Video Page")
+*Downloads Page*: Add, control, and monitor your download queue.
+
+![search page screenshot](assets/tube-archivist-search.png?raw=true "Tube Archivist Search Page")
+*Search Page*. Use expressions to quickly search through your collection.
diff --git a/assets/tube-archivist-banner.jpg b/assets/tube-archivist-banner.jpg
deleted file mode 100644
index 4e9503a..0000000
Binary files a/assets/tube-archivist-banner.jpg and /dev/null differ
diff --git a/assets/tube-archivist-channels.png b/assets/tube-archivist-channels.png
new file mode 100644
index 0000000..ed03da2
Binary files /dev/null and b/assets/tube-archivist-channels.png differ
diff --git a/assets/tube-archivist-download.png b/assets/tube-archivist-download.png
new file mode 100644
index 0000000..68aa0c4
Binary files /dev/null and b/assets/tube-archivist-download.png differ
diff --git a/assets/tube-archivist-front.jpg b/assets/tube-archivist-front.jpg
new file mode 100644
index 0000000..c1f22c4
Binary files /dev/null and b/assets/tube-archivist-front.jpg differ
diff --git a/assets/tube-archivist-home.png b/assets/tube-archivist-home.png
new file mode 100644
index 0000000..8b3641e
Binary files /dev/null and b/assets/tube-archivist-home.png differ
diff --git a/assets/tube-archivist-login.png b/assets/tube-archivist-login.png
new file mode 100644
index 0000000..45fda81
Binary files /dev/null and b/assets/tube-archivist-login.png differ
diff --git a/assets/tube-archivist-screenshot-channels.png b/assets/tube-archivist-screenshot-channels.png
deleted file mode 100644
index bbed562..0000000
Binary files a/assets/tube-archivist-screenshot-channels.png and /dev/null differ
diff --git a/assets/tube-archivist-screenshot-download.png b/assets/tube-archivist-screenshot-download.png
deleted file mode 100644
index 7c6e7d7..0000000
Binary files a/assets/tube-archivist-screenshot-download.png and /dev/null differ
diff --git a/assets/tube-archivist-screenshot-home.png b/assets/tube-archivist-screenshot-home.png
deleted file mode 100644
index d95b2c2..0000000
Binary files a/assets/tube-archivist-screenshot-home.png and /dev/null differ
diff --git a/assets/tube-archivist-screenshot-single-channel.png b/assets/tube-archivist-screenshot-single-channel.png
deleted file mode 100644
index 3dfc647..0000000
Binary files a/assets/tube-archivist-screenshot-single-channel.png and /dev/null differ
diff --git a/assets/tube-archivist-screenshot-video.png b/assets/tube-archivist-screenshot-video.png
deleted file mode 100644
index e909a18..0000000
Binary files a/assets/tube-archivist-screenshot-video.png and /dev/null differ
diff --git a/assets/tube-archivist-search.png b/assets/tube-archivist-search.png
new file mode 100644
index 0000000..3bfa086
Binary files /dev/null and b/assets/tube-archivist-search.png differ
diff --git a/assets/tube-archivist-single-channel.png b/assets/tube-archivist-single-channel.png
new file mode 100644
index 0000000..1ac1b00
Binary files /dev/null and b/assets/tube-archivist-single-channel.png differ
diff --git a/assets/tube-archivist-video.png b/assets/tube-archivist-video.png
new file mode 100644
index 0000000..074c3b7
Binary files /dev/null and b/assets/tube-archivist-video.png differ
diff --git a/tubearchivist/static/script.js b/tubearchivist/static/script.js
index 6ac8f7a..9190714 100644
--- a/tubearchivist/static/script.js
+++ b/tubearchivist/static/script.js
@@ -1213,10 +1213,10 @@ function toggleCommentReplies(button) {
if (state === 'none' || state === '') {
document.getElementById(commentReplyId).style.display = 'block';
- button.querySelector('#toggle-icon').innerHTML = '-';
+ button.querySelector('#toggle-icon').innerHTML = '▲';
} else {
document.getElementById(commentReplyId).style.display = 'none';
- button.querySelector('#toggle-icon').innerHTML = '+';
+ button.querySelector('#toggle-icon').innerHTML = '▼';
}
}