Over the past days, I worked hard on the MiniFantasyTheater website.

I'll blog about it tomorrow, but if you want, you can test before my new homemade comic reader: https://www.peppercarrot.com/en/miniFantasyTheater/025.html

25. Graveyard Surprise (Halloween Special) - Pepper&Carrot

Official homepage of Pepper&Carrot, a free(libre) and open-source webcomic about Pepper, a young witch and her cat, Carrot. They live in a fantasy universe of potions, magic, and creatures.

Pepper&Carrot

@davidrevoy Great work! 👏

I have one feature request:

On mobile scrolling through the panels feels great. On the desktop (Firefox / Brave, maximised window, resolution: 1920×1200) it feels a bit off – for me. On mobile (portrait mode) I always see 1 full panel and about 70% of other panel(s). On desktop 1 panel is maximised to fit the whole height. While this is best viewing 1 panel, it feels a bit strange when scrolling as most of the time, you don't see 1 full panel.

Possible solutions (I see): When using the mouse / touchpad / touchscreen to scroll, "jump" from one panel to the other (perhaps with a fast scrolling animation between the "jumps"). When using the keyboard, you could bind those "jumps" to the arrow keys and / or pg↑ or pg↓ keys.

@AxelStieglbauer Hey, the arrows navigation (and page up/down, spacebar) is already implemented.
I tried the mousewheel, but this 'breaks the webpage too much, and managing the mouse wheel sensitivity in Javascript is a can of worms I don't want to maintain for so many devices possibles emulating a mouse scroll.
But Maybe I'll consider a fixed button (position fixed css, sticky on screen) to go up and down.
Thank you for the feedback!