Currently, all videos on the page are paused when the overlay is active AND all videos are unpaused when the overlay is exited.

Potential problem with this approach:
When there are multiple videos on the page and only one is playing, every other video is being unpaused when exiting the overlay.

Solution to the problem:
When creating the overlay, get only videos that are currently playing, save them in an array and only pause and unpause the videos in the array.

The page slightly shifts when creating the overlay for the custom area selection

Save created screenshot in local storage to load the last image from storage when reloading the page showing the screenshot. Currently, no image is loaded when reloading.

In the getFilename() function the path name of the current URL is used, but if no path name is present (e.g. github.com) the filename has two dashes ("-") next to each other

After creating either a full page or custom area screenshot, two tabs open for showing the screenshot instead of just one.

• Center screenshot in box
• Add styling to rest of page
• Add buttons to download screenshot (as PNG and PDF )
• Pass filename to new tab to name the image after it
• Change tab icon of created tab to same icon as in chrome
• Add zoom-in/out to captured image
• Add margin below image (especially for bigger images like a full page screenshot)
• Choose color palette for captured screenshot site

Add an index.html to give an overview over the extension and add the URL of the site to the Chrome Web Store

Check if functionality needs to be added to correctly screenshots embedded iframes

• Implement function to create as many visibleContent screenshots as the site is long
• Cut off top of last image by the amount of the calculated cutoffPercent
• Find out how to append each visibleContent screenshot to the next one
• Reset scrolled position after all the screenshots are taken
• Handle elements with position: fixed to only be displayed in the first screenshot and set their position to block or something that is not fixed and stay on top when scrolling (or after that set display: none until screenshots have been taken to then reset display value)
• Hide scrollbar while taking screenshots
• Send the full size screenshot to new tab

Current color is too dark when using on dark sites. Either change to a more vibrant color or create an outline.

Currently, we use multiple functions that call sendMessage just with different action. So make the code cleaner, the goal is to merge all the functions into one function that takes the following arguments:

• action as a string to call different listeners
• currentTab as a tab object to use the id of the currentTab in the sendMessage function
• args as an object with additional information for the specific use case

Additionally, we can merge the listeners into one big listener with a switch case for the different actions, so only one listener per file should be needed. Possibly change single-time requests into a long-lived connections