tubearchivist-frontend/docs/Main.md

# Tube Archivist Home Page Functionality

This is the landing page, when you first open **Tube Archivist**. You have a few options to sort and filter that view:
- With the **Sort Order** you can select how the "Recent Videos" are sorted: 
  - **Date Published**: Sorts the list by date when the video was published on YouTube, newest on top.
  - **Date Downloaded**: Sorts the list based on when you have downloaded the video to your archive, newest on top.
- With **Hide Watched** you can filter out videos you have already marked as watched to only show unwatched videos. 
- You can use those two options together to for example filter the list to *Hide Watched* videos **and** sort by date downloaded.

Additionally the search icon <img src="../tubearchivist/static/img/icon-search.svg?raw=true" alt="search icon" width="20px" style="filter:invert(50%) sepia(9%) saturate(2940%) hue-rotate(122deg) brightness(94%) contrast(90%);margin:0 5px;"> opens a text field to search your collection.
initial wiki pages 2021-09-26 04:21:54 +00:00			`# Tube Archivist Home Page Functionality`
documenting main pages 2021-09-28 14:58:43 +00:00
			`This is the landing page, when you first open Tube Archivist. You have a few options to sort and filter that view:`
			`- With the Sort Order you can select how the "Recent Videos" are sorted:`
			`- Date Published: Sorts the list by date when the video was published on YouTube, newest on top.`
			`- Date Downloaded: Sorts the list based on when you have downloaded the video to your archive, newest on top.`
			`- With Hide Watched you can filter out videos you have already marked as watched to only show unwatched videos.`
			`- You can use those two options together to for example filter the list to Hide Watched videos and sort by date downloaded.`

			`Additionally the search icon <img src="../tubearchivist/static/img/icon-search.svg?raw=true" alt="search icon" width="20px" style="filter:invert(50%) sepia(9%) saturate(2940%) hue-rotate(122deg) brightness(94%) contrast(90%);margin:0 5px;"> opens a text field to search your collection.`