@Yare

Today I decided to make my first to do list to enhance my own productivity. I am again using HTML, CSS, and JavaScript for this under the VS Code platform and made the buttons, basic background colors( since I can’t concentrate with it being black and white apparently), and put the intro sentences under div’s to allow it to be enhanced later on under JavaScript. Tomorrow I am going to fix the button dimensions (FORGIVE ME) and start working on the display box that will show the tasks the user will put.

After the whole incident last time I tried to redeem myself making a better calculator-like layout for my buttons and defined them . I also made the text that appeared at the top to show itself in a way that it seems as if someone is typing it in, and used the setTimeout to get rid of the letters after 20 seconds giving someone time to read it before it disappears. I at first wanted to make the numbers that appear in the display box or the intro sentences to have the same color animation as the buttons or the border of the display box but ultimately just chose to give it a text-shadow to make both pop out more. I kind of wanted to add a little bit of more interactive affects, but I may just submit it now and wait for feedback.

Soo, I have to admit that there were a few bumps. I thought that I was having trouble syncing the commits from VS Code to the GitHub Platform and spent the majority of my time trying to figure out what was wrong. It turns out that I was looking at the wrong repository for GitHub and everything was working perfectly. While it may say I spent 27 minutes coding, I spent maybe an hour debugging and going back and forth between the two platforms. : I

This is the very first time I am making a calculator so please stand by. I wanted to make one that wasn’t so bland so I used the @keyframes to make the animation for the borders of the buttons and display box. I still haven’t had the buttons defined yet in JavaScript so I will work on that tomorrow as well as some animation changes to the dialogue that is above the display box of the calculator. I don’t know what else to add to this project , but I will try to brainstorm for anything unique that I can add for now.

I tried to find out how to make my avatar which is just going to be a circle, and spent most of my time finding out that I only needed like 6 lines of code in JavaScript to make it. I also started to make a canvas for the actual games and going to put some const properties for the avatar and things like gravity so jumping is possible.

So today, I wanted to make my first avatar(something simple like a blob or just a circle), but I think it was a little advanced for me :( Instead I decided to start making the Courses buttons to direct the user to the actual levels. I decided that for this project, I would just make three levels and call it a day, so I set up a folder for each Course or level and set up html, CSS, and JavaScript for each one. I think I could make a circle avatar if I REALLY tried, but I think that it is the functions in order to get it to interact with the key button is what is going to be a but of a challenge for me. I am sorry I am spending so much time for things that is probably considered simple to somebody else. Still a newb, but proud to say I am still learning!

Today, I just decided to use a GIF to become the more immersive background that I was looking for. I found this one that seems to go well with the rhythm of the audio. I also tried to put a text-shadow on the title and made it a little bit bigger. Now to work on the games itself . . .

I decided to add a starry animation for the background of the page. I didn’t exactly know how to do it, but as I was watching a video I was able to create a canvas and define the randomization of the positions of the stars( Kind of going for a space-trek kind of feel in a way). In doing so, everything that I have done for the beginning page got moved down, so I am hoping that once I get the animation done that I can merge what I have done before with the more immersive background. It doesn’t look good right now, so please stand by!

It has been a while! I decided to go with a more retro feel to it and even learned how to add an audio file and set it to autoplay, loop, and unmuted. I also officially figured out what was wrong with the demo url, fixed it and now currently trying to commit changes onto GitHub. Next time, I may learn how to add graphics so the Home Screen isn’t so basic.

So I have made a Rule Page and a Play Game Page, and made sure to have added an Escape button to return to the Main Page. ( I am not really to concerned about the styling right now, I am just trying to focus on what I am trying to do)

Right now I am working on the HomeScreen of the game. I know I know, the background color is not very good, but it is just a placeholder since I don’t like it so blank as I work. I also made 2 buttons (The Rules and the Play Game buttons ) which also seem pretty generic to me, but I am hoping I can improve it further on as I find a theme for this game. I am currently planning on just using CSS, JavaScript, and HTML for this.

I am trying to resubmit my project. I have now added the README and hope it works this time

I am going to do a contact information page for blog information. I noticed that GitHub is not connecting to what I am adding, but I will make sure to refresh the pages.

I am working on a basic Personal website that says some stuff about me and my favorite hobbies. I feel like I could add more stuff but I don’t know what. Any ideas?