Stationary-styled Portfolio Website

4 Devlogs
11 Total hours

Hoping to bring in an analog vibe to my engineering portfolio

Ship #1

@TimothyLeung on Stationary-styled Portfolio Website · about 1 month ago

I made a stationary-themed personal website that showcases my projects and experiences. It has a lined paper as background. It was hard to figure out how CSS work and I tried using Javascript too but gave up. I’m proud of how I brought my creative vision to life. Just click on the link to see the published website!

4 devlogs
11h
Personal Site

Try project → See source code →

Open comments for this post

@TimothyLeung on Stationary-styled Portfolio Website · about 1 month ago

2h 1m 56s logged

added subpages and populated site. so happy that it’s done

Open comments for this post

@TimothyLeung on Stationary-styled Portfolio Website · about 2 months ago

2h 51m logged

Tried auto-generating new a4 pages when content overflows. Breaks css and adds lots of white spaces though

Open comments for this post

@TimothyLeung on Stationary-styled Portfolio Website · about 2 months ago

2h 41m 21s logged

styled home page layout with css flexbox. working on auto-generating more pages to display content when the viewport is small (instead of the scrollbar which breaks the illusion)

Open comments for this post

@TimothyLeung on Stationary-styled Portfolio Website · about 2 months ago

3h 9m 35s logged

mostly CSS to make a lined paper / stationary aesthetic; it’s responsive too.