Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

I’d like to tinker with that font, it burns my eyes to try and read the words styled like that, maybe that’s the intent?


Not gonna lie, but I liked the vibe, maybe that's what author meant by different tastes :p


It sent me back in time, very nostalgic. I even took a few minutes to sit and enjoy the moment and remember what it was like to explore the internet on a pixelated CRT in the 90s.

I suspect it's a generational gap.


I’m in my mid 40’s, and have been using computers since the mid ‘80s. What generation are you from?


Yours. I can't explain your frustration then, or why the author's intent escaped you. If you use Firefox there's a little reader-mode icon in the address bar you may find convenient.


Yeah I'm not finding it compelling to listen to someone's ideas about "taste" when they think that font is tasty.


i am the author! apologies, i will be adding a toggle to disable the scanline effect


I imagine the intent is to simulate the look of an old CRT monitor


the entire page has horizontal lines washed over it


At the wrong refresh rate so did my monitor at one point.


I adore the font and the vibe. Maybe age or something but I love it.


i am fascinated with that effect and turned off every CSS rule on the page I could find but did not identify how you make that effect


I love it too. Appears to be accomplished with this CSS, which you can tinker with by finding the :after element at the bottom of the <body> tag in browser devtools:

  body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4) 1px, transparent 1px);
    background-size: 2px 2px;
    background-repeat: repeat;
    pointer-events: none;
    z-index: 9999;
  }


i figured that's what it was, but i didnt know how to find it in the browser tools but i missed the "after" part, so yeah it's in the "pseudo-elements". nice!


    body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4) 1px, transparent 1px);
    background-size: 2px 2px;
    background-repeat: repeat;
    ...


the real tinkerers skim through that shit in text-based browsers - using their choice of a font and a color theme.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: