.. _assembly_manual:

Assembly
========================

.. important::
   **1.0 to 2.0 Migration**: We're working on an interactive assembly manual with `tnkr.ai <https://www.tnkr.ai/>`_. 
   Before the new assembly manual is ready, please refer to 2.0 overview videos, the onshape document and existing resources below.
   Overall, we believe that 2.0 is easier to assemble and more user-friendly.


2.0 Overview Videos
-------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/3w0I8UM7lwc" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/pObzuLcKrmI" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/k1DuXdaXvdU" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/onsd8Y0W_do" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>

2.0 Interactive Assembly Manual
-----------------------------------
Access through `this link <https://docs.tnkr.ai/Stanford%20University>`_.

.. raw:: html

   <div style="display: flex; gap: 20px; justify-content: center; align-items: center; margin-top: 20px;">
       <div style="flex: 1;">
           <video width="100%" height="400" controls>
               <source src="../_static/manual.mp4" type="video/mp4">
               Your browser does not support the video tag.
           </video>
       </div>
   </div>


Before you begin, rest assured that building a humanoid from scratch is entirely feasible, even if you have little experience with robotics. 
In that case, you'll learn a lot throughout the process! In fact, two CS majors have already successfully built ToddlerBot from scratch.

To ensure a smooth and enjoyable assembly session, we provide three types of resources to help you go through the process:

#. **Assembly Manual**: A detailed step-by-step guide to help you through the assembly process.
#. **Assembly Video**: The `YouTube playlist <https://www.youtube.com/playlist?list=PLX0JY1vogaVYRRxF5sH4IedZpfX7meuz0>`_ has videos that walk you through the assembly process.
#. **Onshape**: The `online CAD document <https://cad.onshape.com/documents/565bc33af293a651f66e88d2>`_ for your reference.

The recommended assembly order follows the sequence of the sections below.

Please make sure that you **read the assembly manual carefully** before start building. 
If you're unsure about any step, refer to the assembly video or Onshape document for guidance.

Still get stuck after looking at all of these? Open a GitHub issue, and we're here to help you! 

Assembly Manual
-------------------

.. raw:: html

   <iframe src="../_static/assembly_manual.pdf" width="100%" height="600"></iframe>

Arm Assembly
-------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/4s4Mopyyyr4" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>

Leg Assembly
-------------------


.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/xGX_YkVmZvQ" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>

Camera Cables
--------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/kzG2ModXqfc" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>

Speaker Cables
--------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/lukhqvumUzQ" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>

Head Assembly
--------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/FU-npUvBt00" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


Waist Assembly
--------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/oJEtc8Vn6mM" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


Torso Assembly
--------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/hHZQepIfq6o" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


ID the Motors
--------------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/q3mCdYYJPNY" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


Wiring
--------------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/gDMCFXmWQb8" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


Power Board
--------------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/C4dC8QYalOA" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


Jetson Power Cables
---------------------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/nK02RLfJBTM" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


Power Supply Cables
---------------------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/A5iL168LYlc" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


Standing Test
---------------------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/U8UijFsCQRA" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>


(Optional) Parallel Jaw Gripper
---------------------------------

.. raw:: html

    <div style="display: flex; gap: 20px; justify-content: center; align-items: center;">
        <!-- Left Column: YouTube Video -->
        <div style="flex: 1;">
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/g-DO9xOXTno" 
                title="YouTube video player" frameborder="0" allowfullscreen>
            </iframe>
        </div>
    </div>