🚀 Deploy da81caa to GitHub Pages

alerts.html

@@ -319,7 +319,7 @@ <h1 class="title" id="ariaid-title1">Alerts</h1>
         attribute. With the exception <code class="keyword markupname xmlatt">@type="othertype"</code>, an icon is added if <code class="keyword markupname xmlatt">@type</code> is present.</p>
     </section>
     <div class="div bd-example">
-      <div role="alert" class="note alert alert-info"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> This is just a note.</div>
+      <div role="alert" class="note alert alert-primary"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> This is just a note.</div>
       <div role="alert" class="note alert alert-info"><span class="note__title"><i class="pe-2 bi bi-info-circle-fill"></i>Notice:</span> Notice this piece of information.</div>
       <div role="alert" class="note alert alert-success"><span class="note__title"><i class="pe-2 bi bi-shield-check"></i>Fastpath:</span> This note will speed you on your way.</div>
       <div role="alert" class="note alert alert-success"><span class="note__title"><i class="pe-2 bi bi-clipboard-check"></i>Remember:</span> Don't forget to do what this note says.</div>
@@ -356,7 +356,7 @@ <h1 class="title" id="ariaid-title1">Alerts</h1>
     <p class="p">Use an additional <code class="keyword markupname xmlatt">@otherprops</code> to alter the default icon, use CSS font-size and color to change the icon appearance.</p>
     <div class="div bd-example">
       <div role="alert" class="note alert alert-dark"><span class="note__title"><i class="pe-2 bi-search"></i>Search:</span> This note has a search icon.</div>
-      <div role="alert" class="note alert alert-info"><span class="note__title"><i class="pe-2 bi bi-emoji-smile" style="font-size: 2rem; color: cornflowerblue;"></i>Note:</span> This note uses a styled smile emoji.</div>
+      <div role="alert" class="note alert alert-primary"><span class="note__title"><i class="pe-2 bi bi-emoji-smile" style="font-size: 2rem; color: cornflowerblue;"></i>Note:</span> This note uses a styled smile emoji.</div>
     </div>
     <pre class="pre codeblock alert alert-secondary language-markup"><code><span class="ph token tag"><span class="ph token tag"><span class="ph token punctuation">&lt;</span>note</span> <span class="ph token attr-name">otherprops</span><span class="ph token attr-value"><span class="ph token punctuation attr-equals">=</span><span class="ph token punctuation">"</span>icon(bi-search)<span class="ph token punctuation">"</span></span> <span class="ph token attr-name">type</span><span class="ph token attr-value"><span class="ph token punctuation attr-equals">=</span><span class="ph token punctuation">"</span>other<span class="ph token punctuation">"</span></span> <span class="ph token attr-name">othertype</span><span class="ph token attr-value"><span class="ph token punctuation attr-equals">=</span><span class="ph token punctuation">"</span>Search<span class="ph token punctuation">"</span></span><span class="ph token punctuation">&gt;</span></span>This note has a search icon.<span class="ph token tag"><span class="ph token tag"><span class="ph token punctuation">&lt;/</span>note</span><span class="ph token punctuation">&gt;</span></span>
 <span class="ph token tag"><span class="ph token tag"><span class="ph token punctuation">&lt;</span>note</span> <span class="ph token attr-name">otherprops</span><span class="ph token attr-value"><span class="ph token punctuation attr-equals">=</span><span class="ph token punctuation">"</span>icon(bi-emoji-smile), style(font-size: 2rem; color: cornflowerblue;)<span class="ph token punctuation">"</span></span> <span class="ph token attr-name">type</span><span class="ph token attr-value"><span class="ph token punctuation attr-equals">=</span><span class="ph token punctuation">"</span>note<span class="ph token punctuation">"</span></span> <span class="ph token attr-name">othertype</span><span class="ph token attr-value"><span class="ph token punctuation attr-equals">=</span><span class="ph token punctuation">"</span>Another note<span class="ph token punctuation">"</span></span><span class="ph token punctuation">&gt;</span></span>This note uses a styled smile emoji.<span class="ph token tag"><span class="ph token tag"><span class="ph token punctuation">&lt;/</span>note</span><span class="ph token punctuation">&gt;</span></span></code></pre>

containers.html

@@ -416,7 +416,7 @@ <h1 class="title" id="ariaid-title1">Containers</h1>
             </td>
           </tr>
         </tbody></table></div>
-    <div role="alert" class="note alert alert-info"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> The DITA Bootstrap plug-in uses the responsive <span class="keyword option">container-xxl</span> by default to fill
+    <div role="alert" class="note alert alert-primary"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> The DITA Bootstrap plug-in uses the responsive <span class="keyword option">container-xxl</span> by default to fill
       the viewport width with page content up to the extra extra large breakpoint. At 1400px or wider, content width is
       constrained to 1320px to ensure lines remain readable.</div>
     <p class="p">To use different size, pass the desired value to the <span class="keyword cmdname">dita</span> command via the

index.html

@@ -489,7 +489,7 @@ <h1 class="title" id="ariaid-title1">DITA Bootstrap</h1>
             </div>
           </div><div class="row py-3"></div></div></div>
       </div><a class="carousel-control-prev" role="button" data-bs-slide="prev" data-bs-target="#carousel_index__ol__1"><span class="btn btn-primary btn-sm p-0"><span aria-hidden="true" class="carousel-control-prev-icon align-middle"></span></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" role="button" data-bs-slide="next" data-bs-target="#carousel_index__ol__1"><span class="btn btn-primary btn-sm p-0"><span aria-hidden="true" class="carousel-control-next-icon align-middle"></span></span><span class="visually-hidden">Next</span></a></div>
-      <div role="alert" class="note alert alert-info"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> You can switch between the available themes via the CSS dropdown in the menu bar at
+      <div role="alert" class="note alert alert-primary"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> You can switch between the available themes via the CSS dropdown in the menu bar at
         <a class="xref" href="https://infotexture.github.io/dita-bootstrap/" target="_blank" rel="external noopener">infotexture.github.io/dita-bootstrap</a>.
       </div>
     </section>
@@ -573,8 +573,8 @@ <h1 class="title" id="ariaid-title1">DITA Bootstrap</h1>
      <span class="keyword parmname">--format</span><span class="ph token operator">=</span><span class="keyword option">html5-bootstrap</span> <span class="ph token punctuation">\</span>
      <span class="keyword parmname">--nav-toc</span><span class="ph token operator">=</span><span class="keyword option"><span class="ph token operator">&lt;</span>sidebar-style<span class="ph token operator">&gt;</span></span></code></pre>
 
-       <div role="alert" class="note alert alert-primary"><span class="note__title">Note:</span> For an example of <span class="keyword option">collapsible</span> styling, see the output at
-        <a class="xref alert-link" href="https://infotexture.github.io/dita-bootstrap/" target="_blank" rel="external noopener">infotexture.github.io/dita-bootstrap</a>. </div>
+       <div role="alert" class="note alert alert-primary"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> For an example of <span class="keyword option">collapsible</span> styling, see the output at
+        <a class="xref" href="https://infotexture.github.io/dita-bootstrap/" target="_blank" rel="external noopener">infotexture.github.io/dita-bootstrap</a>. </div>
     </section>
     <section class="section"><h2 class="title h4">Common Bootstrap utility classes</h2>
 
@@ -806,14 +806,13 @@ <h1 class="title" id="ariaid-title1">DITA Bootstrap</h1>
       </ul>
     </section>
     <section class="section">
-      <div role="alert" class="note alert alert-info"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> Within the sample documentation, the texts describing the usage of each component have been copied directly
-        from the
+      <div role="alert" class="note alert alert-primary"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> Within the sample documentation, the texts describing the usage of each component have been
+        copied directly from the
         <a class="xref" href="https://getbootstrap.com/docs/5.3" target="_blank" rel="external noopener">official Bootstrap 5.3
           documentation</a>, however DITA markup is used throughout the examples describing how to implement these
         components correctly using the DITA <code class="keyword markupname xmlatt">@outputclass</code> attribute. This text is therefore a derivative
         of <cite class="cite">Bootstrap 5 docs</cite> by Twitter, Inc. and the Bootstrap Authors, and used under
-        <a class="xref" href="https://creativecommons.org/licenses/by/3.0/" target="_blank" rel="external noopener">CC BY
-        3.0.</a>
+        <a class="xref" href="https://creativecommons.org/licenses/by/3.0/" target="_blank" rel="external noopener">CC BY 3.0.</a>
       </div>
     </section>
   </div>

offline.html

@@ -254,7 +254,7 @@ <h1 class="title" id="ariaid-title1">Offline Mode</h1>
         <strong class="ph b">locally</strong> into the generated HTML output.</p>
     <p class="p">This could be used to allow writers to view an incomplete draft of the DITA content whilst maintaining Bootstrap
       interactivity and look-and-feel.</p>
-    <div role="alert" class="note alert alert-info"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> This offline approach deliberately avoids the use of online CDNs and minimises the opportunity for browsers to
+    <div role="alert" class="note alert alert-primary"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> This offline approach deliberately avoids the use of online CDNs and minimises the opportunity for browsers to
       cache files, and therefore is not recommended for production of documents placed online.</div>
 
     <section class="section"><h2 class="title h4">Procedure</h2>
@@ -284,7 +284,7 @@ <h1 class="title" id="ariaid-title1">Offline Mode</h1>
 <span class="ph token tag"><span class="ph token tag"><span class="ph token punctuation">&lt;/</span>plugin</span><span class="ph token punctuation">&gt;</span></span></code></pre>
           <figcaption class="fig figure-caption"><span class="fig--title-label">Figure 1. </span>Sample <span class="ph filepath">plugin.xml</span> file</figcaption></figure>
 
-          <div role="alert" class="note alert alert-info"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> This plug-in will extend the default HTML5 Bootstrap transformation, so the
+          <div role="alert" class="note alert alert-primary"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> This plug-in will extend the default HTML5 Bootstrap transformation, so the
               <code class="keyword markupname xmlelement">&lt;require&gt;</code> element explicitly defines
               <span class="ph filepath">net.infotexture.dita-bootstrap</span> as a dependency.</div>
         </li>

sass.html

@@ -259,7 +259,7 @@ <h1 class="title" id="ariaid-title1">Bootstrap Sass</h1>
       <pre class="pre codeblock alert alert-secondary language-bash"><code><span class="keyword cmdname">dita</span> <span class="keyword parmname"><span class="ph token function">install</span></span> fox.jason.extend.css
 <span class="keyword cmdname">dita</span> <span class="keyword parmname"><span class="ph token function">install</span></span> net.infotexture.dita-bootstrap
 <span class="keyword cmdname">dita</span> <span class="keyword parmname"><span class="ph token function">install</span></span> net.infotexture.dita-bootstrap.sass</code></pre>
-      <div role="alert" class="note alert alert-info"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> The <cite class="cite">DITA Bootstrap Sass</cite> plug-in uses the
+      <div role="alert" class="note alert alert-primary"><span class="note__title"><i class="pe-2 bi bi-pencil"></i>Note:</span> The <cite class="cite">DITA Bootstrap Sass</cite> plug-in uses the
         <a class="xref" href="https://nodejs.org/" target="_blank" rel="external noopener">Node.js</a> JavaScript runtime to generate
         the <span class="ph filepath">theme.css</span> file. Node.js must therefore be present for the index to be generated
         successfully. To download and install a copy, follow the instructions for your operating system on the