Use some font awesome glyphs

Author: JimMadge

index.html

@@ -59,10 +59,15 @@ <h1 class="r-fit-text">Build a Jupyter Book </br>with The Turing Way</h1>
                 <section>
                     <h2>Installing Jupyter Book</h2>
                     <p><a href="https://next.jupyterbook.org/start/install/">next.jupyterbook.org/start/install</a></p>
-                    <img alt="A QR code linking to the Jupyter Book 2 installation documentation." src="static/jb2_install.svg" width="25%">
-                    <pre><code data-trim>
-                        pip install "jupyter-book>=2.0.0a0"
-                        npm install -g "jupyter-book@>=2.0.0-a0"
+                    <img class="r-stretch" alt="A QR code linking to the Jupyter Book 2 installation dcumentation." src="static/jb2_install.svg">
+                    </br>
+                    <i class="fa-brands fa-python fa-bounce" style="--fa-animation-iteration-count: 1"></i>
+                    <pre><code data-trim class="language-shell">
+                        $ pip install "jupyter-book>=2.0.0a0"
+                    </code></pre>
+                    <i class="fa-brands fa-node-js fa-bounce" style="--fa-animation-iteration-count: 1"></i>
+                    <pre><code data-trim class="language-shell">
+                        $ npm install -g "jupyter-book@>=2.0.0-a0"
                     </code></pre>
                 </section>
                 <!-- LISTENING: Introduction to Jupyter Book -->
@@ -75,13 +80,18 @@ <h2>The Turing Way</h2>
                 </section>
                 <!-- DOING: Install -->
                 <section>
-                    <h2>Activity</h2>
+                    <h2>Activity <i class="fa-solid fa-gear fa-spin" style="--fa-animation-duration: 5s;"></i></h2>
                     <h2>Installation</h2>
                     <p><a href="https://next.jupyterbook.org/start/install/">next.jupyterbook.org/start/install</a></p>
-                    <img class="r-stretch" alt="A QR code linking to the Jupyter Book 2 installation documentation." src="static/jb2_install.svg">
-                    <pre><code data-trim>
-                        pip install "jupyter-book>=2.0.0a0"
-                        npm install -g "jupyter-book@>=2.0.0-a0"
+                    <img class="r-stretch" alt="A QR code linking to the Jupyter Book 2 installation dcumentation." src="static/jb2_install.svg">
+                    </br>
+                    <i class="fa-brands fa-python fa-bounce" style="--fa-animation-iteration-count: 1"></i>
+                    <pre><code data-trim class="language-shell">
+                        $ pip install "jupyter-book>=2.0.0a0"
+                    </code></pre>
+                    <i class="fa-brands fa-node-js fa-bounce" style="--fa-animation-iteration-count: 1"></i>
+                    <pre><code data-trim class="language-shell">
+                        $ npm install -g "jupyter-book@>=2.0.0-a0"
                     </code></pre>
                 </section>
                 <!-- LISTENING: Showcase -->
@@ -96,12 +106,12 @@ <h3>Highlight 2</h3>
                 </section>
                 <!-- DOING: Initialise -->
                 <section>
-                    <h2>Activity</h2>
+                    <h2>Activity <i class="fa-solid fa-gear fa-spin" style="--fa-animation-duration: 5s;"></i></h2>
                     <h2>Initialize a Jupyter Book</h2>
                 </section>
                 <!-- DOING: Adding static content -->
                 <section>
-                    <h2>Activity</h2>
+                    <h2>Activity <i class="fa-solid fa-gear fa-spin" style="--fa-animation-duration: 5s;"></i></h2>
                     <h2>Add to your book</h2>
                 </section>
                 <!-- BREAK -->
@@ -111,12 +121,12 @@ <h2>Break</h2>
                 </section>
                 <!-- DOING: Adding interactive content -->
                 <section>
-                    <h2>Activity</h2>
+                    <h2>Activity <i class="fa-solid fa-gear fa-spin" style="--fa-animation-duration: 5s;"></i></h2>
                     <h2>Add interactivity</h2>
                 </section>
                 <!-- DOING: PDF export -->
                 <section>
-                    <h2>Activity</h2>
+                    <h2>Activity <i class="fa-solid fa-gear fa-spin" style="--fa-animation-duration: 5s;"></i></h2>
                     <h2>Build a PDF</h2>
                 </section>
                 <!-- LISTENING: Wrap up and call to action -->