spinTheWheel

wheel spinning shenanigans

check it out over here: https://imnotsoda.github.io/spinTheWheel/

Warning

if you click it normally, it will open the link in the current page. make sure to cntrl + click if you want it to open on a new page!

purpose

just a cool project.

i also need to stop being indecisive!...

motivation

_{^{whats even the difference between purpose and motivation anyways ? ..}}

The initial motivation was that I was always indecisive and therefore would resort to the easiest choice –– to scroll on my phone. I've been exposed to social media since long and it has taken my attention and energy away from the things that I actually want to try and matter. By having a easier decision-making method which allows me to complete a simple task, like some simple chores by default, I hope that my actions will snowball and lead me to take more conscious choices, eventually completing the tasks and being the person I want to be.

source(s)

i am basing it off of a youtube tutorial. gotta love the internet!
additionally, I modelled my toggle switch button off of this tutorial.

• to make my gifs unclickable on my readme: https://stackoverflow.com/questions/40625614/is-it-possible-to-disable-the-automatic-linking-of-images-in-github-markdown-ren
• realizing this is all i need to do to host my website on github ????: https://youtu.be/o3UU9TjDV4g?si=YgqHY7aOtMBVDVwk
• to figure out how to make my page layout differ repsonsively: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_responsive_media_query3

upcoming changes / ideas

potential (!!!) ideas...

• option to remove a choice automatically once selected (ie when the wheel lands on the said option)
  • i probably want to re-design it tho
• display the winner on the screen for longer than currently. perhaps a pop out?
• potentially re-create as an iOS widge on the lock screen or home page so I can access it on my phone
• generate specific color tones / themes (eg. just pastel tones, or to generate colors that are not similar to each other for the adjacent parts --- currently the colors are randomly generalted)
• build another version which it has two layers of wheels (category version), and make them spin in opposite directions
• have the person click & drag their cursor over the wheel to simulate an actual wheel spinning
• deploy it & actually host the website. currently it is just local host 😋
• move the textbox & toggle switch to the right of the wheel (just a better placement imo)
• make the text self-wrap

timeline

• 05/20/2025: started & finished tutorial. came up with ideas to advance the project
• 05/21/2025: updated the readme properly. TIL (or re-learned) that i can just preview instead of committing to view my changes 😭
• 05/23/2025: i wanted to work on this everyday but i kind of fell off. oops... i tried to add the automatically-removing-winner thing, but i barely have it working. check my commit on this day to see additional details & further steps
• 05/26/2025: wth it's been three days ??? anywho I finally created a toggle button. followed a tutorial, and then re-designed my own switches with a little bit of help. added the css to the main html file, and incorporated functionality. yippee!

• 05/27/2025: linked it to github pages. surprisingly easy???? why ??? LOL. anyways, it's live! AND reformatted the layout (+it's also responsive EEEEEEE)

todos

• annotate & really understand the code from the tutorial

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

further notes

wow who imagined anyone but me would reach this page ??

maybe i'll have a clicker that counts the # of people hmmmmmmmm

anyways here's the link to my notebook page that im using for this project:

i couldnt figure out to share only one page