Live data from Hacker News

Show HN: A new way to do footnotes

try.scroll.pub

11–20 of 39 posts

Re: Show HN: A new way to do footnotes

#11
post #9
post #7

Earlier quoted context omitted.

WOW I didn't even know markdown has footnotes will definantly come in handy for one of my projects. Thank you!

It doesn't have footnotes. Some supersets do.

Right, but it's worth noting that those supersets are very common. I'd say it's actually less common to run into a "barebones" Markdown implementation these days than to run into a GFM or close-to-GFM one.

Re: Show HN: A new way to do footnotes

#12
post #9

Earlier quoted context omitted.

It doesn't have footnotes. Some supersets do.

Right, but it's worth noting that those supersets are very common. I'd say it's actually less common to run into a "barebones" Markdown implementation these days than to run into a GFM or close-to-GFM one.

[deleted]

Re: Show HN: A new way to do footnotes

#13
post #8
post #6

Earlier quoted context omitted.

it looks like it aggregates all footnote definitions into one where it can be printed with the keyword 'notes' (hardcoding? too clever? what if you want to separate footnotes?)

I can’t see what this offers over pandoc markdown or it’s successor: https://htmlpreview.github.io/?https://github.com/jgm/djot/b...

Shot is new to me, thanks for sharing. Looks like a nice iteration on CommonMark. I’ve preferred Asciidoc for its availability to handle complex nested headers and internal links; djot’s custom attributes and local-first link parsing might handle that well.

https://djot.net

Re: Show HN: A new way to do footnotes

#14
post #3

All I get is a blank window in Safari.

Works on my iPad. Any JS restrictions in your browser?

Nope, just JS errors

[Error] SyntaxError: Unexpected token '='. Expected an opening '(' before a method's parameter list. (anonymous function) (libs.js:16558)

[Error] ReferenceError: Can't find variable: AbstractTreeComponent Global Code (app.js:4)

[Error] ReferenceError: Cannot access uninitialized variable. (anonymous function) (try.scroll.pub:17)

Re: Show HN: A new way to do footnotes

#16
Anyone interested in footnotes might like the way we do it on the Vale site, for example: https://verdagon.dev/blog/making-regions-part-1-human-factor

Some nice things:

* The footnotes are off to the side, so it's closer to the text that mentions it and it doesn't interrupt the flow of the main text.

* It uses colors, so it's pretty fast to visually jump to the right one.

* We keep the numbers too, for colorblind folks (and those using blue-light filters like f.lux)

* It works without javascript!

Our markdown->html renderer makes this happen by slicing up the page horizontally, one slice per header. Each slice then has a wide left column for the main text, and a narrow right column for the footnotes. Then if the user happens have javascript enabled, it position:absolute's the footnotes and lines them up a little more precisely with where they're mentioned.

Re: Show HN: A new way to do footnotes

#17

Clicking on the number should ideal take me to footnote but it isn't. Instead its redirecting to a different page taking about scroll

Yeah, possibly demo broken, but I don't understand how this is supposed to be a new way to do footnotes at all. Looks like a broken Markdown footnote to me.

Re: Show HN: A new way to do footnotes

#18
post #9
post #7

Earlier quoted context omitted.

WOW I didn't even know markdown has footnotes will definantly come in handy for one of my projects. Thank you!

It doesn't have footnotes. Some supersets do.

Yes, for example in Hugo [0] I can do this:

This is some text with a footnote.[^1]

[^1]: And that's the footnote.

[0] https://gohugo.io/

Re: Show HN: A new way to do footnotes

#19

Anyone interested in footnotes might like the way we do it on the Vale site, for example: https://verdagon.dev/blog/making-regions-part-1-human-factor Some nice things: * The footnotes are off to the side, so it's closer to the text that mentions it and it doesn't interrupt the flow of the main text. * It uses colors, so it's pretty fast to visually jump to the right one. * We keep the numbers too, for colorblind fol…

You may want to explore Tufte CSS. My own article about footnotes/sidenotes: https://ab1908.github.io/2021/08/24/footnotes-in-web-content...
Post reply on HN