A green pad
This is a green pad. This paper was required to hand in homework in the few engineering courses I took at Michigan Tech. I was in Comptuer Science and briefly considered double majoring in Electrical Engineering, but I lacked talent for the physical labs.
Since Michigan Tech was primarly an engineering school, you'd see this paper all over the place. This and a nice mechanical pencil were pretty standard gear for the engineers that would come in to my lab for Fortran help.
I learned a bunch of CSS that didn't exist the last time I shipped front-end for money, it was great to read the docs, experiment, and finally get the tool to fit in my head. It allowed me to fine tune what I was seeing.
This implementation uses very simple markup () and css calculations to generate css gradients, these act like background images and can be controlled similarly. Grids are controlled by the line-height computed by font information. In simple situations, this means the text stays lined up to the grid: neat!
I have so many ideas for improving this, but this feels like a great stopping point. Ideas include:
- Adding the hole punches
- Make the main content display whole numbers of grid squares
- Adjusting the computations to add more line spacing and maintaining alignment
- Making a tall aspect ratio version with just a simple header
- Improve the text element styles to maintain grid alignment
- a hand-writy font?