https://xen-orchestra.com

[Octopuss]

Specifically, the blog is broken. For example https://xen-orchestra.com/blog/xen-orchestra-6-1/

The images and text are stretched all the way across the window. No idea what are they using for such simple design that doesn't seem to work in PM. At least it's readable though...

[Moonchild]

They are using Ghost, a mobile-first "turn your content into a business" framework that doesn't give a fuck about desktop or compatibility.
https://ghost.org/

[Octopuss]

Jesus.

[Moonchild]

Too brusque of a response? Sorry.

[Mæstro]

The images and text are stretched all the way across the window. No idea what are they using for such simple design that doesn't seem to work in PM. At least it's readable though...

The site looks passable for me with my default settings in µBlock: images are of normal size and text legible. The latter still reaches across the entire screen, for as Moonchild said, it is designed for mobile, but I can read it. Of course, one can apply equivalent local settings:

Code: Select all

xen-orchestra.com * 1p-script block
xen-orchestra.com * 3p block
xen-orchestra.com * 3p-frame block
xen-orchestra.com * 3p-script block
xen-orchestra.com * inline-script block

[Octopuss]

Too brusque of a response? Sorry.

Oh. No, that was aimed at their choice of how to build a website.

[adoxa]

It makes use of the unsupported CSS min, max & clamp functions; here's a Modify HTTP Response filter to replace them.

Code: Select all

[["xen-orchestra.com",["/screen\\.css/",["min(var(--content-width,720px),100% - var(--gap) * 2)","var(--content-width,720px)","/\\b(?:max|min)\\((.*?),.*?\\)/g","$1","/clamp\\(.*?,(.*?),.*?\\)/g","$1"]]]]