sidenotes do not numerically increment. all of the sidenotes have the number '1'. it seems like there may be a conflict with the katex.min.css. if this line is commented out:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" />

the sidenotes increment correctly.

If a paragraph follows a heading, there is no margin.

If a list follows a heading, there is a margin.

It looks like applying max-width: var(--main-width); to nav#TOC on line 881 might be an error.

It overwrites the calculated max-width from line 820.

With line 881, I have problems with the contents pane interfering with image placement in the main document.
When I delete line 881 the problems go away.

Help not wanted.

It's hard to see in this picture, but the problem is there.

The baseline of the side notes are 2px higher when viewed on iOS in landscape mode zoomed out at 85% on an iPhone 12 to allow for the side notes to show up.

The first line of the sidenotes and and the body text should have their baselines aligned.

The overflow-x: scroll on .wide causes the line numbers to be hidden.

I spent an hour or so on this and didn't see an obvious fix.

I cloned the repository, installed pandoc and pandoc-sidenote in a virtual environment via conda/pip. I made sure that pandoc-sidenote is in PATH. I then follow the instructions: make clean and then make. Here the error:

tools/build.sh "src/paper/index.md" "docs/paper/index.html"
pandoc-sidenote: Error in $: Incompatible API versions: encoded with [1,22] but attempted to decode with [1,20].
CallStack (from HasCallStack):
  error, called at ./Text/Pandoc/JSON.hs:107:64 in pandoc-types-1.20-BxsEriGxqLC6PnOiTnNIPK:Text.Pandoc.JSON
Error running filter pandoc-sidenote:
Filter returned error status 1
make: *** [Makefile:39: docs/paper/index.html] Error 83

Any help appreciated. Thank you.

It seems that the background colour for inline code text is set to a bright white, but the text colour itself is not reversed to compensate, in dark mode.

Because there's a wrapping <div> in the way, the --line-height worth of margin outside the .wide things and inside the wide things doubles up, disrupting the rhythm.

The first two gaps are good. The third gap is double the height of the others.

Hi Jez,
very helpful project and I'm using it a lot .
I'm not entirely sure how one would go about it but how would I be able to get page numbers at the bottom ?
currently I'm using this to get the html files and then print to pdf via the browser..
it would be nice if it was possible to do both steps at once also.