Sujay's Personal Site

Ship #1

@sujay_innovator_robu on Sujay's Personal Site · 10 days ago

I built a minimalist personal website using pure HTML and custom CSS to showcase my credentials, technical project portfolio, and robotics achievements.

- What I made: A responsive, light-mode split layout developer portfolio with modern Inter typography, featuring technical project cards, a bio detailing my start at GP Ahmedabad, and clean contact channels.
- What was challenging: Crafting a highly polished, premium visual style from scratch without relying on Tailwind or any utility frameworks. Aligning the split layout and handling smooth transitions for buttons and cards required exact layout control.
- What I'm proud of: The visual balance, the custom cropped profile photo styling with soft shadows, and establishing a robust Hackatime integration for transparent development logging.
- Testing details: You can click "Try project" to view the live site hosted on Netlify, or inspect the clean, structured source code in the GitHub repository.

1 devlog
3h
Personal Site

Try project → See source code →

Open comments for this post

@sujay_innovator_robu on Sujay's Personal Site · 11 days ago

3h 2m 38s logged

Shipped the final minimalist split-layout design for my personal portfolio site! 🚀

Here’s what I did in this session:

Designed a clean, light-mode split layout inspired by Behance portfolios using custom CSS.
Added a circular-cropped profile photo of myself with a subtle drop shadow and white borders.
Integrated cyan accent styling (#0284c7) for buttons, hover transitions, and header links.
Cleared old commit histories to initialize a clean repository with a single commit (“self code push”) matching my Git author configurations.
Configured .wakatime-project to track all coding hours under ‘personal-site’ and synced it.