4 ms·

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!

• jgrahamc 3y ago
  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!
  • cocoflunchy 3y ago
    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 https://news.ycombinator.com/news.css, specifically the @media parts
  • joshspankit 3y ago
    > 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.
    • jgrahamc 3y ago
      Thank you!
  • keybpo 3y ago
    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 https://twostopbits.comitem/?id=61 but https://twostopbits.com/item?id=61 https://twostopbits.com/item?id=61 works fine
    • jgrahamc 3y ago
      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/"