Add a lecture deck on Quarto

coatless-talks · May 1, 2024 · e8d81ba · e8d81ba
1 parent 3ffd541
commit e8d81ba
Show file tree

Hide file tree

Showing 34 changed files with 988 additions and 31 deletions.
diff --git a/_extensions/coatless-quarto/stanford/revealjs/custom.scss b/_extensions/coatless-quarto/stanford/revealjs/custom.scss
@@ -78,7 +78,7 @@ $stanford-white: #FFFDFD; // Stanford white color
     bottom: 0;
     left: 0;
     width: 100%;
-    height: 3.5em; /* Adjust height as needed */
+    height: 3em; /* Adjust height as needed */
     color: $stanford-white;
     text-align: center;
     line-height: 50px; /* Align text vertically */

diff --git a/_quarto.yml b/_quarto.yml
@@ -3,8 +3,10 @@ project:
   output-dir: _site
 
 website:
-  title: "Pyodide, webR, & Quarto"
-  page-navigation: true
+  title: "Dynamic Interactions in STATS 352"
+  reader-mode: true
+  repo-url: https://github.com/coatless-talks/stats352-guest-lectures-on-dynamic-interactions-wasm
+  repo-actions: [edit, issue]
   navbar:
     background: light
     foreground: dark
@@ -18,31 +20,13 @@ website:
         href: https://github.com/coatless-talks/stats352-guest-lectures-on-dynamic-interactions-wasm
         aria-label: GitHub
   sidebar:
-    - title: "Contents"
-      style: "docked"
-      search: true
-      align: left
-      contents:
-        - section: "Pre-lectures"
-          contents:
-            - text: "1. Setup"
-              href: setup-environment.qmd
-        - section: "May 1st"
-          contents:
-            - text: "2. WebAssembly (WASM)"
-              href: setup-environment.qmd
-            - text: "3. Quarto"
-              href: setup-environment.qmd
-            - text: "4. Pyodide"
-              href: setup-environment.qmd
-        - section: "May 8th"
-          contents:
-            - text: "5. webR"
-              href: setup-environment.qmd
-
-format:
-  html:
-    toc: true
-
-
-
+    style: "floating"
+    search: true
+    contents: 
+      - section: "May 1st"
+        contents:
+          - text: "1. WebAssembly (WASM)"
+            href: day01a-wasm.qmd
+          - text: "2. Quarto"
+            href: day01b-quarto.qmd
+      - section: "May 8th"
diff --git a/assets/quarto-images/animated-quarto-webr-workflow-one-play.gif b/assets/quarto-images/animated-quarto-webr-workflow-one-play.gif
diff --git a/assets/quarto-images/example-html-document-source.png b/assets/quarto-images/example-html-document-source.png
diff --git a/assets/quarto-images/example-html-document.png b/assets/quarto-images/example-html-document.png
diff --git a/assets/quarto-images/example-markdown-issue-github.png b/assets/quarto-images/example-markdown-issue-github.png
diff --git a/assets/quarto-images/example-markdown-post-reddit-stanford.png b/assets/quarto-images/example-markdown-post-reddit-stanford.png
diff --git a/assets/quarto-images/example-word-document-source.png b/assets/quarto-images/example-word-document-source.png
diff --git a/assets/quarto-images/example-word-document.png b/assets/quarto-images/example-word-document.png
diff --git a/assets/quarto-images/html-document.html b/assets/quarto-images/html-document.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>html-document</title>
+</head>
+<body>
+<p>Welcome to my HTML document. 
+    We can have <strong>bold</strong>, <em>italic</em>, <strong><em>bold and italics</em></strong> text. 
+    Also, we have:</p>
+<ul>
+<li>An</li>
+<li>Unordered</li>
+<li>List</li>
+</ul>
+<p>Not bad right?</p>
+</body>
+</html>
diff --git a/assets/quarto-images/literate-programming-book-cover.jpeg b/assets/quarto-images/literate-programming-book-cover.jpeg
diff --git a/assets/quarto-images/live-stock-or-caring.png b/assets/quarto-images/live-stock-or-caring.png
diff --git a/assets/quarto-images/qmd-annotations.graffle b/assets/quarto-images/qmd-annotations.graffle
diff --git a/assets/quarto-images/qmd-annotations/markdown-cheatsheet.png b/assets/quarto-images/qmd-annotations/markdown-cheatsheet.png
diff --git a/assets/quarto-images/qmd-annotations/qmd-document-annotated.png b/assets/quarto-images/qmd-annotations/qmd-document-annotated.png
diff --git a/assets/quarto-images/qmd-annotations/qmd-navigator-annotated.png b/assets/quarto-images/qmd-annotations/qmd-navigator-annotated.png
diff --git a/assets/quarto-images/qmd-annotations/qmd-rendered-annotated.png b/assets/quarto-images/qmd-annotations/qmd-rendered-annotated.png
diff --git a/assets/quarto-images/rstudio-help-markdown-reference-view.png b/assets/quarto-images/rstudio-help-markdown-reference-view.png
diff --git a/assets/quarto-images/rstudio-help-menu-markdown-reference.png b/assets/quarto-images/rstudio-help-menu-markdown-reference.png
diff --git a/assets/quarto-images/rstudio-qmd-how-it-works.png b/assets/quarto-images/rstudio-qmd-how-it-works.png
diff --git a/assets/quarto-images/rstudio-qmd-html-document-rendered.png b/assets/quarto-images/rstudio-qmd-html-document-rendered.png
diff --git a/assets/quarto-images/rstudio-qmd-multi-format-render.png b/assets/quarto-images/rstudio-qmd-multi-format-render.png
diff --git a/assets/quarto-images/rstudio-qmd-navigator-vs-outline-navigation.png b/assets/quarto-images/rstudio-qmd-navigator-vs-outline-navigation.png
diff --git a/assets/quarto-images/rstudio-qmd-new-document-prompt.png b/assets/quarto-images/rstudio-qmd-new-document-prompt.png
diff --git a/assets/quarto-images/rstudio-qmd-plus-document-menu.png b/assets/quarto-images/rstudio-qmd-plus-document-menu.png
diff --git a/assets/quarto-images/rstudio-qmd-render-bar-source-mode-annotated.png b/assets/quarto-images/rstudio-qmd-render-bar-source-mode-annotated.png
diff --git a/assets/quarto-images/rstudio-qmd-render-bar-source-mode.png b/assets/quarto-images/rstudio-qmd-render-bar-source-mode.png
diff --git a/assets/quarto-images/rstudio-qmd-source-mode.png b/assets/quarto-images/rstudio-qmd-source-mode.png
diff --git a/assets/quarto-images/rstudio-qmd-source-to-rendered.png b/assets/quarto-images/rstudio-qmd-source-to-rendered.png
diff --git a/assets/quarto-images/rstudio-qmd-visual-mode.png b/assets/quarto-images/rstudio-qmd-visual-mode.png
diff --git a/assets/quarto-images/rstudio-render-button.png b/assets/quarto-images/rstudio-render-button.png
diff --git a/assets/quarto-images/stanford-cardinal-logo.svg b/assets/quarto-images/stanford-cardinal-logo.svg
diff --git a/assets/quarto-images/xkcd-242-the-difference.png b/assets/quarto-images/xkcd-242-the-difference.png