My own site! - Stardance

Ship #1

I built a personal website for myself using HTML and CSS. It has an About section introducing myself and what I like, a Projects section showcasing my projects, and a Contact section which links to my GitHub.

The biggest challenge I faced was in the CSS where I had to understand what each property does and how I can use it. Finding nice colors that work together was tricky and I had to load my website to see the updated format.

Something I am proud of is that I wanted to make my website unique and I think I did a good job with that. I like the grid pattern I added in the background and the orange line in the header made my website unique to me and a give the website a nice design.

As it is a website, anyone can open the website with the link provided. or open it locally as stated in the README.

2 devlogs
2h
Personal Site

Try project → See source code →

Open comments for this post

@NamanS on My own site! · 10 days ago

41m 43s logged

I continued working on the CSS for the website. I fixed a few bugs in my code, like a typo where I had a space inside var() which was breaking my background grid. I also styled the nav bar, the hero section, and the small uppercase labels above each section. Additionally, I added a grid pattern in the background to give it a math notebook style to it. I also went through my HTML and remove any unnecessary CSS classes that I had added before.

Open comments for this post

@NamanS on My own site! · 10 days ago

1h 5m 4s logged

I have started to implement the basics of the website. I created the basic layout of the website and where I plan to add each element of the website. For example, I laided out the full HTML skeleton with the header then About, Projects, and Contact sections below. I also started the CSS by setting up custom properties (:root variables) for my color palette and fonts so I’m not repeating hex codes everywhere. I also added a background color and font color and style.