Hacker News Reader

Comment by pflenker | Hacker News Reader

Love the idea! However, it seems that you’re running a non-mobile friendly version of the hacker news design. Making it responsive would be greatly appreciated!

View on HN

Yeah. I need to work on the mobile version. Just haven't had time. An TBH I know little about responsive design. Where should I start?

It's currently set up on a VPS running news.arc in a screen session connected to the Internet via Cloudflare Tunnel. If it falls over while I'm out today... sorry!

> Where should I start?

Use @media queries to modify the CSS rules. The bare-bones approach is a breakpoint around 1024 width where everything below is 100% width (with a small margin/padding if you like). That way smaller tablets and phones have a decent experience without horizontal scrollbars.

Thank you!

Maybe you can just reuse the css from news.ycombinator.com? I don't know how much the code has drifted compared to the open source version.

See https://news.ycombinator.com/news.css, specifically the @media parts

the rss feed includes some garbage on the link to the comments. it seems it adds `item` before the `/` which renders the url invalid. eg https://twostopbits.comitem/?id=61 but https://twostopbits.com/item?id=61 works fine

The beauty of having the REPL is that I've fixed this. Missing trailing / on the site URL:

    (= site-url* "https://twostopbits.com/")
    "https://twostopbits.com/"
     
    (= parent-url* site-url*)
    "https://twostopbits.com/"

Reply on news.ycombinator.com