Focus timer

Focus together with Anya and some other WTO main cast characters in this little focus timer! Choose how much time to focus and which character to focus with, and then press "Start" to start focusing, "Stop" to stop focusing, or "Reset" to... reset lol. The total amount of time you have focused is also recorded below - you and Anya can be productive together!

(Note: More characters coming in the future...)

00 Hr 00 Min 00 Sec
00
charahere

Total time focused: .

Code for the timer yoinked from this marvellous tutorial (with some modifications made by me)!

Random ramblings about the focus timer I guess (click to open / close)!
  • This thing was inspired by those apps where you can make character avatars and have them study or focus with you - more specifically, a friend recommended this neat app called gogh to me, which allows you to customize a avatar and have the avatar study / focus with you. It's really really neat, but unfortunately it also burns through my phone's batteries, and also you can't make eldritch triangles or orbs in it. That was why I eventually decided to make my own version of the thing - now it barely works and has bad code but hey, at least it still works and has all the functions I want it to have, so I'm super happy with it!
  • Speaking of gogh, the character avatar I made on it was Anya! I couldn't get the hairstyle 1:1 to what I imagine Anya's to be like, but it's still good enough for me. This is also why Anya is the "mascot" / "face" of this timer - she's placed in the first spot in the order of the character selection dropdown list, defying the usual ordering I do with my characters! "...how does that make her the mascot?" my brain works in mysterious ways okay
  • Because I don't know how to code, sometimes the focus timer might lag out and refuse to start the countdown - if that happens, selecting another character, switching to the 2 seconds option, and letting it run a few times should do the trick. If you ever figure out how to fix my trashy code and would like to tell me... please do lol. But otherwise, I operate by the logic of "if it works for me then I'm happy with it," simply because HTML stuff really isn't my strong suit...
  • Again I have to put the order of characters I added to the roster in here because I'm obsessed with ordering stuff: AnyaAnonJonTallyItaSimonFlashRadi.
  • However, this time the order with which I added the characters really doesn't have a "meaning" to it. It's just "oh wait let's draw an Anon because Anon." I'm spontaneous like that.