My Personal Website

I added a simple widget with my favourite things to complete the page.

I added a school year stat widget. Simple countdown with a progress bar and also made countdowns to the next break off school. GOD WHYS IT SO LONG

Finished working on the dashboard. Includes weather from Open Météo. And discord presence from lanyard. This is still a WIP as you can see from the coming soon tiles. GPT my savior for the discord implementation 🙏

I added a simple clock that hovers above the main body. It only displays Ottawa time. While making this i realized that Ottawa is spelt pretty weirdly.. Also i started working on a seperate page with a dashboard with like weather and stuff.

I finally completed the projects page i had mentionned in my first devlog. I started by making the main page container and adding the “Projects” title and back button. Then I made a grid for the project cards so they could sit in two rows. Each project has a title, description and an image to go along with it. I used css styling to add the rounded look to everything.

I added a custom cursor to the website using CSS and JavaScript. The normal mouse cursor is hidden and replaced with a small circle that follows the mouse.
The cursor gets bigger when hovering over links. When hovering over text, it changes into a small vertical line like a normal text selector. I used JavaScript to track the mouse position and CSS classes to change how the cursor looks depending on what the mouse is over.

I made this website using HTML and CSS.I started with a simple dark background and added a picture of Ottawa (Parliament Hill) in the background. I made the picture grayscale and faded it so it doesnt interfere with the page. I made a profile box using CSS with rounded corners and a border. I used flexbox to put my picture beside my information. This is still pretty simple, but i want to keep it that way, i like it. I also Started working on a page displaying projects with a similar styling.