Hacker News Reader

Comment by kuschku | Hacker News Reader

Considering your nickname, @OP, I assume you’re the author of the website: The site is currently broken on screens with a width of 1024px or less.

This screenshot was taken on my secondary monitor, which is 1280x1024 in portrait mode: https://i.imgur.com/n3LGCKM.png

View on HN

It does something differently funky for me: https://i.imgur.com/gnXgBK5.png

Also I'm not a fan of all the visual noise, such as the orange paragraph markers next to every title.

EDIT: Replaced "fucking" with the intended "funky", I have no idea how that typo happened.

I'm seeing the same thing in Firefox 57.0.3 on Debian, if my viewport is more than or equal to 1320 pixels wide. It goes away for the text on screen if I force it to repaint, but comes back if I scroll or resize the viewport.

Thanks for the report.

Same problem here. Seems to be a font rendering issue, the strange artefacts disappear at certain zoom levels. My platform is Fedora 27 with Firefox 57.0.1.

Thanks for the report. I'm thinking to change font.

Thanks for your report, which browser are you using to take the screenshot ?

I used the default markdown plugin to generate paragraph markers and I found convenient to link directly to a paragraph.

I'm using Firefox 57 on Ubuntu. You may want to hide the markers until someone hovers over the title in question, like in the Django docs[1].

[1]: https://docs.djangoproject.com/en/2.0/

I updated markers as you suggested, thanks again http://www.paulox.net/2017/12/22/full-text-search-in-django-...

Looks much better, good job!

Thank you!

I'm using Firefox 57 on Ubuntu 17.10. Thanks for your suggestion about the paragraph markers. I'll update it. ;-)

A small visual complain. The Django logo is really too big. I am on a big screen, not sure if that's relevant. But it's preferable to scale back. Firefox 57 on Mac.

Thanks for your feedback. The django logo is an svg and i tested only on a HD monitor and i like it. Maybe in a bigger screen it's too big but I haven't worked a lot on the design of my blog. I hope you enjoyed the content more than the logo. ;-)

Yes! Sorry if I didn't mention it :-) thank you!

Works fine on mobile.

Until it's fixed you can probably just narrow your browser window until the hero image moves from the side to the top.

Thanks for the report. I'm happy it works well on mobile.

On my iPad I had to manually force it to reflow correctly.

Thanks for the report. I've never tested on a iPad.

Thanks for your and other report I found the issue and fixed it. I think now the layout is working correctly on low-width window https://i.imgur.com/BCaPTEt.png

Seems like OP is using one of the Pelican themes, most of them last maintained 5 years ago.

Yes, I used pelican with Flex theme for my blog. http://www.paulox.net/about/#blog

The Flex theme is not so old, but can be better, but I'm going to update it based on many report I received here.

BTW pelican site is quite fast https://developers.google.com/speed/pagespeed/insights/?url=...

Thanks for the report, I'm going to check this issue.

Can I ask which browser are you using ?

This is with latest Firefox (59) – it gives me a horizontal scrollbar, so I can also scroll to the left, then part of the content is cut off on the right instead.

You are right, thanks for the bug report.

Reply on news.ycombinator.com