me: I need to make a simple web-app for a projectalso me: I need to learn some react basics for a job interview

[foone@digipres.club]

@EndlessMason I am! but I was trying to juggle like five things at once which distracted me!

[constellation@woof.tech]

@foone petition to rename "Handedness" to "Chirality"

[fabrixxm@social.gl-como.it]

Every time I look into "modern" js frameworks, I end screaming into the void, and the void returns errors.

[foone@digipres.club]

Added some types for keyboard type

[duffadash@digipres.club]

@foone Happy Hacking.
Space Cadet.

[ziggythehamster@ruby.social]

@foone I just did this with TailwindCSS

[lionsphil@plush.city]

@foone is it interesting to split physical ones by if they're...split, or not?

I'm not sure if it'd affect the keysmash patterns if each hand is more isolated to its own half-keyboard, but it seems plausible.

[beckydog@hydaelyn.coerthansnowstorm.online]

@foone well! Guess you’re 50 steps ahead of me!

[feuerrot@chaos.social]

@foone line-sorted qwertz?
https://chaos.social/@feuerrot/113284259285508380

[lilahexe@fedi.lilahexe.top]

@feuerrot @foone oh that's awful

[feuerrot@chaos.social]

@LilaHexe @foone F/J are still on the same position so it doesn't even impact touch-typing :3

[kathee_hds@tech.lgbt]

@foone came over from the hellsite to see if there was more info here I am keeping an eye on the research

[foone@digipres.club]

@LionsPhil A bit. I've had some split-keyboard users approach me, but I think I'm just declaring that out-of-scope so this project will stop feature creeping

[foone@digipres.club]

things I still need to do:
* make this webapp list the existing keysmashes in the database, not just add new ones
* make the add-dialog a dialog/drawer, not permanently taking up half the page
* figure out how we're gonna do redaction/anonymization. Some of the 26 users in the database (and future users) may not want to have their names in any future public release.
* hook it up to the heatmap
* render the keysmash as an animation, with handedness highlighting

[foone@digipres.club]

* fix dark mode. I didn't have a migraine the last time I was coding on this

[j0hnnyxm4s@infosec.exchange]

@foone why are you citing on my phone

[foone@digipres.club]

WHY WON'T THEME SWITCHING WORK

[foone@digipres.club]

okay my theme switching does kinda work if I hardcode it to dark mode, then I can switch the theme

but it only affects the theme, not the background.

But the background is set by the system theme, so if you have the theme set to lightmode and system them set to dark, you get a black background and black UI form

So it's just invisible

[foone@digipres.club]

<CssBaseline /> was the issue. I wasn't including it

[foone@digipres.club]

so I can switch themes but it's not getting my browser theme, hmmm