Door Nail

Fully functional music player has now been added! It mostly follows a template from GeeksforGeeks, after spending nearly 3 hours looking for other tutorials. It’s not that stylish, but I’ve been thinking of making the music player stand out more compared to everything else, break away from the white theme. Maybe make it grey. I don’t know.

And with that over, I can fully focus on creating apps to make the experience more fun. The project size is becoming a bit bloated tho… mostly because of the images and audio files but the coding files also, I wonder if there’s a way to optimize whatever sphaghetti my JS file has.. for another time though, everything works.

Next step, create the articles for all the games I’m going to talk about.

First app has now been fully finished, and now onto the next! First app has a gif of fire as a background to showcase how strong I feel about fighting games.
My second app is just a recommendation list of games alongside a synopsis of sorts to convince people to check those games out. I wanted to make the ‘articles’ of the games be on separate tabs so I made an ul element act like the app icons for said tabs. I haven’t figured out what kind of icon to make this app, maybe I’ll draw it.
Alongside all of that, I’m considering adding in a music player. I don’t know how will that work out, but we’ll see!

To resolve my issue of not getting the desktop apps to work, I decided to look at the source code of other WebOS submissions to see how their apps functioned.
Turns out, the app icon logic provided in the WebOS jam may not at all work, as everyone (from what I saw) either has their own solution to this or reusing the javascript logic of opening and closing div elements. I did the latter, and everything is going smoothly. Finally!
Now to customize these apps. I’m gonna put in more than one.

My only big issue is that if I’m going to keep reusing the same logic over and over again, then a huge chunk of my JS file is going to be taken up with variables and the same addEventListeners. Does anyone know if it’s possible to make the code more compact? If you want to see what I’m talking about, go to the JS file in the repository and scroll until you see a comment saying “OPEN AND CLOSE DIV ELEMENTS.”

That’s all I have to show off… for now!

I can’t figure out how step 4 works. And I need to hand in something for lock in. This is why you don’t slouch on computer programming. I’ll figure something out tomorrow. If I’m able to.
I changed the welcome screen a slight bit.

Did step 4!!! But the app isn’t working as intended !! I am mentally drained and I gotta ask questions but that’s for tmrw!! Since im doing sidequest ill ship it right now and fix it later

So far, I’ve only gotten to step 3 out 5 of the tutorial. So there’s only the homepage to see. I’ll expand on what the project can do once I get the steps over with, and hopefully it becomes something real good.