Deploying to gh-pages from @ a3fc652 🚀

coatless-quarto · Feb 11, 2024 · 988e4f9 · 988e4f9
1 parent 14bd680
commit 988e4f9
Show file tree

Hide file tree

Showing 26 changed files with 1,030 additions and 201 deletions.
diff --git a/examples/readme/.gitignore → demos/readme/.gitignore b/examples/readme/.gitignore → demos/readme/.gitignore
diff --git a/examples/readme/_quarto.yml → demos/readme/_quarto.yml b/examples/readme/_quarto.yml → demos/readme/_quarto.yml
diff --git a/examples/readme/index.html → demos/readme/index.html b/examples/readme/index.html → demos/readme/index.html
@@ -2,7 +2,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>
 
 <meta charset="utf-8">
-<meta name="generator" content="quarto-1.4.523">
+<meta name="generator" content="quarto-1.5.9">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
@@ -63,7 +63,8 @@ <h1 class="title">pyodide in Quarto HTML Documents</h1>
 
 
 <p>This is a pyodide-enabled code cell in a Quarto HTML document.</p>
-<pre class="{pyodide-python}"><code>print("Hello Quarto-Pyodide World!")</code></pre>
+<div id="qpyodide-insertion-location-1"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <p>Return to the <a href="https://quarto.thecoatlessprofessor.com/pyodide">documentation website</a> or <a href="https://github.com/coatless-quarto/pyodide">GitHub Repository</a>.</p>
 
 </main>
@@ -196,27 +197,6 @@ <h1 class="title">pyodide in Quarto HTML Documents</h1>
       }
     }
     stripColumnClz(note)
-    const typesetMath = (el) => {
-      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");
@@ -231,10 +211,14 @@ <h1 class="title">pyodide in Quarto HTML Documents</h1>
             break;
           }
         }
-        typesetMath(container);
+        if (window.Quarto?.typesetMath) {
+          window.Quarto.typesetMath(container);
+        }
         return container.innerHTML
       } else {
-        typesetMath(note);
+        if (window.Quarto?.typesetMath) {
+          window.Quarto.typesetMath(note);
+        }
         return note.innerHTML;
       }
     } else {
@@ -243,8 +227,15 @@ <h1 class="title">pyodide in Quarto HTML Documents</h1>
       if (anchorLink) {
         anchorLink.remove();
       }
-      typesetMath(note);
-      return note.innerHTML;
+      if (window.Quarto?.typesetMath) {
+        window.Quarto.typesetMath(note);
+      }
+      // TODO in 1.5, we should make sure this works without a callout special case
+      if (note.classList.contains("callout")) {
+        return note.outerHTML;
+      } else {
+        return note.innerHTML;
+      }
     }
   }
   for (var i=0; i<xrefs.length; i++) {

diff --git a/examples/readme/index.qmd → demos/readme/index.qmd b/examples/readme/index.qmd → demos/readme/index.qmd
diff --git a/..._files/libs/bootstrap/bootstrap-icons.css → ..._files/libs/bootstrap/bootstrap-icons.css b/..._files/libs/bootstrap/bootstrap-icons.css → ..._files/libs/bootstrap/bootstrap-icons.css
diff --git a/...files/libs/bootstrap/bootstrap-icons.woff → ...files/libs/bootstrap/bootstrap-icons.woff b/...files/libs/bootstrap/bootstrap-icons.woff → ...files/libs/bootstrap/bootstrap-icons.woff
diff --git a/...ex_files/libs/bootstrap/bootstrap.min.css → ...ex_files/libs/bootstrap/bootstrap.min.css b/...ex_files/libs/bootstrap/bootstrap.min.css → ...ex_files/libs/bootstrap/bootstrap.min.css
diff --git a/...dex_files/libs/bootstrap/bootstrap.min.js → ...dex_files/libs/bootstrap/bootstrap.min.js b/...dex_files/libs/bootstrap/bootstrap.min.js → ...dex_files/libs/bootstrap/bootstrap.min.js
diff --git a/...dex_files/libs/clipboard/clipboard.min.js → ...dex_files/libs/clipboard/clipboard.min.js b/...dex_files/libs/clipboard/clipboard.min.js → ...dex_files/libs/clipboard/clipboard.min.js
diff --git a/...ndex_files/libs/quarto-html/anchor.min.js → ...ndex_files/libs/quarto-html/anchor.min.js b/...ndex_files/libs/quarto-html/anchor.min.js → ...ndex_files/libs/quarto-html/anchor.min.js
diff --git a/...ndex_files/libs/quarto-html/popper.min.js → ...ndex_files/libs/quarto-html/popper.min.js b/...ndex_files/libs/quarto-html/popper.min.js → ...ndex_files/libs/quarto-html/popper.min.js
diff --git a/...uarto-html/quarto-syntax-highlighting.css → ...uarto-html/quarto-syntax-highlighting.css b/...uarto-html/quarto-syntax-highlighting.css → ...uarto-html/quarto-syntax-highlighting.css
diff --git a/...me/index_files/libs/quarto-html/quarto.js → ...me/index_files/libs/quarto-html/quarto.js b/...me/index_files/libs/quarto-html/quarto.js → ...me/index_files/libs/quarto-html/quarto.js
@@ -9,7 +9,7 @@ const layoutMarginEls = () => {
   // Find any conflicting margin elements and add margins to the
   // top to prevent overlap
   const marginChildren = window.document.querySelectorAll(
-    ".column-margin.column-container > * "
+    ".column-margin.column-container > *, .margin-caption, .aside"
   );
 
   let lastBottom = 0;
@@ -19,7 +19,9 @@ const layoutMarginEls = () => {
       marginChild.style.marginTop = null;
       const top = marginChild.getBoundingClientRect().top + window.scrollY;
       if (top < lastBottom) {
-        const margin = lastBottom - top;
+        const marginChildStyle = window.getComputedStyle(marginChild);
+        const marginBottom = parseFloat(marginChildStyle["marginBottom"]);
+        const margin = lastBottom - top + marginBottom;
         marginChild.style.marginTop = `${margin}px`;
       }
       const styles = window.getComputedStyle(marginChild);

diff --git a/...me/index_files/libs/quarto-html/tippy.css → ...me/index_files/libs/quarto-html/tippy.css b/...me/index_files/libs/quarto-html/tippy.css → ...me/index_files/libs/quarto-html/tippy.css
diff --git a/...x_files/libs/quarto-html/tippy.umd.min.js → ...x_files/libs/quarto-html/tippy.umd.min.js b/...x_files/libs/quarto-html/tippy.umd.min.js → ...x_files/libs/quarto-html/tippy.umd.min.js
diff --git a/index.html b/index.html
@@ -2,12 +2,12 @@
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>
 
 <meta charset="utf-8">
-<meta name="generator" content="quarto-1.4.523">
+<meta name="generator" content="quarto-1.5.9">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 
-<title>quarto-pyodide - Greetings from quarto-pyodide Wonderland!</title>
+<title>quarto-pyodide – Greetings from quarto-pyodide Wonderland!</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -195,7 +195,7 @@
 </nav>
 <div id="quarto-sidebar-glass" class="quarto-sidebar-collapse-item" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item"></div>
 <!-- margin-sidebar -->
-    <div id="quarto-margin-sidebar" class="sidebar margin-sidebar">
+    <div id="quarto-margin-sidebar" class="sidebar margin-sidebar zindex-bottom">
 
     </div>
 <!-- main -->
@@ -223,13 +223,8 @@ <h1 class="title">Greetings from quarto-pyodide Wonderland!</h1>
 
 <p>Welcome to the documentation portal for the <a href="https://github.com/coatless-quarto/pyodide"><code>quarto-pyodide</code></a> extension – your key to unlocking the endless possibilities of <a href="https://pyodide.org/en/stable/">pyodide</a> within various <a href="https://quarto.org/">Quarto</a> formats, including <a href="https://quarto.org/docs/output-formats/html-basics.html">HTML</a>, <a href="https://quarto.org/docs/presentations/revealjs/">RevealJS</a>, <a href="https://quarto.org/docs/websites/">Websites</a>, <a href="https://quarto.org/docs/websites/website-blog.html">Blogs</a>, and <a href="https://quarto.org/docs/books">Books</a>.</p>
 <p>Ready for an exciting journey into the world of Pyodide’s interactive code cells? Click the “Run Code” button below to experience it firsthand:</p>
-<pre class="{pyodide-python}"><code># Welcome to Python!
-
-print("Hello, Quarto-Pyodide!")
-print("You've just entered the world of Python programming.")
-print("Let's start coding and exploring the amazing possibilities!")
-
-# Feel free to add your own code below and have fun with Python!</code></pre>
+<div id="qpyodide-insertion-location-1"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <p>At its core, the <a href="https://github.com/coatless-quarto/pyodide"><code>quarto-pyodide</code> extension</a> is designed to empower you to run <em>Python</em> code directly in your web browser using familiar reporting tools, all without the need for an external Python server. Moreover, the extension abstracts away the need to know HTML or JavaScript to use Pyodide. However, it’s worth noting that you can also choose to unlock the full potential of Pyodide and create more complex applications independently by directly using <a href="https://pyodide.org/en/stable/">Pyodide’s JavaScript API</a>, granting you unparalleled freedom to harness the power of Python in innovative ways.</p>
 
 
@@ -363,27 +358,6 @@ <h1 class="title">Greetings from quarto-pyodide Wonderland!</h1>
       }
     }
     stripColumnClz(note)
-    const typesetMath = (el) => {
-      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");
@@ -398,10 +372,14 @@ <h1 class="title">Greetings from quarto-pyodide Wonderland!</h1>
             break;
           }
         }
-        typesetMath(container);
+        if (window.Quarto?.typesetMath) {
+          window.Quarto.typesetMath(container);
+        }
         return container.innerHTML
       } else {
-        typesetMath(note);
+        if (window.Quarto?.typesetMath) {
+          window.Quarto.typesetMath(note);
+        }
         return note.innerHTML;
       }
     } else {
@@ -410,8 +388,15 @@ <h1 class="title">Greetings from quarto-pyodide Wonderland!</h1>
       if (anchorLink) {
         anchorLink.remove();
       }
-      typesetMath(note);
-      return note.innerHTML;
+      if (window.Quarto?.typesetMath) {
+        window.Quarto.typesetMath(note);
+      }
+      // TODO in 1.5, we should make sure this works without a callout special case
+      if (note.classList.contains("callout")) {
+        return note.outerHTML;
+      } else {
+        return note.innerHTML;
+      }
     }
   }
   for (var i=0; i<xrefs.length; i++) {

diff --git a/qpyodide-acknowledgements.html b/qpyodide-acknowledgements.html
@@ -2,13 +2,13 @@
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>
 
 <meta charset="utf-8">
-<meta name="generator" content="quarto-1.4.523">
+<meta name="generator" content="quarto-1.5.9">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 <meta name="dcterms.date" content="2023-08-12">
 
-<title>quarto-pyodide - Acknowledgments and Collaborations</title>
+<title>quarto-pyodide – Acknowledgments and Collaborations</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -231,7 +231,7 @@ <h1 class="title">Acknowledgments and Collaborations</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">December 8, 2023</p>
+      <p class="date-modified">February 11, 2024</p>
     </div>
   </div>
 
@@ -401,27 +401,6 @@ <h1>Fin</h1>
       }
     }
     stripColumnClz(note)
-    const typesetMath = (el) => {
-      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");
@@ -436,10 +415,14 @@ <h1>Fin</h1>
             break;
           }
         }
-        typesetMath(container);
+        if (window.Quarto?.typesetMath) {
+          window.Quarto.typesetMath(container);
+        }
         return container.innerHTML
       } else {
-        typesetMath(note);
+        if (window.Quarto?.typesetMath) {
+          window.Quarto.typesetMath(note);
+        }
         return note.innerHTML;
       }
     } else {
@@ -448,8 +431,15 @@ <h1>Fin</h1>
       if (anchorLink) {
         anchorLink.remove();
       }
-      typesetMath(note);
-      return note.innerHTML;
+      if (window.Quarto?.typesetMath) {
+        window.Quarto.typesetMath(note);
+      }
+      // TODO in 1.5, we should make sure this works without a callout special case
+      if (note.classList.contains("callout")) {
+        return note.outerHTML;
+      } else {
+        return note.innerHTML;
+      }
     }
   }
   for (var i=0; i<xrefs.length; i++) {
@@ -675,4 +665,4 @@ <h1>Fin</h1>
 
 
 
-</body></html>
+<footer class="footer"><div class="nav-footer"><div class="nav-footer-center"><div class="toc-actions d-sm-block d-md-none"><ul><li><a href="https://github.com/coatless-quarto/pyodide/edit/main/docs/qpyodide-acknowledgements.md" class="toc-action"><i class="bi bi-github"></i>Edit this page</a></li><li><a href="https://github.com/coatless-quarto/pyodide/issues/new" class="toc-action"><i class="bi empty"></i>Report an issue</a></li></ul></div></div></div></footer></body></html>