me: I need to make a simple web-app for a projectalso me: I need to learn some react basics for a job interview
-
What obvious layout am I missing?
@foone line-sorted qwertz?
https://chaos.social/@feuerrot/113284259285508380 -
@foone line-sorted qwertz?
https://chaos.social/@feuerrot/113284259285508380 -
-
Added some types for keyboard type
@foone came over from the hellsite to see if there was more info here
I am keeping an eye on the research -
@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.
@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
-
Added some types for keyboard type
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 -
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* fix dark mode. I didn't have a migraine the last time I was coding on this
-
* fix dark mode. I didn't have a migraine the last time I was coding on this
@foone why are you citing on my phone
-
* fix dark mode. I didn't have a migraine the last time I was coding on this
WHY WON'T THEME SWITCHING WORK
-
WHY WON'T THEME SWITCHING WORK
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
-
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
<CssBaseline /> was the issue. I wasn't including it
-
<CssBaseline /> was the issue. I wasn't including it
so I can switch themes but it's not getting my browser theme, hmmm
-
so I can switch themes but it's not getting my browser theme, hmmm
oh it was but my manual color theme setting was overriding it.
-
oh it was but my manual color theme setting was overriding it.
okay it's working.
react is a tiring framework.
everytime I need to make a tiny change, I end up getting mad for an hour and then I'm tired of programming for the day. -
okay it's working.
react is a tiring framework.
everytime I need to make a tiny change, I end up getting mad for an hour and then I'm tired of programming for the day.are you sure you're using React?
because if you're getting mad you might actually be using Angrular
-
okay it's working.
react is a tiring framework.
everytime I need to make a tiny change, I end up getting mad for an hour and then I'm tired of programming for the day.theme switching is a bit ugly but it works. I'm intentionally leaving it as crap for anti-perfectionism reasons
-
are you sure you're using React?
because if you're getting mad you might actually be using Angrular
@gloriouscow hah!
-
@gloriouscow I should make a video where I respond to my shitty app. you know, a react react video
-
theme switching is a bit ugly but it works. I'm intentionally leaving it as crap for anti-perfectionism reasons
@foone
To keep with the whole "state of software in 2026" aesthetic, you should have the "dark mode" selection highlight be lighter than the background, and the "light mode" highlight be darker. Switch them around when you switch the mode. -
@gloriouscow I should make a video where I respond to my shitty app. you know, a react react video
@foone when I'm struggling with CSS I just eat some beans
tailwind really does make it easier
