You are browsing as a guest. Sign up (or log in) to start making projects!

4h 39m 49s logged

devlog -#1
Ok so i am making my portfolio for 4 times now.This is one of the final struck so i don’t forgot what i did and why and everyone who is reading this can yell at me about what i got wrong lol.
The goal:
I am fed up from building a big ahh website therefor this time and one last time i want to make a minimalist website telling about me , profile pic, name,one line what i do a short paragraph, and a location pin with live clock that’s it. The kind of page you read in 20 sec and walks away knowing who i am.
The stack
html+css+ javascript

The dark mode ate my pfp:
ok so originally ideas was to have a character gif to turn into a red tinted shadow in dark mode. Looked good on paper but it was one of the bad idea which didn’t turned out to be as i thought so i need to swap the pfp with a simple gif of a my fav. character Reze from chainsaw men.

The cropping of pfp:
The gif i used was was a portrait jpg so the character’s face got chopped
Fix: I just changed the focus of the pfp from full torso to face only which turned out to be good.

The ist clock:
This was a 10 line function and i still managed to mess it up, First version uses the local viewer’s local time zone so if anyone opened in london it would’ve showed the BST not IST.
Fixed the clock to Asia/Kolkata timezone regarless of where visitor is.The clock updates every 30 sec, which is enough that no one notices the drift and cheap enough for not waste cpu.

Hover animation:
The page barely has any motion by default. I added a few small ones.

  1. Nav links get a red underline that grows from the left
  2. Skill cark lifts 2 px and turn their border into red when hover
    3.The theme button rotates 15 degree when you point at it
  3. The pfp zooms 4% on hover, clicked the circle so it doesn’t leak

The red glow bulb:
There’s a fixed radial gradient in the top left corner that gives the page soft “Designed website” feel.

What is left to do:

  1. need to write about my hobbies
  2. Add another blog as of now only wrote one fully and some coming soon blogs
  3. CVE
    Thats it the most time consuming thing was to write about me , blog and you can’t forget the clock
    Thats it, as of now will write about my hobbies , make a simple cve
1
452

Comments 0

No comments yet. Be the first!