Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: A new way to do footnotes

try.scroll.pub

Post reply on HN
Print view View original

31–39 of 39 posts

Re: Show HN: A new way to do footnotes

#31

Post by breck »

richsu-ca wrote: post #24

Something different. I have been using Markdown Footnotes extension [1] and found its syntax to be natural to Markdown. Here's the same sample as OP in Markdown Footnotes syntax. There is a link to the rendered page [2]. https://gist.githubusercontent.com/richsuca/f5a14ed9cb76e7ad... [1] https://python-markdown.github.io/extensions/footnotes/ [2] https://gist.github.com/richsuca/f5a14ed9cb76e7ad2f4f6b11361...

Thanks for the comparison! Really appreciate it.

I think I'll copy some of the style from yours. I really like the smaller font size for the notes, the different font color, and in particular the link back to where the note was used! Double linked list, I love it!

Stylistically I like the more minimal look of (the lack of brackets, and I think n may change link color to black): https://ab1908.github.io/2021/08/24/footnotes-in-web-content...

Re: Show HN: A new way to do footnotes

#32

Post by breck »

iprathik wrote: post #15

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

Ah that is a bug with `try.scroll.pub`. That app was sort of hacked together a long time ago and is due for a cleanup. Sorry about that.

https://github.com/breck7/tryscroll/issues/3

Re: Show HN: A new way to do footnotes

#33

Post by breck »

chrstphrknwtn wrote: post #14
macintux wrote: post #3

Earlier quoted context omitted.

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)

Interesting. Which model # iPad and iOS version?

Re: Show HN: A new way to do footnotes

#34

Post by malshe »

ajnin wrote: post #22

My favorite way is how French website "Le Monde Diplomatique" does it : the footnotes appear at the bottom of the screen in context as you scroll so that only those referred in the currently visible text are displayed. It avoids awkwardly clicking on tiny superscript numbers and annoyingly scrolling back and forth between text and footnotes. For an example : https://www.monde-diplomatique.fr/2021/01/PIGEAUD/62633

This is fantastic!

Dirk Eddelbuettel and Jonathan Gilligan have an R package (https://cran.r-project.org/web/packages/tint/vignettes/tintH...) that shows footnotes and many other objects in the sidetones. I like that format as well. But it is static and doesn't't change dynamically like this one in the French website you have linked to.

Re: Show HN: A new way to do footnotes

#35

Post by chrstphrknwtn »

breck wrote: post #33
chrstphrknwtn wrote: post #14

Earlier quoted context omitted.

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)

Interesting. Which model # iPad and iOS version?

macOS 13.0.1 (22A400) Safari 16.1 (18614.2.9.1.12)

Re: Show HN: A new way to do footnotes

#36

Post by macintux »

chrstphrknwtn wrote: post #35
breck wrote: post #33

Earlier quoted context omitted.

Interesting. Which model # iPad and iOS version?

macOS 13.0.1 (22A400) Safari 16.1 (18614.2.9.1.12)

Very odd. I'm running the same versions on my (Intel) laptop, and the JavaScript console is error/warning-free.

Re: Show HN: A new way to do footnotes

#37

Post by AB1908 »

verdagon wrote: post #27
AB1908 wrote: post #19

Earlier quoted context omitted.

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

Stellar article! Was definitely worth a read. The sidenote styles are particularly ingenious, I remember trying to get float+clear to work for this and never could, but looks like it's doable!

Glad you liked it! I'm amazed that you liked it cause it was my first semi-serious blog post haha.

Re: Show HN: A new way to do footnotes

#39

Post by woodruffw »

breck wrote: post #30
woodruffw wrote: post #4

At the risk of Dropboxing myself: what is the advantage of this over the existing Markdown syntax for footnotes[1]? It looks very similar, but with a harder to parse grammar. [1]: https://www.markdownguide.org/extended-syntax/

> At the risk of Dropboxing myself This made me laugh. I appreciate you. > but with a harder to parse grammar Grammar is actually quite simple once you've mastered the Grammar language ( https://pldb.com/languages/grammar.html ) which has almost no documentation and is full of bugs. > what is the advantage of this over the existing Markdown syntax for footnotes[1] I can't speak definitively yet. I think it will be be…

Thank you for sharing that!

In case I came across as overly negative: I think the overall syntax and project here are very cool. I’ll be following your work!

Post reply on HN