Personal Website banner

Personal Website

8 devlogs
5h 10m 3s

I know portfolio websites are a dime a dozen but I wanted to make my own 😭 It's meant to be minimalist, accessible, and compatible with as many websites as possible.

If you have any feedback about the website (readability, bug reports, desig…

I know portfolio websites are a dime a dozen but I wanted to make my own 😭 It’s meant to be minimalist, accessible, and compatible with as many websites as possible.

If you have any feedback about the website (readability, bug reports, design, etc) I am happy to hear them! I don’t know what I’m doing <3

Demo Repository

Loading README...

jp21

Shipped this project!

Hours: 5.17
Cookies: šŸŖ 30
Multiplier: 5.86 cookies/hr

Ship update!! This was my first time making a full-scale website and I hope it works well for everyone :D I enjoyed the challenge of keeping the site both minimal and accessible. Also realized that I have zero sense of design but that’s ok cause there are color palette generators on the internet!!

jp21

Last-minute touchups and bug fixes before shipping! I also added a 404 page.

Attachment
0
jp21

Added high contrast mode!

Attachment
1

Comments

MostLime
MostLime 3 months ago

I like it!

jp21

Learned about accessibility guidelines (aiming to meet at least WCAG AA standards), added a skip link and various alt text!

Attachment
0
jp21

Added a couple of stylistic stuff (visible markdown syntax on some headers - using a different font because the # sign on IBM Plex Mono is lowk kinda horrendous for this purpose), fixed a few visual bugs in blog pages, and added a new page for project items without links. I think if I don’t force myself to ship soon I’ll be making little edits forever.

Attachment
0
jp21

Made cool footnotes and sidenotes! Footnotes for short pages, sidenotes for longer blog posts.

0
jp21

Spent way too long changing the font and deciding the colors. I changed from Courier New to IBM Plex Mono because Courier New was kinda hard to read for long paragraphs. I also experimented with various background shades of beige until they all looked the same.

Attachment
0
jp21

This is a project I’m resuming that’s about ~70% done I think. I made a minimalist page and it technically has all the content I need? The dark/light theme took a while to get (still not fully smooth in the contact form iframe) - it’s the only feature that needs javascript.

Remaining goals: make website more accessible, change font/styling of website to be more readable, finish projects and about page

Attachment
0
jp21

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build. :D

Attachment
0