Any of the free icons from Font Awesome Version 5 can be used. Some of free icons are in the ‘brands’ set (e.g., "apple", "uber", "github", etc.) and these need to use the sequence of fa brands <icon-name>. Here are some examples:
{{< fa star >}} {{< fa image >}}
@@ -263,7 +271,7 @@
2.2 Usage
Syntax
-
{{< ai <icon-name> [additional args] >}}
+
{< ai <icon-name> [additional args] >}
Some examples
{{< ai jstor >}} {{< ai orcid >}}
@@ -294,7 +302,7 @@
3.2 Usage
Syntax
-
{{< bi <icon-name> [additional args] >}}
+
{< bi <icon-name> [additional args] >}
Examples
{{< bi box-seam >}} {{< bi trophy >}}
@@ -353,7 +361,7 @@
To find icon codes, go to Lordicon website, hit the Explore Library button and select the Free Icons filter on the left-hand side. You can choose a style for the icon (possiblities are flat, gradient, lineal, and outline).
Click on any icon, hit the </> HTML button on the bottom of that info listing and a popover will appear with the eight-letter code. You need to transpose that to lowercase as using uppercase letters won’t work :( .
{{< li xxdqfhbi >}}
@@ -637,10 +645,9 @@
{
+ if (window.MathJax) {
+ // MathJax Typeset
+ window.MathJax.typeset([el]);
+ } else if (window.katex) {
+ // KaTeX Render
+ var mathElements = el.getElementsByClassName("math");
+ var macros = [];
+ for (var i = 0; i < mathElements.length; i++) {
+ var texText = mathElements[i].firstChild;
+ if (mathElements[i].tagName == "SPAN") {
+ window.katex.render(texText.data, mathElements[i], {
+ displayMode: mathElements[i].classList.contains('display'),
+ throwOnError: false,
+ macros: macros,
+ fleqn: false
+ });
+ }
+ }
+ }
+ }
+ if (id === null || id.startsWith('sec-')) {
+ // Special case sections, only their first couple elements
+ const container = document.createElement("div");
+ if (note.children && note.children.length > 2) {
+ container.appendChild(note.children[0].cloneNode(true));
+ for (let i = 1; i < note.children.length; i++) {
+ const child = note.children[i];
+ if (child.tagName === "P" && child.innerText === "") {
+ continue;
+ } else {
+ container.appendChild(child.cloneNode(true));
+ break;
+ }
+ }
+ typesetMath(container);
+ return container.innerHTML
+ } else {
+ typesetMath(note);
+ return note.innerHTML;
+ }
+ } else {
+ // Remove any anchor links if they are present
+ const anchorLink = note.querySelector('a.anchorjs-link');
+ if (anchorLink) {
+ anchorLink.remove();
+ }
+ typesetMath(note);
+ return note.innerHTML;
+ }
+ }
+ for (var i=0; i res.text())
+ .then(html => {
+ const parser = new DOMParser();
+ const htmlDoc = parser.parseFromString(html, "text/html");
+ const note = htmlDoc.getElementById(id);
+ if (note !== null) {
+ const html = processXRef(id, note);
+ instance.setContent(html);
+ }
+ }).finally(() => {
+ instance.enable();
+ instance.show();
+ });
+ }
+ } else {
+ // See if we can fetch a full url (with no hash to target)
+ // This is a special case and we should probably do some content thinning / targeting
+ fetch(url)
+ .then(res => res.text())
+ .then(html => {
+ const parser = new DOMParser();
+ const htmlDoc = parser.parseFromString(html, "text/html");
+ const note = htmlDoc.querySelector('main.content');
+ if (note !== null) {
+ // This should only happen for chapter cross references
+ // (since there is no id in the URL)
+ // remove the first header
+ if (note.children.length > 0 && note.children[0].tagName === "HEADER") {
+ note.children[0].remove();
+ }
+ const html = processXRef(null, note);
+ instance.setContent(html);
+ }
+ }).finally(() => {
+ instance.enable();
+ instance.show();
+ });
+ }
+ }, function(instance) {
+ });
}
let selectedAnnoteEl;
const selectorForAnnotation = ( cell, annotation) => {
@@ -707,6 +852,7 @@
{
+ elRect = undefined;
+ if (selectedAnnoteEl) {
+ selectCodeLines(selectedAnnoteEl);
+ }
+ }, 10)
+ );
+ function throttle(fn, ms) {
+ let throttle = false;
+ let timer;
+ return (...args) => {
+ if(!throttle) { // first call gets through
+ fn.apply(this, args);
+ throttle = true;
+ } else { // all the others get throttled
+ if(timer) clearTimeout(timer); // cancel #2
+ timer = setTimeout(() => {
+ fn.apply(this, args);
+ timer = throttle = false;
+ }, ms);
+ }
+ };
+ }
// Attach click handler to the DT
const annoteDls = window.document.querySelectorAll('dt[data-target-cell]');
for (const annoteDlNode of annoteDls) {
@@ -875,7 +1047,7 @@
