element {
max-width: 100%;
margin: 0 auto;
filter: hue-rotate(-90deg);
}
Usually I use "filter: saturate(100);", but that didn't really work well for this image. You might have to adjust the rotation degree though, -90 worked best for me. $$\like{this}$$
into your Markdown files and then doing pandoc -f markdown -t pdf -o output.pdf input.md
Haven't used this in a while and just tried it again, was just a matter of searching a few error messages, gleaning the missing texlive package names from the results, and installing them. Works like a charm now.
They aren't in the wrong place, if you view the site on desktop, or mobile browser in desktop-mode (for me at least), or the source, the line-breaks form proper paragraphs. Looks like the host actually delivers HTML/CSS with wrapping rules instead of plain text though, which messes it up for screens narrower than a full line in the file.
But either way, the file remains perfectly readable even with the added line breaks, not like any text is missing or moved.