Add two new how-tos

Author: MikeJohnPage

_quarto.yml

@@ -39,7 +39,7 @@ website:
       - text: "Tutorials"
         href: tutorials/00-getting-started.qmd
       - text: "How-To"
-        href: howto/index.qmd
+        href: howto/01-export-code.qmd
       - text: "Fundamentals"
         href: fundamentals/index.qmd
       - text: "Reference"
@@ -56,7 +56,8 @@ website:
         - tutorials/03-youtube-series.qmd
     - title: "How-To"
       contents:
-        - howto/index.qmd
+        - howto/01-export-code.qmd
+        - howto/02-save-and-restore.qmd
     - title: "Fundamentals"
       contents:
         - fundamentals/index.qmd

docs/fundamentals/index.html

@@ -96,7 +96,7 @@
 <span class="menu-text">Tutorials</span></a>
   </li>  
   <li class="nav-item">
-    <a class="nav-link" href="../howto/index.html"> 
+    <a class="nav-link" href="../howto/01-export-code.html"> 
 <span class="menu-text">How-To</span></a>
   </li>  
   <li class="nav-item">

docs/howto/index.html docs/howto/01-export-code.htmldocs/howto/index.html renamed to docs/howto/01-export-code.html

@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 
-<title>index – blockr</title>
+<title>export-code – blockr</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -30,6 +30,7 @@
 <script src="../site_libs/quarto-search/fuse.min.js"></script>
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
+<link href="../howto/02-save-and-restore.html" rel="next">
 <script src="../site_libs/quarto-html/quarto.js" type="module"></script>
 <script src="../site_libs/quarto-html/tabsets/tabsets.js" type="module"></script>
 <script src="../site_libs/quarto-html/axe/axe-check.js" type="module"></script>
@@ -96,7 +97,7 @@
 <span class="menu-text">Tutorials</span></a>
   </li>  
   <li class="nav-item">
-    <a class="nav-link active" href="../howto/index.html" aria-current="page"> 
+    <a class="nav-link active" href="../howto/01-export-code.html" aria-current="page"> 
 <span class="menu-text">How-To</span></a>
   </li>  
   <li class="nav-item">
@@ -133,7 +134,7 @@
       <button type="button" class="quarto-btn-toggle btn" data-bs-toggle="collapse" role="button" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
         <i class="bi bi-layout-text-sidebar-reverse"></i>
       </button>
-        <nav class="quarto-page-breadcrumbs" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="../howto/index.html">index.html</a></li></ol></nav>
+        <nav class="quarto-page-breadcrumbs" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="../howto/01-export-code.html">Export code</a></li></ol></nav>
         <a class="flex-grow-1" role="navigation" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">      
         </a>
     </div>
@@ -147,26 +148,60 @@
     <ul class="list-unstyled mt-1">
         <li class="sidebar-item">
   <div class="sidebar-item-container"> 
-  <a href="../howto/index.html" class="sidebar-item-text sidebar-link active">
- <span class="menu-text">index.html</span></a>
+  <a href="../howto/01-export-code.html" class="sidebar-item-text sidebar-link active">
+ <span class="menu-text">Export code</span></a>
+  </div>
+</li>
+        <li class="sidebar-item">
+  <div class="sidebar-item-container"> 
+  <a href="../howto/02-save-and-restore.html" class="sidebar-item-text sidebar-link">
+ <span class="menu-text">Save and restore workflows</span></a>
   </div>
 </li>
     </ul>
     </div>
 </nav>
 <div id="quarto-sidebar-glass" class="quarto-sidebar-collapse-item" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item"></div>
 <!-- margin-sidebar -->
-    <div id="quarto-margin-sidebar" class="sidebar margin-sidebar zindex-bottom">
-        
+    <div id="quarto-margin-sidebar" class="sidebar margin-sidebar">
+        <nav id="TOC" role="doc-toc" class="toc-active">
+    <h2 id="toc-title">On this page</h2>
+   
+  <ul>
+  <li><a href="#export-code" id="toc-export-code" class="nav-link active" data-scroll-target="#export-code">Export code</a>
+  <ul class="collapse">
+  <li><a href="#steps" id="toc-steps" class="nav-link" data-scroll-target="#steps">Steps</a></li>
+  </ul></li>
+  </ul>
+</nav>
     </div>
 <!-- main -->
 <main class="content" id="quarto-document-content"><header id="title-block-header" class="quarto-title-block"></header>
 
 
 
 
+<section id="export-code" class="level1">
+<h1>Export code</h1>
+<p>Learn how to export code from blockr.</p>
+<section id="steps" class="level2">
+<h2 class="anchored" data-anchor-id="steps">Steps</h2>
+<ol type="1">
+<li>Press the settings button:</li>
+</ol>
+<p><img src="01-img-01.png" class="img-fluid"></p>
+<ol start="2" type="1">
+<li>Press the “&lt;/&gt; Show Code” button:</li>
+</ol>
+<p><img src="01-img-02.png" class="img-fluid"></p>
+<ol start="3" type="1">
+<li>That’s it! Idiomatic R code will appear in a pop-up modal. Copy and paste it where you like.</li>
+</ol>
+<p><img src="01-img-03.png" class="img-fluid"></p>
 
 
+</section>
+</section>
 
 </main> <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
@@ -569,6 +604,15 @@
     }
   });
   </script>
+<nav class="page-navigation">
+  <div class="nav-page nav-page-previous">
+  </div>
+  <div class="nav-page nav-page-next">
+      <a href="../howto/02-save-and-restore.html" class="pagination-link" aria-label="Save and restore workflows">
+        <span class="nav-page-text">Save and restore workflows</span> <i class="bi bi-arrow-right-short"></i>
+      </a>
+  </div>
+</nav>
 </div> <!-- /content -->
 <footer class="footer">
   <div class="nav-footer">