diff --git a/howto.html b/howto.html
index fc0bc8b..62e1426 100644
--- a/howto.html
+++ b/howto.html
@@ -139,11 +139,91 @@ <h1 class="display-5 pb-3">Create Your<br>PBR Textures<br>in <span class="text-b
       <div class="col-md-6 p-lg-5 mx-auto my-5 bg-body-tertiary rounded pt-3">
         <h1 class="display-3 fw-bold">How To</h1>
         <h3 class="fw-normal text-muted mb-3">Learn ArmorLab by watching short clips.🎓</h3>
-        <!-- <a href="https://www.youtube.com/watch?v=m6eAMhwhdaE&list=PLsoJIZPOq9_r2aciBXDB0VBo3Z0lTI2En">YouTube Playlist</a> -->
+        <a href="https://www.youtube.com/watch?v=H0iOzWMIukE&list=PLsoJIZPOq9_pRqZm9Jsyw6hdcp_-Qm7qi">YouTube Playlist</a>
       </div>
 
       <div class="col-md-6 p-lg-5 mx-auto my-5 bg-body-tertiary rounded pt-3">
-        In construction. 🔨
+        <div class="accordion" id="accordionExample">
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse00" aria-expanded="true" aria-controls="collapse00">
+                Photo to PBR Node
+              </button>
+            </h2>
+            <div id="collapse00" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/qwrOfGpXUjw?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse01" aria-expanded="true" aria-controls="collapse01">
+                Upscale Node
+              </button>
+            </h2>
+            <div id="collapse01" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/0RWoZm-aWCg?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse02" aria-expanded="true" aria-controls="collapse02">
+                Inpaint Node
+              </button>
+            </h2>
+            <div id="collapse02" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/H0iOzWMIukE?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse03" aria-expanded="true" aria-controls="collapse03">
+                Tiling Node
+              </button>
+            </h2>
+            <div id="collapse03" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/eWZgjL6HVPY?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse04" aria-expanded="true" aria-controls="collapse04">
+                Text to Photo Node
+              </button>
+            </h2>
+            <div id="collapse04" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/32FdfhJlzng?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse05" aria-expanded="true" aria-controls="collapse05">
+                Variance Node
+              </button>
+            </h2>
+            <div id="collapse05" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/-JSh8G-xwHA?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+        </div>
       </div>
 
       <!------------------------------------->
diff --git a/src/howto.html b/src/howto.html
index c20094c..8ff70f6 100644
--- a/src/howto.html
+++ b/src/howto.html
@@ -4,11 +4,91 @@
       <div class="col-md-6 p-lg-5 mx-auto my-5 bg-body-tertiary rounded pt-3">
         <h1 class="display-3 fw-bold">How To</h1>
         <h3 class="fw-normal text-muted mb-3">Learn ArmorLab by watching short clips.🎓</h3>
-        <!-- <a href="https://www.youtube.com/watch?v=m6eAMhwhdaE&list=PLsoJIZPOq9_r2aciBXDB0VBo3Z0lTI2En">YouTube Playlist</a> -->
+        <a href="https://www.youtube.com/watch?v=H0iOzWMIukE&list=PLsoJIZPOq9_pRqZm9Jsyw6hdcp_-Qm7qi">YouTube Playlist</a>
       </div>
 
       <div class="col-md-6 p-lg-5 mx-auto my-5 bg-body-tertiary rounded pt-3">
-        In construction. 🔨
+        <div class="accordion" id="accordionExample">
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse00" aria-expanded="true" aria-controls="collapse00">
+                Photo to PBR Node
+              </button>
+            </h2>
+            <div id="collapse00" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/qwrOfGpXUjw?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse01" aria-expanded="true" aria-controls="collapse01">
+                Upscale Node
+              </button>
+            </h2>
+            <div id="collapse01" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/0RWoZm-aWCg?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse02" aria-expanded="true" aria-controls="collapse02">
+                Inpaint Node
+              </button>
+            </h2>
+            <div id="collapse02" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/H0iOzWMIukE?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse03" aria-expanded="true" aria-controls="collapse03">
+                Tiling Node
+              </button>
+            </h2>
+            <div id="collapse03" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/eWZgjL6HVPY?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse04" aria-expanded="true" aria-controls="collapse04">
+                Text to Photo Node
+              </button>
+            </h2>
+            <div id="collapse04" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/32FdfhJlzng?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+          <div class="accordion-item">
+            <h2 class="accordion-header">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse05" aria-expanded="true" aria-controls="collapse05">
+                Variance Node
+              </button>
+            </h2>
+            <div id="collapse05" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+              <div class="accordion-body" style="height:500px">
+                <iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/-JSh8G-xwHA?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+              </div>
+            </div>
+          </div>
+
+        </div>
       </div>
 
       <!------------------------------------->