Updates to Pt2

Author: ajlyons

docs/pt2/html-outputs.html

@@ -28,7 +28,8 @@
       vertical-align: middle;
     }
   </style>
-  <link rel="stylesheet" href="html-outputs_files/libs/revealjs/dist/theme/quarto-8a5cdbf101a0845817b98f2425171703.css">
+  <link rel="stylesheet" href="html-outputs_files/libs/revealjs/dist/theme/quarto-2c1b5f745a11cfad616ebade4a4a7d24.css">
+  <link rel="stylesheet" href="qmdpres.css">
   <link href="html-outputs_files/libs/revealjs/plugin/quarto-line-highlight/line-highlight.css" rel="stylesheet">
   <link href="html-outputs_files/libs/revealjs/plugin/reveal-menu/menu.css" rel="stylesheet">
   <link href="html-outputs_files/libs/revealjs/plugin/reveal-menu/quarto-menu.css" rel="stylesheet">
@@ -132,23 +133,35 @@ <h1 class="title">Part 2: HTML Outputs</h1>
 </div>
 
 </section>
-<section id="anatomy-of-a-quarto-document" class="title-slide slide level1 center">
-<h1>Anatomy of a Quarto Document</h1>
-
+<section id="anatomy-of-a-quarto-document" class="slide level2">
+<h2>Anatomy of a Quarto Document</h2>
+<aside class="notes">
+<p>Open palmer-penguins.qmd in RStudio.</p>
+<p>Show them source vs.&nbsp;visual editing mode.</p>
+<p>Show them how to run code-chunks inline.</p>
+<p>Set the preview to Viewer Pane.</p>
+<p>Render the document to the Viewer Pane</p>
+<style type="text/css">
+        span.MJX_Assistive_MathML {
+          position:absolute!important;
+          clip: rect(1px, 1px, 1px, 1px);
+          padding: 1px 0 0 0!important;
+          border: 0!important;
+          height: 1px!important;
+          width: 1px!important;
+          overflow: hidden!important;
+          display:block!important;
+      }</style></aside>
 </section>
-
-<section id="favorite-yaml" class="title-slide slide level1 center">
-<h1>Favorite YAML</h1>
-
+<section id="some-of-my-favorite-quarto-yaml" class="slide level2">
+<h2>Some of My Favorite Quarto YAML</h2>
 </section>
-
-<section>
-<section id="data-analysis-notebook" class="title-slide slide level1 center">
-<h1>Data Analysis Notebook</h1>
-
+<section id="some-of-my-favorite-quarto-markdown" class="slide level2">
+<h2>Some of My Favorite Quarto Markdown</h2>
 </section>
-<section id="my-favorite-features" class="slide level2">
-<h2>My Favorite Features</h2>
+<section id="example-data-analysis-notebook" class="slide level2">
+<h2>Example: Data Analysis Notebook</h2>
+<h3 id="my-favorite-features">My Favorite Features</h3>
 <ul>
 <li>author info</li>
 <li>paged tabled</li>
@@ -158,27 +171,104 @@ <h2>My Favorite Features</h2>
 </section>
 <section id="examples" class="slide level2">
 <h2>Examples</h2>
-</section></section>
-<section id="e-books" class="title-slide slide level1 center">
-<h1>e-Books</h1>
-
 </section>
-
-<section id="report-generator" class="title-slide slide level1 center">
-<h1>Report generator</h1>
-
+<section id="e-books" class="slide level2">
+<h2>e-Books</h2>
 </section>
+<section id="report-generator" class="slide level2">
+<h2>Report generator</h2>
+</section>
+<section id="presentations" class="slide level2">
+<h2>Presentations</h2>
+<p>Quarto can generate presentations in 3 formats:</p>
+
+<img data-src="./images/new-quarto-slides576x512x256.png" class="r-stretch"><aside class="notes">
+<p>You can create slides in revealjs, beamer (requires LaTeK), or PowerPoint</p>
+<style type="text/css">
+        span.MJX_Assistive_MathML {
+          position:absolute!important;
+          clip: rect(1px, 1px, 1px, 1px);
+          padding: 1px 0 0 0!important;
+          border: 0!important;
+          height: 1px!important;
+          width: 1px!important;
+          overflow: hidden!important;
+          display:block!important;
+      }</style></aside>
+</section>
+<section id="presenting-revealjs-slides" class="slide level2">
+<h2>Presenting revealjs Slides</h2>
+<table class="caption-top">
+<colgroup>
+<col style="width: 25%">
+<col style="width: 74%">
+</colgroup>
+<tbody>
+<tr class="odd">
+<td style="text-align: center;"><code>f</code></td>
+<td style="text-align: left;">full screen mode (<code>esc</code> to escape)</td>
+</tr>
+<tr class="even">
+<td style="text-align: center;"><code>s</code></td>
+<td style="text-align: left;">open Speaker View</td>
+</tr>
+<tr class="odd">
+<td style="text-align: center;"><code>alt + click</code></td>
+<td style="text-align: left;">zoom in</td>
+</tr>
+<tr class="even">
+<td style="text-align: center;"><code>o</code></td>
+<td style="text-align: left;">overview mode</td>
+</tr>
+<tr class="odd">
+<td style="text-align: center;"><code>e</code></td>
+<td style="text-align: left;">toggle back/forth to pdf export mode (then print to PDF with your browser)</td>
+</tr>
+<tr class="even">
+<td style="text-align: center;"><code>m</code></td>
+<td style="text-align: left;">toggle menu</td>
+</tr>
+<tr class="odd">
+<td style="text-align: center;"><code>?</code></td>
+<td style="text-align: left;">see more tips</td>
+</tr>
+</tbody>
+</table>
+<aside class="notes">
+<p>If you can’t remember these keyboard shortcuts, just click the menu button and go to ‘Tools’.</p>
+<style type="text/css">
+        span.MJX_Assistive_MathML {
+          position:absolute!important;
+          clip: rect(1px, 1px, 1px, 1px);
+          padding: 1px 0 0 0!important;
+          border: 0!important;
+          height: 1px!important;
+          width: 1px!important;
+          overflow: hidden!important;
+          display:block!important;
+      }</style></aside>
+</section>
+<section id="getting-help-guides-community-documentation" class="slide level2">
+<h2>Getting Help: Guides, Community, Documentation</h2>
+<h3 id="present-like-a-pro">Present like a Pro</h3>
+<ul>
+<li>https://quarto.org/docs/presentations/revealjs/presenting.html</li>
+</ul>
+<h3 id="tips-n-tricks">Tips ’n Tricks</h3>
+<ul>
+<li><a href="https://mine-cetinkaya-rundel.github.io/quarto-tip-a-day" class="uri">https://mine-cetinkaya-rundel.github.io/quarto-tip-a-day</a></li>
+</ul>
+</section>
+<section id="publishing-your-content" class="slide level2">
+<h2>Publishing Your Content</h2>
+<p>will come at end</p>
 
-<section id="presentations" class="title-slide slide level1 center">
-<h1>Presentations</h1>
-<p>Three options:</p>
-
-
-<img data-src="./images/new-quarto-slides576x512x256.png" class="r-stretch"></section>
+</section>
     </div>
   <div class="quarto-auto-generated-content" style="display: none;">
+<p><img src="images/igis-logo_pin-only_80x100.png" class="slide-logo"></p>
 <div class="footer footer-default">
-
+<p>Quarto Showcase</p>
 </div>
 </div></div>