By
@srithimahi
I'm upgrading my personal website a lot. From not only having the initial posters as the main page but also adding more info, updating it frequently, adding a few more features.
@srithimahi
on
Upgraded Personal Website
I upgraded my personal website to have a more formal main page, projects page and experiences page while adding new features and animations. This time in building this website, it was the animations that really threw me off, but with some help I did manage to find some ones I really liked. I really love how the website came together and I freaking love my rainbow divider, it is gorgeous plus hover over it and watch it speed up!
@srithimahi
on
Upgraded Personal Website
1h 46m 46s logged
Experience and projects page
So, its the same formula really, nothing really that new BUT I did have like sections inside sections to make each of the project or experience distinct.
But, I did want to add PLENTY of links to really present the projects more credibly.
@srithimahi
on
Upgraded Personal Website
2h 47m 12s logged
About page
So, I’m done with the about page. This page did go much easier cause I already had the base from the main page.
I really got inspired by tags! I really liked the idea of tags, it almost felt like hashtags to me .
My most favorite thing in this page IS THE PHOTOS. You see I love pinterest, I once literally spent 5 hours scrolling on pinterest… but I really wanted the photo grid style in the app. I research about it and apparently CSS is perfect for these masonry grids.
They were pretty meh in making, it did slightly make me tick. But, seeing the page was ALL TOO SATISFYING!
@srithimahi
on
Upgraded Personal Website
5h 1m 23s logged
AHHHH I SPENT A STUPID AMOUNT OF TIME ON THIS ONE PAGE
So, I have had this personal website I made for Hack Club pages that was very playful but still showed what I want others to know about me,
But I wanted to be able to present to others like in more formal and professional settings without them having to struggle through ONLY a bunch of posters to know things about me.
(future srithi! if you want to know about the initial design for the website, you can click on the poster wall in the current website to know and that was the main page in the original website and nothing else other than the pages you get after clicking the posters)
So! I decided to upgrade this into something a bit more functional while still having its charm.
Technical Stuff:
Didn’t go much fancy here either, this entire page was just HTML and CSS, but CSS is a real pain in the butt.
I wanted to have easy to reach buttons that seemed cool and fitting to background with some hover elements, and I wanted the window to look almost like a terminal window in a macbook.
Beneath it are a bunch of 88x31 buttons I ADORED… u dont understand I sent a solid hour for these.
