[default] theme for index01 and adds title-slide with tabsets slide #…

…28

quarto/templates/slides/index01.qmd

@@ -11,15 +11,30 @@ 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
       #- css/callouts-html.css
     footer: <https://quarto.org>
 ---
 
+# {.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;"}
+<span style="color:#939393; font-size:1.5em; font-weight: bold;">Main title</span>  
+<span style="color:#777777; font-size:1.2em; font-weight: bold;">secondary title</span>  
+[<br>&nbsp;]{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: