BrowserHack
BrowserHack copied to clipboard
Better looking status bar
Designed a better looking status bar with icons, stat hexagon and progress bars.
- Still uses the same
create_highlight_element()
method to highlight changes. - The icons used are from Font Awesome
- The code is a bit messy and the overall design was optimized for fullscreen mode (maybe make the name and rank smaller when not fullscreen ?)
- The icons are quite clear, but maybe could use a hover tooltip like the inventory ?
- Status lines do not contain the current turn, the corresponding icon was implemented but commented out
- Some styles are hard coded in the js script
I coded the whole thing by directly modifying a compiled version of the .js
file because emscripten would not work on my setup, so it needs some testing maybe!
Also, sorry for the messed up diff, my linter removed a lot of trailing spaces
EDIT:
Forgot to talk about a feature I tried implementing without success: it would look really cool if the player's class tile was displayed left to his name! Also, when not in fullscreen mode, maybe a <br />
tag could be added after the health bars, and the height of the status bar doubled.