Combined nearly identical duo pages

docs/duo_guide.md

@@ -13,6 +13,18 @@ published: true
    height: 30%
 }
 
+.info-box {
+   background-color: #171a1f;
+   border: 1px solid #ddd;
+   border-radius: 8px;
+   padding: 15px;
+   margin: 20px 0;
+   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+.info-box strong {
+   color: #0056b3;
+}
+
 .white { background-color: rgba(255, 255, 255); }
 .cyan { background-color: rgba(0, 255, 255); }
 .purple { background-color: rgba(128, 0, 128); }
@@ -89,15 +101,19 @@ published: true
 }
 </style>
 
-<img align="right" width="" height="220" class="device-icon" src="assets/images/duo-logo-square-512.png">
+<img align="right" width="" height="220" class="device-icon" src="assets/images/duo-logo-button-square-512.png">
 
 # Duo Guide
 
 Welcome to the Duo LED Guide, this page aims to get you up and running as fast as possible.
 
+---
+
 ## Basic Operation
 
-The Duo has one <span style="color: #00c6ff">navigation button</span>, this button also acts as the power switch. 
+<div class="info-box">
+  The Duo has one <span style="color: #00c6ff">navigation button</span>, this button also acts as the <strong style="color: #00ff00;">power switch</strong>.
+</div>
 
 **Powering On**
 
@@ -111,15 +127,20 @@ The Duo has one <span style="color: #00c6ff">navigation button</span>, this butt
 
 - The Duo has some unique <a href="duo_special_functions_guide.html">Special Functions</div></a>. Check out the basic menus before diving into these options.
 
-## Navigating Modes
+**Navigating Modes**
+
+- Short click the <span style="color: #00c6ff">navigation button</span> to forward through the 9 available modes.
 
-Short click the <span style="color: #00c6ff">navigation button</span> to forward through the 9 available modes.
+**Open Menus**
+- To open the menus, navigate to a mode then hold the navigation button until the lights flash white.
 
-To edit a mode, navigate to it then hold the navigation button until the lights flash white to open the menus.
+**Navigating Menus**
+- After opening the menus, use short clicks to cycle through the following menu options, long click to enter a menu.
+---
 
 ## Menus
 
-Use short clicks to cycle through the following menu options, long click to enter a menu.
+Each menu can be used to control your device in different ways. 
 
 {% raw %}
 <div class="menu-wrapper">
@@ -149,6 +170,20 @@ Use short clicks to cycle through the following menu options, long click to ente
 </div>
 {% endraw %}
 
+---
+
+## Next Steps
+<div class="next-steps">
+  <ul>
+    <li><a href="basic_usage.html">Explore Vortex Engine Usage</a>: Learn key terms, concepts, and how to use on-device menus.</li>
+    <li><a href="upgrade_guides.html">Upgrade Your Device</a>: Ensure your device has the latest firmware for optimal performance.</li>
+    <li><a href="guides.html">Quick Guides</a>: Jump right in with step-by-step instructions for using your Duo.</li>
+  </ul>
+</div>
+
+---
+
+If you have any questions or need further assistance, check out the [Support Page](support.html).
 
 
 

docs/getting_started_classic_devices.md

@@ -4,6 +4,7 @@ title: Classic Devices
 nav_order: 2
 parent: Getting Started
 has_children: true
+published: false
 ---
 <style>
 .classic-icon {

docs/getting_started_duo.md

@@ -4,6 +4,7 @@ title: Duo
 nav_order: 1
 parent: Getting Started
 has_children: true
+published: false
 ---
 <style>
 .device-icon {
@@ -63,7 +64,7 @@ Welcome to the Duo! This guide will help you get started and make the most of yo
 ## Next Steps
 <div class="next-steps">
   <ul>
-    <li><a href="basic_usage.html">Explore Basic Duo Usage</a>: Learn key terms, concepts, and how to use on-device menus.</li>
+    <li><a href="duo_guide.html">Explore Basic Duo Usage</a>: Learn key terms, concepts, and how to use on-device menus.</li>
     <li><a href="basic_usage.html">Explore Vortex Engine</a>: Learn key terms, concepts, and how to use on-device menus.</li>
     <li><a href="upgrade_guides.html">Upgrade Your Device</a>: Ensure your device has the latest firmware for optimal performance.</li>
     <li><a href="guides.html">Quick Guides</a>: Jump right in with step-by-step instructions for using your Duo.</li>

docs/getting_started_latest_devices.md

@@ -4,6 +4,7 @@ title: Latest Devices
 nav_order: 0
 parent: Getting Started
 has_children: true
+published: false
 ---
 <style>
 .device-icon {

docs/vortex_devices.md

@@ -48,7 +48,7 @@ The Votex Engine is a open-source project designed to drive LEDs with microcontr
       <li><a href="Chromadeck_guide.html">Chromadeck Guide</a></li>
     </ul>
   </div>
-  <img style="width: 20%; height: auto;" src="assets/images/chromadeck-render.png" alt="Chromadeck Image">
+  <img style="width: 20%; height: auto;" src="assets/images/Chromadeck-Render.png" alt="Chromadeck Image">
 </div>
 
 <hr>