@maximillillian

I’ve added stress and trauma tracking, and use the CSS skew-y property to make them the classic BitD diamond shape. I also found 2 fonts close to the originals on Adobe Fonts, and linked them in CSS. Next up is building a robust system for managing and creating clocks. These are like trackers that fill up over time, usually for tasks such as healing, crafting, or long-term projects in-game. Website users need to be able to create their own clocks with either 4,6, or 8 segments. I’m planning on a clip-path on top of a triangle to get a pie segment shape. I’ve also been regularly checking how the site looks on mobile, ensuring it’s accessible and usable. This is because the site will almost exclusively be used on phones.

Now, I’ve been working on the logic for having buttons to press for setting data. These are the two primary ways of storing info on Blades in the Dark (BitD as I’ll call it from now on) player sheets. I decided on logic where clicking button X sets the relevant data value to that, except for the first button when the value is already at 1. Then, it sets it to 0. The general logic is as follows:

First, I create a button array with the HTML objects to modify. Then, if the first button is clicked (array is 1-indexed for readability) and the stored value is alread 1, it sets it to 0. Finally, I update the buttons with a for loop, iterating over the array until I’ve colored the right number of buttons. The rest are colored with a darker shade. Now, I’m working on expanding this to the many different types of info in BitD, such as stress.

Using localStorage to store information submitted in input fields, so they’re persistent. This is updated with every keypress, and uses a function so that it’s easy to add more fields. I used for to iterate over every item in localStorage, and setting the inputs to their values when not null. The onkeydown event calls a function that stores the current value at the relevant key after every keypress. However, one issue has arisen where the last character typed does not get stored. I hope to fix this shortly. Next, I hope to figure out the best way to store other types of data, not just text inputs.