Updated Spark Orbit guide page

StoneOrbits · Jan 17, 2025 · 166ab36 · 166ab36
1 parent b7e72f2
commit 166ab36
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 39 deletions.
diff --git a/docs/Spark_Orbit_guide.md b/docs/Spark_Orbit_guide.md
@@ -12,6 +12,18 @@ parent: Vortex Devices
    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); }
@@ -94,16 +106,19 @@ parent: Vortex Devices
 
 Welcome to the Spark Orbit Guide, this page aims to get you up and running as fast as possible.
 
-## Buttons
 
-The Spark Orbit has one <span style="color: #00c6ff">navigation button</span> and a small <span style="color: #00ff00">power switch</span>.
+## Baiscs
+  The Spark Orbit has one <span style="color: #00c6ff">navigation button</span>, and a small <strong style="color: #00ff00;">power switch</strong>.
 
+**Switch**
 
-## Navigating Modes
+- Slide the switch to power the Saprk on or off.
 
-Short click the <span style="color: #00c6ff">navigation button</span> to cycle forward through the 14 available modes.
+**Button**
 
-To edit a mode, navigate to it then hold the navigation button until the lights flash white to open the menus.
+- Short click the <span style="color: #00c6ff">navigation button</span> to cycle forward through the 14 available modes.
+
+- Navigate to a mode then hold the <span style="color: #00c6ff">navigation button</span> until the lights flash white to open the menus.
 
 ## Menus
 
@@ -136,3 +151,17 @@ Once the menus are open, use short clicks to cycle through the following menu op
 </a>
 </div>
 {% endraw %}
+
+---
+
+## Next Steps
+<div class="next-steps">
+  <ul>
+    <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>
+  </ul>
+</div>
+
+---
+
+If you have any questions or need further assistance, check out the [Support Page](support.html).
diff --git a/docs/duo_guide.md b/docs/duo_guide.md
@@ -116,41 +116,29 @@ published: true
 
 Welcome to the Duo LED Guide, this page aims to get you up and running as fast as possible.
 
----
 
-## Basic Operation
+## Basics
 
-<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**
-
-- Click the button to power on the Duo.
+**Power**
 
-**Powering Off**
-
-- Hold the navigation button and release when the lights go out to power off the Duo.
+- _While off:_ Click the button to power on the Duo.
+- _When On_: Hold the navigation button and release when the lights go out to power off the Duo.
 
 **Special Functions**
 
 - 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**
-
-- Short click the <span style="color: #00c6ff">navigation button</span> to forward through the 9 available modes.
+**Using The Button**
 
-**Open Menus**
+- Short click the <span style="color: #00c6ff">navigation button</span> to cycle forward through the 9 available modes.
 - To open the menus, navigate to a mode then hold the navigation button until the lights flash white.
-
-**Navigating Menus**
 - After opening the menus, use short clicks to cycle through the following menu options, long click to enter a menu.
----
 
 ## Menus
 
-Each menu can be used to control your device in different ways. 
-
 {% raw %}
 <div class="menu-wrapper">
 <a href="randomizer_menu.html">
@@ -184,9 +172,8 @@ Each menu can be used to control your device in different ways.
 ## 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="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>
   </ul>
 </div>
 

diff --git a/docs/vortex_devices.md b/docs/vortex_devices.md
@@ -16,11 +16,10 @@ The Votex Engine is a open-source project designed to drive LEDs with microcontr
     <h1 style="margin: 0;">Spark Orbit</h1>
     <p>The Spark Orbit is a versatile 6-LED, rechargeable orbit. It is designed to pair seamlessly with Spark Handles and is compatible with all other Vortex devices.</p>
     <ul>
-      <li><a href="getting_started.html">Getting Started Spark Orbit</a></li>
       <li><a href="Spark_Orbit_guide.html">Spark Orbit Guide</a></li>
     </ul>
   </div>
-  <img style="width: 20%; height: auto;" src="assets/images/spark-orbit-render.png" alt="Spark Orbit Image">
+  <img style="width: 15%; height: auto;" src="assets/images/spark-orbit-render.png" alt="Spark Orbit Image">
 </div>
 
 <hr>
@@ -30,11 +29,10 @@ The Votex Engine is a open-source project designed to drive LEDs with microcontr
     <h1 style="margin: 0;">Spark Handle</h1>
     <p>The Spark Orbit is a versatile 6-LED, rechargeable handle. It is designed to pair with the Spark Orbit and is compatible with all other Vortex devices.</p>
     <ul>
-      <li><a href="getting_started.html">Getting Started Spark Handle</a></li>
       <li><a href="Spark_Handle_guide.html">Spark Handle Guide</a></li>
     </ul>
   </div>
-  <img style="width: 20%; height: auto;" src="assets/images/spark-handle-render.png" alt="Spark Handle Image">
+  <img style="width: 15%; height: auto;" src="assets/images/spark-handle-render.png" alt="Spark Handle Image">
 </div>
 
 <hr>
@@ -44,11 +42,10 @@ The Votex Engine is a open-source project designed to drive LEDs with microcontr
     <h1 style="margin: 0;">Chromadeck</h1>
     <p>The Chromadeck is a customizable LED deck for storing dozens of modes from any Vortex Engine device. When combined with the Chromalink accessory, it adds computer compatibility and the ability to update Duos.</p>
     <ul>
-      <li><a href="getting_started.html">Getting Started Chromadeck</a></li>
       <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: 15%; height: auto;" src="assets/images/Chromadeck-Render.png" alt="Chromadeck Image">
 </div>
 
 <hr>
@@ -58,11 +55,10 @@ The Votex Engine is a open-source project designed to drive LEDs with microcontr
     <h1 style="margin: 0;">Duo</h1>
     <p>A multipurpose LED device. It's small form-factor and light weight makes it highly versitile allowing it to be used in any applications that call for rechargable LEDs, including orbiting.</p>
     <ul>
-      <li><a href="getting_started.html">Getting Started Duo</a></li>
       <li><a href="duo_guide.html">Duo Guide</a></li>
     </ul>
   </div>
-  <img style="width: 20%; height: auto;" src="assets/images/duo-logo-button-square-512.png" alt="Duo Image">
+  <img style="width: 15%; height: auto;" src="assets/images/duo-logo-button-square-512.png" alt="Duo Image">
 </div>
 
 <hr>
@@ -72,11 +68,10 @@ The Votex Engine is a open-source project designed to drive LEDs with microcontr
     <h1 style="margin: 0;">Vortex Orbit</h1>
     <p>The Vortex Orbit is a cutting-edge device for advanced lighting effects and performance.</p>
     <ul>
-      <li><a href="getting_started_classic_devices.html">Getting Started Vortex Orbit</a></li>
       <li><a href="orbit_guide.html">Vortex Orbit Guide</a></li>
     </ul>
   </div>
-  <img style="width: 20%; height: auto;" src="assets/images/device-orbit.png" alt="Vortex Orbit Image">
+  <img style="width: 15%; height: auto;" src="assets/images/device-orbit.png" alt="Vortex Orbit Image">
 </div>
 
 <hr>
@@ -86,11 +81,10 @@ The Votex Engine is a open-source project designed to drive LEDs with microcontr
     <h1 style="margin: 0;">Omega Handle</h1>
     <p>The Omega Handle is a robust device designed for precise light control.</p>
     <ul>
-      <li><a href="getting_started_classic_devices.html">Getting Started Omega Handle</a></li>
       <li><a href="handles_guide.html">Omega Handle Guide</a></li>
     </ul>
   </div>
-  <img style="width: 20%; height: auto;" src="assets/images/device-handle.png" alt="Omega Handle Image">
+  <img style="width: 15%; height: auto;" src="assets/images/device-handle.png" alt="Omega Handle Image">
 </div>
 
 <hr>
@@ -100,9 +94,8 @@ The Votex Engine is a open-source project designed to drive LEDs with microcontr
     <h1 style="margin: 0;">Vortex Glove</h1>
     <p>The Vortex Glove is an innovative device for creating interactive lighting effects.</p>
     <ul>
-      <li><a href="getting_started_classic_devices.html">Getting Started Glove</a></li>
       <li><a href="gloves_guide.html">Vortex Glove Guide</a></li>
     </ul>
   </div>
-  <img style="width: 20%; height: auto;" src="assets/images/device-gloves.png" alt="Vortex Glove Image">
+  <img style="width: 15%; height: auto;" src="assets/images/device-gloves.png" alt="Vortex Glove Image">
 </div>