← Back to context

Comment by bux93

2 days ago

>For best results, it is recommended to use these fonts with the following color scheme (as used here on this web page):

> Foreground: black (#000000) (Ink) > Background: white (#FFFFFF) (Paper)

What about the alternating green bars? And the perforation?

And even the newest ink ribbons were not that black.

And the dots were never so crispy and individually formed on real paper.

And as discussed above, everything is far too wide. The dots blended together and created diagonals at least a little bit; thats not reflected here.

> What about the alternating green bars?

    body {
        background-image: linear-gradient(to bottom, white 0%, white 1em, #7cb8a6 1em, #7cb8a6 calc(1em + 1px), #dbfcf5 calc(1em + 1px), #dbfcf5 calc(2em + 1px), #7cb8a6 calc(2em + 1px), #7cb8a6 calc(2em + 2px));
        background-size: 100% calc(2em + 2px);
    }

adjust colours to taste :) extra credit if you implement dark mode!