@Shambhavi

DEVLOG #7

HI everyone!!! So many updates for you!!!!!

Since my first ship, I decided to make this personal website into a more professional one with cooler features. Don’t worry though, I have my first website saved in a different codespace!

I have spent these 8 hours doing a lot of stuff! I started off with created a topographic background. I struggled to find the right image in Canva which would repeat correctly and wouldn’t look ‘broken.’ Next, I worked on the auto typing text which sort of describes me by saying “I am a musician, I am a coder, I am learning,” stuff like that. I created this awesome effect by following a YouTube video. I also added a moving gradient effect over my name and yes, I removed the banner with the scrabble tiles to create this new home page. After that, I spent a lot of time creating the sticky navbar. It was so confusing, especially because I wanted it to look perfect. In the end I also added a blur effect. Using another tutorial, I managed to create anchor links, which I had noticed on a couple of really good personal websites. Lastly, I designed a custom scrollbar, which I think really adds a nice touch. Right now, I am working on the dark mode button styling, and actually making it work. I removed all of the buttons and am working on to create it more professionally.

If anyone wants the link to the old website, let me know!

To make these changes, I used AI to help me debug the very confusing codes. Remember, I am still kind of new to HTML and CSS. I also tried learning some JavaScript from W3 Schools, but it does not make sense. If anyone knows a good resource to learn js, please tell me.

Below, as usual, are a couple of pictures of my progress:

LAST DEVLOG (#6)

I’m DONE!!!!!!!!!!!!!!!!!!

I just fixed the buttons on the home page, using a little bit of AI, but I definitely made sure to understand each line of code it fixed. I also added a quote and footer at the bottom of the website because there was a lot of blank space that I didn’t know how to get rid of, so I decided to add content.

Well, I hope you all like my website!

DEVLOG #5
Hi again!

So I got all of the pages about my interests done. After my first ship, I plan on kind of making them into a blog. I will write a lot more reviews on a lot more books on the books page and more reviews on the traveling page for more places that I’ve been to.

My last step is to position the buttons on the home page which IS NOT WORKING!!! I think my margins are way too large and I have other large elements…and it’s still not working. Well, if anyone has any suggestions, that’d be great!

Here are the pages:

DEVLOG #4!!!
I got a lot done! I added the buttons about my interests at the bottom of the home page. The buttons lead to other pages on the same website with information of their own. Right now, I am done with one out of four pages, but now that I know the process, hopefully the other pages will go faster.

I also decided agains adding Javascript because learning that would take a lot of time.

On my traveling page, I have parallax scrolling, some images and text, and a button bringing the user back to the home page.

Challenges included the margins for my traveling page, mainly because I wanted to wrap the text around the images. Also, I sort of accidentally deleted an html file, so it took some time trying to get that back.

Next time, I should have all my pages done and move the buttons up…and be ready to ship!

Take a look at some pictures of my website:

DEVLOG #3
Hello, again!
I spent a lot of time learning CSS and arranging elements. I used AI a little bit to understand how to add graphics from Canva onto my website…and I also realized how to actually add commits into my codespace. I know I already started the website, but moving forward I will definitely remember to commit frequently!🤣 So, I added an AI generated image of myself with cool effects (if you hover the animation pauses) and a banner. I spent a lot of time on this because the animation stuff got really confusing.

The challenges started happening with the margins. I think I set the numbers too big and it caused the images to be shifted down, so I don’t think I will mess with it more and just leave it. Since it’s my first time coding, this will be a project where I learn things. A lot of time was spent playing around with the banner.

Soon, I hope to add little buttons at the bottom bringing the user to pages that talk about my hobbies. I plan to add cool scrolling, picture carousels, etc.

Below are a couple of screenshots - sorry I couldn’t add a video!

DEVLOG #2
Hi!
Today I mainly focused on learning CSS basics. I spaced the text on the website page, changed fonts, chose colors that I thought looked nice, and added some cool effects.

The challenge was adding a new font from Google Fonts into my codespace. For a while, I had put it in my CSS file, and when I pasted it into my HTML file, it worked!

The next time I work I hope to start adding graphics onto my page.

DEVLOG #1
Hello!!!!
I finally started working on my personal website! I am completely new to coding, and it was definitely challenging trying to learn HTML! Today I mainly used W3 schools to understand the basics, and I started putting some content on the page. I created an HTML and CSS file. In fact, I planned my website out on paper because I wanted to sort of visualize how I wanted it to turn out.

I actually changed the color of the text in HTML when I realized I should probably put it in my CSS file. I removed those lines of code and I will most likely do that next time.

Next time I work on the website, I want to change the text color, font, and align the text. I may also research how to add some graphics onto the website as images.