| name | footnote-and-citation-system |
| description | Use when adding citations or footnotes to editorial content. Citations signal seriousness; footnotes add depth without breaking flow.
|
Footnote and Citation System
Footnotes = numbered references at article end or as hover-tooltip. Citations = inline source attribution. Both signal editorial gravitas.
Footnote markers
Inline: superscript number ¹ or [1]
At end of article: numbered list of full references
This assertion has solid evidence.<sup><a href='#fn1'>1</a></sup>
...
<ol class='footnotes'>
<li id='fn1'>Smith, J. (2024). <em>Title</em>. Source.</li>
</ol>
Citation format
Inline citation: 'According to Author (Year)...'
When quoting: 'Quote text' (Author, Year)
When paraphrasing: '... per Author (Year)'
Maintain consistent format across an article.
Hover footnotes (modern)
Newer pattern: hover the marker, footnote appears as tooltip. Keeps flow uninterrupted.
<sup class='footnote-marker' data-fn='1'>1</sup>
CSS + JS to position tooltip near marker on hover/click.
Where this fits in the X3 empire
Used in CardPrepAI methodology and education articles.