adds quarto/slides-template00 and 01 #28

.github/workflows/publish.yml

@@ -24,6 +24,7 @@ jobs:
         with:
           target: gh-pages
           path: quarto/slides-template00
+          path: quarto/slides-template01
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

quarto/slides-template00/_quarto.yml

@@ -6,7 +6,7 @@ project:
 
 website:
   favicon: favicon.svg
-  site-url: http://mxochicale.github.io/tools
+  site-url: http://mxochicale.github.io/tools/slides-template00
   search: false
   twitter-card:
     creator: "@mxochicale"

quarto/slides-template01/_quarto.yml

@@ -0,0 +1,17 @@
+project:
+  type: website
+  output-dir: docs
+  render:
+    - index.qmd
+
+website:
+  favicon: favicon.svg
+  site-url: http://mxochicale.github.io/tools/slides-template01
+  search: false
+  twitter-card:
+    creator: "@mxochicale"
+    card-style: summary
+    image: images/favicon_org.png
+  open-graph:
+    image: images/favicon_org.png
+

quarto/slides-template01/index.qmd

@@ -0,0 +1,122 @@
+---
+title: "Quarto Presentations"
+subtitle: "Create beautiful interactive slide decks with Reveal.js"
+from: markdown+emoji
+format:
+  revealjs: 
+    slide-number: true
+    chalkboard: 
+      buttons: true
+    controls: false
+    controls-layout: bottom-right
+    preview-links: auto
+    logo: favicon.svg
+    theme: [default]
+          # NOTES. white, beige, blood, league, serif, moon, night, dark, sky seem to work
+          # NOTES. dark, solarized, simple, white seem not be created
+    #css:
+      #- css/default.css
+      #- css/callouts-html.css
+    footer: <https://quarto.org>
+---
+
+
+# Overview
+
+1. [Background: `{MCMC,HMC}`](#markov-chain-monte-carlo-mcmc-centeredslide)
+    - [Leapfrog Integrator](#leapfrog-integrator-hmc-centeredslide)
+    - [Issues with HMC](#sec-issues-with-hmc)
+    - [Can we do better?](#sec-can-we-do-better)
+2. [L2HMC: Generalizing MD](#sec-l2hmc)
+    - [4D $SU(3)$ Model](#sec-su3)
+    - [Results](#sec-results)
+3. [References](#sec-references)
+4. [Extras](#sec-extras)
+
+
+
+
+## Housekeeping :robot:
+
+::: {.incremental}
+- Intro :wave:
+- Workshop materials :arrow_down:
+- Break :clock9:
+- By the end of today :heavy_check_mark:
+- Today's plan :clipboard:
+:::
+
+
+## Hello :robot:
+
+This presentation will show you examples of what you can do with Quarto and [Reveal.js](https://revealjs.com), including:
+
+-   Presenting code and LaTeX equations
+-   Including computations in slide output
+-   Image, video, and iframe backgrounds
+-   Fancy transitions and animations
+-   Printing to PDF
+
+...and much more
+
+
+## Status of Large Language Models[^slides-gh]
+
+::: {#fig-llms}
+
+![](https://github.com/Hannibal046/Awesome-LLM/raw/main/resources/image8.gif)
+
+Large Language Models have (LLM)s have taken the ~~NLP community~~ **world** by storm[^llm-animation]
+
+:::
+
+[^llm-animation]: [{{< fa brands github >}} `Hannibal046/Awesome-LLM`](https://github.com/Hannibal046/Awesome-LLM)
+[^slides-gh]: [{{< fa brands github >}} `saforem2/llm-lunch-talk`](https://github.com/Hannibal046/Awesome-LLM) [(slides)](https://saforem2.github.io/llm-lunch-talk)
+
+
+
+## Media Backgrounds {background="#43464B" background-image="images/milky-way.jpeg"}
+
+You can also use the following as a slide background:
+
+-   An image: `background-image`
+
+-   A video: `background-video`
+
+-   An iframe: `background-iframe`
+
+::: footer
+Learn more: [Media Backgrounds](https://quarto.org/docs/presentations/revealjs/#image-backgrounds)
+:::
+
+
+## Absolute Position
+
+Position images or other elements at precise locations
+
+![](images/kitten-400-350.jpeg){.absolute top="170" left="30" width="400" height="400"}
+
+![](images/kitten-450-250.jpeg){.absolute .fragment top="150" right="80" width="450"}
+
+![](images/kitten-300-200.jpeg){.absolute .fragment bottom="110" right="130" width="300"}
+
+::: footer
+Learn more: [Absolute Position](https://quarto.org/docs/presentations/revealjs/advanced.html#absolute-position)
+:::
+
+
+## And More...
+
+-   [Touch](https://quarto.org/docs/presentations/revealjs/advanced.html#touch-navigation) optimized (presentations look great on mobile, swipe to navigate slides)
+-   [Footer & Logo](https://quarto.org/docs/presentations/revealjs/#footer-logo) (optionally specify custom footer per-slide)
+-   [Auto-Slide](https://quarto.org/docs/presentations/revealjs/presenting.html#auto-slide) (step through slides automatically, without any user input)
+-   [Multiplex](https://quarto.org/docs/presentations/revealjs/presenting.html#multiplex) (allows your audience to follow the slides of the presentation you are controlling on their own phone, tablet or laptop).
+
+::: footer
+Learn more: [Quarto Presentations](https://quarto.org/docs/presentations/revealjs/)
+:::
+
+
+
+
+