Site URL: https://bison-alligator-8yys.squarespace.com/home
I'm trying to set up my personal website, with a few creative projects.
For my homepage, I need to have a solid color background (Black for example) with a few links. When you hover over the links the background should change accordingly. I managed to create something like this using the Portfolio section/page, by selecting the 'Hover: Background' format (check it in the link below):
However, since I don't want to be limited by the Portfolio Page system (for example, in the future I might want to delete some links, and using the Portfolio method I'd have to duplicate each project manually in order to keep them archived in some other section of the website) I need to achieve this using any other method, such as a full-width gallery image/slideshow that allows me to upload the images and choose the links' url-slugs myself.
I do very much enjoy the 'Hyphen' division style, so I'd like to keep it as the links' separation method.
Please check the examples below, notice how the entire website's background changes when you hover over the links:
Thanks in advance!