It seems there is more to it than meets the eye…

-added space-themed background (credits: NASA)
-added 4 “secret text” boxes, each with different dimensions
-moved around the boxes and fit them into the screen without too much overlap
–> exception: box below “main box” is overlapping (intentional), but will be hidden on-enter and summoned through a different interaction
-hid secret text in the boxes by making the font color the same as the background color
-hid hints about where to find the “water vault” in the boxes
-added a clock to the bottom-right corner of the screen
-clock is functional and displays current time
-clock will make cursor: pointer on hover
-added draggable + openWindow + closeWindow functions to the js file

Formatting the boxes and customizing the background was annoying. I couldn’t just copy-paste everything because the boxes were in different dimensions and different positions, and the background was difficult to find because I kept finding backgrounds that were the wrong dimensions (and it would just copy-paste itself on the screen, making it look like a grid of images instead of one image). Also, I was planning to add duck app icons, but since this is technically part 2 of Spaceship (and not a “main” page), I thought that adding duck icons wouldn’t be as fitting in this situation.

clock-vault-summon interaction is under way…