I created my personal site using HTML and CSS. I thought of making a ticket-shaped design that had two rectangles, one bigger than the other, with corners cut at a specific point to make two octagons, and I achieved it using polygons in CSS, and I created multiple elements so that I could use them seperately in HTML, becuase I was met with a bug that when I combined the two, their clip-path would sync and leave me with the same shape with the same dimensions, so I came up with the idea to do it that way using a wrapper, a back element, and a front element. I wanted a navigation bar to move between sections (which would come in handy if I were to make the site longer), and I managed the movement of the sidebar and the photo I placed on the right using position commands. I chose a blue color palette from ColorHunt (I provided the link in the README) to make the site look better. I needed to divide the page into left, middle and right at the first place, I tried using float boxes at the first place becuase it was what I saw from a YouTube tutorial, but after digging in some more, I found flex boxes, and I used flex boxes to make a partition of 1:3:1. Site is hosted in GitHub pages, and the code is on GitHub too, I tested them. You just have to go to the site to see it.
- 2 devlogs
- 3h
- Personal Site
