Marathia’s Stacks

stacks for the rest of us

stacks for the rest of us

Stacks Image 91039

FootNoter2 Stacks

a set of two stacks to create old school bookmarks with ease

The FootNoter2 Stacks make it possible to create automatically numbered references linking to their corresponding footnotes – and vice versa. Much like Wikipedia does it, but without those annoying ‘reference tooltips’.

This set consist of two stacks:
the Footnoter2 (main text) stack. In here, the references* to the footnotes are made and numbered automatically*
the Footnoter2 (footnotes) stack where the footnotes reside

Demo
Beside the FootNoter2 Stacks being used on this page, I’ve created two more demo pages:
Demo #1: a more colorful example with the ‘back to reading position’ links between brackets.
Demo #2: an example of the references not being superscript, but (just like the ‘back to reading position’ and ‘back to the top’ links) between brackets; the ‘back to reading position’ links before the footnote text.

Usage
Drag a copy of each stack on your Stacks page, the Footnoter2 (main text) stack above the Footnoter2 (footnotes) stack. Always use the two stacks together, but only one set per page.
In the Footnoter2 (main text) Stack, insert one of the following immediately after the text where you want a reference to a footnote to appear (without a space between the text and the reference):
a random text (even a space will do), select it and apply Format > HTML > Superscript or
the code <sup></sup>. In a styled text area, don’t forget to apply Format > Ignore formatting
The text used in the references will be automatically replaced with numbered footnote tags.
Keep in mind the search engines will read the text you entered*!
If the theme used doesn’t render superscript properly*, you can select the override font size and/or override vertical position options and tinker with those settings*.
All the settings for both the FootNoter (main text) stack and the FootNoter (notes) stack are done in the FootNoter (main text) stack.
Optionally, you can set a link to go back up to the reference. Clicking that link will not only take you there, but the reference can also receive focus, making it more clear for the reader to continue reading from the point they went down to the footnote* *.
As a bonus, you can use a ‘back to the top’ link at the bottom of the footnotes*.
To add footnotes in the Footnoter2 (footnotes) Stack, click the plus button at the bottom and type the text of the footnote. Because each footnote has his own stack, footnotes can be rearranged, duplicated and deleted easily.

Limitations
When the visitor has JavaScript disabled in his browser, the stack will not work properly
Depending on the theme settings, the outline of the references (that show when going back to the reading position) may be cut off a little under certain circumstances, especially in Safari (and RaoidWeaver Preview mode. In that case, you will need to fiddle with the width and padding of the outline (or the line height of the text) to prevent this.
Non of the settings in this stack will show in Edit mode.

Background
This stack is based on a heavily adapted version of footnoted.js v1.1 by Jacob Heftmann.

Support
Please use this form to report all issues, questions and comments.

These stacks require RapidWeaver (version 7 or higher) and the Stacks plugin by YourHead (version 3.5 or higher).

Yes, this website uses cookies too. Here’s the annoying but obligatory cookie warning. More info…