tweak slide

index.html

@@ -828,10 +828,19 @@ <h2>Interactive debugger</h2>
 <img data-src="img/interactive-debugger.PNG" class="r-stretch"></section>
 <section id="interactive-debugger-tips" class="slide level2">
 <h2>Interactive debugger tips</h2>
-<p>Investigate objects: <code>ls()</code>, <code>str()</code>, <code>ls.str()</code>, <code>print()</code></p>
-<div class="fragment">
-<p><brshort></brshort></p>
-<p>Control execution:</p>
+<p><br></p>
+<div class="columns">
+<div class="column" style="width:35%;">
+<p>Investigate objects</p>
+<p><br></p>
+<p><br></p>
+<p>Control execution</p>
+</div><div class="column" style="width:5%;">
+
+</div><div class="column" style="width:55%;">
+<p><code>ls()</code>, <code>ls.str()</code>,<br> <code>str()</code>, <code>print()</code></p>
+<p><br></p>
+<div class="small">
 <table>
 <thead>
 <tr class="header">
@@ -846,7 +855,7 @@ <h2>Interactive debugger tips</h2>
 </tr>
 <tr class="even">
 <td><code>c</code></td>
-<td>continue</td>
+<td>continue (leave interactive debugging)</td>
 </tr>
 <tr class="odd">
 <td><code>s</code></td>
@@ -866,7 +875,8 @@ <h2>Interactive debugger tips</h2>
 </tr>
 </tbody>
 </table>
-<p>:::</p>
+</div>
+</div>
 </div>
 </section>
 <section id="debugging-your-code-1" class="slide level2">
@@ -892,7 +902,7 @@ <h2>Your turn, exercise 01</h2>
 </div>
 <div class="cell">
 <div class="cell-output-display">
-<div class="countdown" id="timer_62d34bbc" style="right:0;bottom:0;font-size:2em;" data-audio="true" data-warnwhen="0">
+<div class="countdown" id="timer_62d83d7f" style="right:0;bottom:0;font-size:2em;" data-audio="true" data-warnwhen="0">
 <code class="countdown-time"><span class="countdown-digits minutes">15</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>
 </div>
@@ -1027,7 +1037,7 @@ <h2>Your turn, exercise 02</h2>
 </div>
 <div class="cell">
 <div class="cell-output-display">
-<div class="countdown" id="timer_62d34d2b" style="right:0;bottom:0;" data-warnwhen="0">
+<div class="countdown" id="timer_62d83da6" style="right:0;bottom:0;" data-warnwhen="0">
 <code class="countdown-time"><span class="countdown-digits minutes">07</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>
 </div>
@@ -1204,7 +1214,7 @@ <h2>Your turn, exercise 03</h2>
 </div>
 <div class="cell">
 <div class="cell-output-display">
-<div class="countdown" id="timer_62d34aab" style="right:0;bottom:0;" data-warnwhen="0">
+<div class="countdown" id="timer_62d83ae2" style="right:0;bottom:0;" data-warnwhen="0">
 <code class="countdown-time"><span class="countdown-digits minutes">10</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>
 </div>
@@ -1351,7 +1361,7 @@ <h2>Your turn, investigating a CRAN package</h2>
 </div>
 <div class="cell">
 <div class="cell-output-display">
-<div class="countdown" id="timer_62d34a0c" style="right:0;bottom:0;" data-warnwhen="0">
+<div class="countdown" id="timer_62d83c98" style="right:0;bottom:0;" data-warnwhen="0">
 <code class="countdown-time"><span class="countdown-digits minutes">03</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>
 </div>
@@ -1395,7 +1405,7 @@ <h2>Your turn, investigating source code</h2>
 <p><em>Hints on next slides.</em></p>
 <div class="cell">
 <div class="cell-output-display">
-<div class="countdown" id="timer_62d34a31" style="right:0;bottom:0;" data-warnwhen="0">
+<div class="countdown" id="timer_62d83b9a" style="right:0;bottom:0;" data-warnwhen="0">
 <code class="countdown-time"><span class="countdown-digits minutes">05</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>
 </div>

index.qmd

@@ -470,25 +470,50 @@ g <- function(x) f(x)
 
 ## Interactive debugger tips
 
-Investigate objects: `ls()`, `str()`, `ls.str()`, `print()`
+<br>
 
-. . .
+::: columns
+::: {.column width="35%"}
 
-<brshort>
+Investigate objects 
+
+<br>
 
-Control execution:
+<br>
+
+Control execution
+:::
+
+::: {.column width="5%"}
+:::
+
+::: {.column width="55%"}
+`ls()`, `ls.str()`,<br> `str()`, `print()`
+
+<br>
+
+::: {.small}
 
 | command | operation               |
 |---------|-------------------------|
 | `n`     | next statement          |
-| `c`     | continue                |
+| `c`     | continue (leave interactive debugging) |
 | `s`     | step into function call |
 | `f`     | finish loop / function  |
 | `where` | show previous calls     |
 | `Q`     | quit debugger           |
+:::
+
+:::
 
 :::
 
+
+
+
+
+
+
 ## Debugging your code
 
 ![](img/debugging_yours.svg)