diff --git a/quarto/templates/slides/index01.qmd b/quarto/templates/slides/index01.qmd index 5a61f7a..60299e8 100644 --- a/quarto/templates/slides/index01.qmd +++ b/quarto/templates/slides/index01.qmd @@ -11,8 +11,8 @@ format: controls-layout: bottom-right preview-links: auto logo: favicon.svg - theme: blood - #simple, serif, moon, white, beige, dark, night, solarizedWORK WHEN RENDER SINGLE `qmd` files + theme: [default] + #[default] simple, serif, moon, white, beige, dark, night, solarized, blood WORK WHEN RENDER SINGLE `qmd` files #sky #DOES NOT WORK FOR ME #css: #- css/default.css @@ -20,6 +20,21 @@ format: footer: --- +# {.title-slide .centeredslide background-iframe="https://saforem2.github.io/grid-worms-animation/" loading="lazy"} + +::: {style="background-color: rgba(22,22,22,0.75); border-radius: 10px; text-align:center; padding: 0px; padding-left: 1.5em; padding-right: 1.5em; max-width: min-content; min-width: max-content; margin-left: auto; margin-right: auto; padding-top: 0.2em; padding-bottom: 0.2em; line-height: 1.5em!important;"} +Main title +secondary title +[
 ]{style="padding-bottom: 0.5rem;"} +[{{< fa solid home >}}](http://mxochicale.github.io/) Miguel Xochicale +[contributor A and contributor B]{.dim-text style="font-size:0.8em;"} +[[[{{< fa brands github >}} `mxochicale/`](https://github.com/mxochicale/)]{style="border-bottom: 0.5px solid #00ccff;"}`{`[[`tools`](https://github.com/mxochicale/tools)]{style="border-bottom: 0.5px solid #00ccff;"}, [[`code`](https://github.com/mxochicale/code)]{style="border-bottom: 0.5px solid #00ccff;"}`}`]{style="font-size:0.8em;"} +::: + +::: footer +[2024-04-20 @ [Link for grid-worms-animation 2023](https://github.com/saforem2/grid-worms-animation/)]{.dim-text style="text-align:left;'} +::: + # Overview @@ -47,6 +62,21 @@ format: ::: +## Tabsets + +::: {.panel-tabset} + +### Tab A + +Content for `Tab A` + +### Tab B + +Content for `Tab B` + +::: + + ## Hello :robot: This presentation will show you examples of what you can do with Quarto and [Reveal.js](https://revealjs.com), including: