footnote-and-citation-system

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.