Basics#
Icons, Smileys and highlights/marks#
fontawesome (53,663 icons) - https://fontawesome.com/search
- : fontawesome - class - name : <!> to find the class look at the HTML
<i class="fa-brands fa-html5">turns into:fontawesome-brands-html5:which renders as
materialdesign (7447 icons) - https://pictogrammers.com/library/mdi/
- https://pictogrammers.com/library/mdi/icon/clock-fast/
- turns into
:material-clock-fast:rendered
octicons - https://primer.style/foundations/icons
- https://primer.style/foundations/icons/arrow-right-24
- turns into
:octicons-arrow-right-24:or :octicons-arrow-right:
simpleicons - https://simpleicons.org/
and
those emojis are awesome, isn't it?
text below rule
Links & Tooltips & Abbreviations & footnotes#
links#
- open pdf - https://media.geeksforgeeks.org/wp-content/cdn-uploads/20210101201653/PDF.pdf
- open web - page https://www.google.com
Work:
- https://www.ggogle.com
- markdown link to code-block
- in-page Reference-Style external Links
- in-page Reference-Style internal Links
- markdown syntax
- glossary link and GloSSAry Link
Deprecated by snippets
* [include-markdown links toto]
* [include-markdown links_a titi] = include of include!
{% include '../includes/links.md' %}
Fail:
tooltips#
Hover me using internal reference link
abbreviations#
Do these abbreviations work: CSS, W3C, and not HTML ? What about FAQ, Faq, TOC, Toc, and GFM? Yes if you hover the acronym !
beware
abbreviations are case sensitive
In-page abbreviations
Disabled reference abbreviations
footnotes#
Lorem ipsum1 dolor sit amet, consectetur adipiscing elit.2
SOME TEXT BEFORE THE BOTTOM OF THE PAGE