Context: This is inspired by/ made with help from the RPG Dragon Repeller Tutorial from fCC.
I’m gonna see how far I can make this while trying to diverging with some of my own ideas on it. (I dunno what I’m doing tbh? XD).
Any advice on how to group the buttons or simplify the button code so that it doesn’t take up look too convoluted? Same thing with the location code?
Also, any advice on what else I can do with this?
Consider the UI of text based RPG’s from olden times.
At the moment, adding location or other details shift the position of the buttons.
How about a fixed height for the location, with next and previous buttons inset for multiple explanatory or text pages? This way the buttons are fixed at the bottom of the viewport.
Happy coding
I updated it, implementing dynamic rendering of buttons instead of using 4 static buttons and changing their properties, especially display, on the code.
Does everything seem to work as intended? No bugs?
The max-height on #game is making the content overflow when you open the inventory. You can add a min-height instead.