Adding footers to STEM components
To add a footer to your STEM component, use the following guidelines:
- Combine the tags
<a class="note-link" href="#note-1">a term with footnote</a>and<article class="note" id ="note-1">Footnote text</article>. - Pay attention to the href in the
<a>tag and id in the<article>tag, they must match.
If everything is done properly, the text in the footnote will not be visible until the link (the anchor tag) is clicked.
Example
| [Copy Code](javascript:void(0)) HTML |
<p> There are two basic operations defined for vectors: multiplication by a number and addition. We review them separately below. When studying these operations, it is important to understand that a vector does not have a particular location in space. It is <a class="note-link" href="#note-1"><i>displacement-invariant</i></a>: displacing a vector without changing its direction results in the same vector. </p> <article class="note" id="note-1"> In physics, a vector can sometimes be ascribed a specific location. For example, a force can be exerted at a particular point, and its location may matter for the resulting motion — a door is easier to open when pushing on the handle rather than near the hinge. However, when studying operations with vectors, we abstract from this feature and consider vectors displacement-invariant. </article> |