HoHH Experimental Graphics Demo #3

This one should be more responsive.  i.e. It should still look okay at a variety of different screen widths and resolutions.

Unfortunately, this probably won't fix the main problem with mobile devices - images not loading because the .html file cannot find them even though the "images" folder is in the same directory.  I'm still looking into this.  I've only got an ancient android phone to test on, so would appreciate feedback/advice from people on other devices.

To run it, unzip the attachment and run the .html file using your default browser.  It should work on desktops/laptops.  I'm unsure about mobile devices.  There's a high chance you're going to see missing picture icons where the art should be.

The main difference from the last one is this has a responsive layout that changes with the screen width.

For really narrow screens I changed the layout completely to split the UI elements and shrink the harlot art right down.  This is still going to be a text-based game, so the text needs to take up as much space as possible.  Clicking on the harlot art will bring up a full screen image, which I thought would be an acceptable compromise.

The art is placeholders at the moment.  The AI backgrounds and portraits look okay, although I'd like to get an artist in to do them if the budget allows.  The harlot art was originally a generic commission, so I'd need the artist's permission to use it in the final game.

The art for UI elements... is going to get changed.  That's pretty much a random collection of AI pics that vaguely give an impression of what the player control panel might look like.  My plan there is to get an artist in to give them a consistent look and maybe some background decoration such as curtains or a succubus wing.

I think I'm making progress here.  The layout can now handle different screen widths.  The next step is to figure out how to get the images correctly loaded in for the people playing on mobile devices.

Any tips on that, as well as any other feedback, will be gratefully received!