Responsive Banner Images

Stefan4472 / Stefans-Blog

Personal blogging platform built in Python

MIT License

0 stars 0 forks source link

Responsive Banner Images #16

Closed Stefan4472 closed 3 years ago

Stefan4472 commented 4 years ago

Change the banner image shown based on screen width:

Use post_banner_url when the screen is wide
Use post_image_url when the screen is narrow

Stefan4472 commented 4 years ago

Oops, didn't realize this is kind of a duplicate of #11.

Stefan4472 commented 4 years ago

Implemented. We use Javascript's window.onresize callback to get the current screen width. Depending on the width, we set the banner's Jumbotron to either show the banner (on wide screens) or post_img (on narrow screens).

Quite primitive, but works!