itch.io

Thank you so much!! That's a good idea, and there are a couple things you could do. You could 1) opt to keep the bottom bar open at all times (instead of having it open on hover) and keep your real-time stats down there instead of in a separate stats page. To do that, you would need to adjust the footer height in the stylesheet - right now it's at 10% so just change that to whatever height you want and erase the .footer:hover section.  Or 2) you could add in a whole new section altogether to store the stats in, but that'll take a lot more coding to make work. Off the top of my head, I'm thinking you could add a new div id to the StoryInterface passage like this:

You'll need to add a new passage to store your stats (so in my example the new passage would be titled static-stats), and you'll need to add styling for the new div in the stylesheet.

#static-stats {
  font-family: var(--sansserif);
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: .2em;
  line-height: 1.5;
  position: absolute;
  right: 0;
}

Totally depends on how you want the stats to look, but this is what I put for the example and it ends up looking like this:

You'd have to play around with mobile formatting though since the mobile version doesn't leave room for stats on the side like this. Maybe something like:

top: 10%;
left: 50%;
transform: translateX(-50%);

This would put the stats right in the middle above the passage, but it does interfere with the title a bit (and also just doesn't look great). But hopefully this is a good starting point for you to make it work!!