Context

• My… fourth devlog I think?- It’s been quite a while, I took a week long break.

• This one will be short cause I’m kinda tired of these long devlogs…

What I Did

• So I needed somewhere to publish my website, whether to test on mobile, for the final version, or to show to other people for feedback.

• My first Stardance project was a… three body system physics simulation, and I used itch.io for that, now honestly, a website doesn’t fit on itch.io so I had to find something… different.

• I decided I would use GitHub Pages! Cause it’s free and GitHub was already connected to my project and I was already using it for commits, what else could I ask for?

GitHub Pages Setup

1. I basically made it so whenever I run the command npm run deploy in my vs code terminal, it would deploy the latest version of my website to GitHub Pages.

2. I had to put code into my vite config and package json to automate everything upon that command.

3. Then I tested it on GitHub, so after a long time of confusion and testing, it finally worked!

• Even now, I’m very new to using VS Code and GitHub and Hackatime or just programming in general so I did not even know what npm even was before this LOL. This was as you can see one of my biggest struggles.

• Here is the link to it on GitHub Pages: https://dkhdev25.github.io/Team-Akari-Website/

Dark Mode

• There was one other big thing I did, which was dark mode. Or setting the foundation for dark mode.

• I decided to use the very generic symbols for moon and sun for light and dark mode indicators, then I stuck a button in the top left corner of the website.

• The hardest part after that was figuring out how to… invert stuff and switch it to dark mode, cause the website was already high contrast…

• After like an hour or so of work, I had the foundation dark mode completed and a not very good version of dark mode yet.

Conclusion

• This leads to my conclusion! But its a happy/not happy conclusion.

• I got a foundation for dark mode, and now can easily update the public version of my website.

• However… the website just doesn’t look… professional yet, I was scrolling through https://www.darkmodedesign.com/ and these website showcases showed me what style of website I actually want to create.

• So my next move is before even moving onto actually building the other stuff, the WHOLE website is getting a full on uh… makeover is the right word to describe it I think.