Nay's Portfolio (v2)
By
@Nay
- 1 Devlogs
- 7 Total hours
A sick personal portfolio (still under construction)
Ship #1
I made (the start) to my portfolio!!! Currently, its got the basic structure of a personal site, A flashy hero, an about-me, work experience.
What I’m most proud of with this site, is the small shine animation that i put on my cards (it took so long) It gives them that shinny holographic feel, and really makes it pop.
I’m also very pleased with how all the art came out, as well as the simple CSS animations (I think I’ve added clouds to every single web based project I’ve ever made…).
7h 20m 11s logged
OK! Dev log time >:D
I wanted to make a personal portfolio this summer, before University starts to kick my butt, so here we are!!!
I started by drawing out the hero on procreate. This included individual clouds, and the penguin moon, you see featured in the center.
Then with some simple css animations, and 30 hand placed stars (there had gotta be a faster way to do that, but if there is i have no idea what it is…), The sky was coming together.
in order to have a smooth is transition to the about me section, I wanted to have hills which fade into the same color. I think the full layout for everything in this site is grid, (because grid be the goat). I drew out the profile picture, added in a quick description, and threw in a small blurb about drinking water, because i had a very pretty drawing of a cup of water lying around that i wanted to include.
Next up, i did the work experience section. Its fairly straight forwards, since i honestly took most of the text straight from my resume, and added an inset to the base so that the work cards popped a bit more.
My vision for the rest of the site, is to have 2 main path ways. One leads to an art portfolio, and the other leads to a tech portfolio, depending on which one you click on. The reason i choose cards, was 100% based on the hackclub counterspell’s site, but instead with cats!
I wanted them to have a holo-foil feel, so i added in a hover animation to them, that has a shine transform over the card. (its very cool, and took me a really long time so please praise it)
Then, i went back and added in abunch of hover animations to the rest of the site to make it feel more alive.
And, that’s about all for this log!! Thanks for scrolling if you got this far!!!
