this is a link to my home page

Journal entry #1:

In the first couple of weeks of CS1, we have learned how to code with the program sublime text and different methods of coding through that. I have learned how to adjusted the background, or different things you can put on your website such as shapes, etc. Through making those shapes, I have learned how to adjust size, color, and even images. I learned how to do my person card, and I have two gifs while using the hover function. I also learned how to add text and how to add links/make different sections by using different tags opening and closing. I am excited to get into the more design part of the website in the next few weeks to come.

Journal entry #2:

In the 4th week of CS1, I have managed to make a homepage! All the pages of my website now link to eachother, and the sites are all functioning. My home homepage is coded with hover skills, background colors, text colors, and text size. I had to test out many different layouts to see what I would like, and see what would make my website feel like one cohesive(functional) design. I worked really hard on it, and I really like how it turned out. I am having a little trouble figuring out how to get it online, but I want to keep trying and I think I will use some of the videos to see.

Journal entry #3:

For this CS1 hw, I made my first animation. It is 3 squares that move in a square pattern. While they are moving in the square pattern, they are also shifiting colors, but they stay the same size. I decided to make it because I wanted to make something that matched the color scheme of my homepage, while trying to make a simple first animation. I think my codeworks by being dependent on the position being relative. If it didn't have that, it wouldn't move, creating only a slight animation(the colors changing). If it didn't go infinitley, then it also wouldn't do what I want it to do(which is to keep going). I want to try and keep playing around with it to see if I can stagger the squares to make the second start a little after the first, and make the third start a little after the second.

Journal entry #4:

In the week of 11/7, I have done a lot with my website on my own! I made an animation of three people cliff jumping with a link back to my home page through the image of a sun and I did it myself using the code I learned from class. I also had Tara help me with making something that clicks and changes images. In class on 11/10, I made another javascript function using Event Listener and I have a div that moves around on the screen and it centers itself. I made a mouse follower myself it has an image that follows my mouse around the screen!

Journal entry #5:

I did a new project! These journal entries aren't as structured s I originally wanted them, and they're not consistant but I'm chilling. Today is 12/14/22, and it's the last semifinal round of the 2022 World Cup(Morocco vs France). For this project, I used event listener to create a div that would follow your mouse around on the screen. My div is an image of Zendaya, because she is my favorite actress, and I felt like using a photo of her. I used eventclient because then it move the mouse along the screen, and it has the div follow it. I'm working on a lot more projects right now, and that's pretty much the update for today!

Journal entry #6:

It's still 12/14/22, and I have some more projects that I've done. Molly showed us how to use music and audio tags, and I have loved using that to make more websites. I made a birthday card for my sister, and it changes the background when I click, and it also has the div of it a cute image saying happy birthday in a cute photo. When I click and it changes the background, I also added something so that it plays and pauses a song that I picked for the card. I'm currently working on a square arry project, a drawing project(which is really hard), and a litle gift project! That's pretty much it for now!

Journal entry #7:

It's still 12/14/22, and I have some more projects that I've done, but they aren't finished yet. One of those is the drawing project I'm working on. I'm trying to make it so that you can click and start drawing, and then you can lift your mouse and it won't draw, and then you can re-click and it will draw again. Right now it's using the same skills I've used before, but it's not really working when I try to un click. Right now, it's just a pink box, but I may custom it so that it's something that looks more like a continuous drawing. I've been trying to do that for a while, but it hasn't fully worked yet.

Journal entry #8:

The project that I'm working on right now is a gift for my friend! It's like the same format of my birthday card that I worked on, so I used the same code. I'm still using eventlistener and formatting the page, but it's a little more detailed. I have the music the same, but now it changes everytime you click and unclick, so instead of unpausing and pausing the same song, it pauses, then goes to a different song everytime it plays! I realy like it, and I'm excited to gift it!

Journal entry #9:

The project that I'm trying to do is made from an array, and it's going to have little hearts and when you hover over, it's either going to say something that I like about them, or a photo of us - I haven't decided yet. The background is going to be light pink, and it's going to be a little gift for my friend. I'm really excited to give it to her and to see her reaction!

Journal entry #10:

I finally finished the project I've been working on forvever. I was having a ton of trouble with it, but then I was finally able to solve it with Molly. When you click, it starts moving the div around the screen(drawing), and when you click again, it stops your div from moving(stops it from drawing). I couldn't figure out how to get it to stop drawing when you raise your mouse, but I also couldn't figure out how to restart it. I finally got it and I changed my image and then added text. It looks really cool and I'm really happy with how it turned out.

Journal entry #11:

I finished my valentines day project! I have a class that contains the divs, and they stay on the screen, but you can't see them because it has no opacity. Then, I made it so that when you click, the opacity of each div becomes 100%. If you click on something else aside from the div that is the image of the gift bag, it doesn't work. In order to for it to work, you have to click directly on the box. That eventually spells out the message "Happy Valentine's Day!", and then uses a heart to hover around the screen. I'm excited to continue working on new projects, especially a sunset I am working on right now.