Skip to content

Fix docs images #1977

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
beastoin merged 1 commit into from
Mar 11, 2025
+21 −21
Merged

Fix docs images #1977

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 13 additions & 13 deletions docs/docs/assembly/Build_the_device.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,15 +16,15 @@ Follow this step-by-step guide to build your own OMI device
2. Download and print the case using the provided `.stl` file: [Case Design](https://github.com/BasedHardware/omi/tree/main/omi/hardware/triangle%20v1).
- If you don't have access to a 3D printer, use a 3D printing service or check [Makerspace](https://makerspace.com/) for printing locations.

<img src="../../static/images/latest_assembly/components.png" alt="components" width="300"/>
<img src="/images/latest_assembly/components.png" alt="components" width="300"/>

---

### **Step 1: Cut the Black Wire**

Cut the black wire approximately **2/3" from the base**.

<img src="../../static/images/latest_assembly/1.png" alt="battery" width="300"/>
<img src="/images/latest_assembly/1.png" alt="battery" width="300"/>

---

Expand All @@ -33,75 +33,75 @@ Cut the black wire approximately **2/3" from the base**.
Remove a small portion of insulation from both ends of the cut wire using a wire stripper.
- Use the *28 AWG* notch for best results.

<img src="../../static/images/latest_assembly/2.png" alt="wire" width="300"/>
<img src="/images/latest_assembly/2.png" alt="wire" width="300"/>

---

### **Step 3: Solder the Components**

Follow the soldering diagram to connect the battery to the board.

<img src="../../static/images/latest_assembly/3.png" alt="soldering" width="300"/>
<img src="/images/latest_assembly/3.png" alt="soldering" width="300"/>

---

### **Step 4: Secure the Switch**

Insert the switch securely into the battery connector.

<img src="../../static/images/latest_assembly/4.png" alt="battery" width="300"/>
<img src="/images/latest_assembly/4.png" alt="battery" width="300"/>

<img src="../../static/images/latest_assembly/electronics.png" alt="electronics" width="300"/>
<img src="/images/latest_assembly/electronics.png" alt="electronics" width="300"/>

<img src="../../static/images/latest_assembly/case.png" alt="case" width="300"/>
<img src="/images/latest_assembly/case.png" alt="case" width="300"/>

---

### **Step 5: Assemble the Battery and Board**

Place the battery and board into the 3D-printed case.

<img src="../../static/images/latest_assembly/5.png" alt="case" width="300"/>
<img src="/images/latest_assembly/5.png" alt="case" width="300"/>

---

### **Step 6: Insert the Switch**

Position the switch into the notch next to the USB-C slot.

<img src="../../static/images/latest_assembly/6.png" alt="notch" width="300"/>
<img src="/images/latest_assembly/6.png" alt="notch" width="300"/>

---

### **Step 7: Manage the Wires**

Twist the longer red wire gently to help organize it within the case.

<img src="../../static/images/latest_assembly/7.png" alt="twist" width="300"/>
<img src="/images/latest_assembly/7.png" alt="twist" width="300"/>

---

### **Step 8: Curl the Wire**

Carefully curl the twisted wire and place it to the side to ensure it fits within the case.

<img src="../../static/images/latest_assembly/8.png" alt="twist" width="300"/>
<img src="/images/latest_assembly/8.png" alt="twist" width="300"/>

---

### **Step 9: Attach the Lid**

Align the lid with the case using the ridges as a guide and snap it into place.

<img src="../../static/images/latest_assembly/9.png" alt="lid" width="300"/>
<img src="/images/latest_assembly/9.png" alt="lid" width="300"/>

---

### **Step 10: Secure the Case**

Apply even pressure around the edges to ensure the seams snap securely into place.

<img src="../../static/images/latest_assembly/10.png" alt="seams" width="300"/>
<img src="/images/latest_assembly/10.png" alt="seams" width="300"/>

---

Expand Down
8 changes: 4 additions & 4 deletions docs/docs/developer/Compile_firmware.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,13 +29,13 @@ Note that this is not the `latest` version of the NRF Connect toolchain or SDK.
2. Click "Open an existing application" and navigate to the `firmware/firmware` folder in the root of this repository.

<img
src="../../static/images/install_firmware_screenshot_1.png"
src="/images/install_firmware_screenshot_1.png"
alt="install_firmware_screenshot_1"
width="75%"
/>

<img
src="../../static/images/install_firmware_screenshot_2.png"
src="/images/install_firmware_screenshot_2.png"
alt="install_firmware_screenshot_2"
width="75%"
/>
Expand All @@ -47,7 +47,7 @@ Note that this is not the `latest` version of the NRF Connect toolchain or SDK.
1. In the application panel of the extension, click the **Add Build Configuration** icon. Choose a `CMake Preset` that matches your hardware.

<img
src="../../static/images/build_configuration.png"
src="/images/build_configuration.png"
alt="Build Configuration"
width="75%"
/>
Expand All @@ -59,7 +59,7 @@ xiao_ble/nrf52840/sense
A VSCode notification popup will notify you of the progress of your build.

<img
src="../../static/images/build_configuration_button.png"
src="/images/build_configuration_button.png"
alt="Build Configuration"
width="75%"
/>
Expand Down
8 changes: 4 additions & 4 deletions docs/docs/get_started/Flash_device.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,10 +18,10 @@ To update the firmware of your OMI device, you can either:
preload="metadata"
>
<source
src="../../static/images/updating_your_omi.mp4"
src="/images/updating_your_omi.mp4"
type="video/mp4"
/>
Your browser does not support the video tag. <a href="../../static/images/updating_your_omi.mp4">
Your browser does not support the video tag. <a href="/images/updating_your_omi.mp4">
Click here to download the video
</a>.
</video>
Expand Down Expand Up @@ -52,9 +52,9 @@ Before starting:
1. Connect your device via USB
2. Locate the DFU/Reset button:
- **DevKit 2**: Remove lid, find button labeled "RST"
![DFU Button Location, DevKit 2](../../static/images/dk2_rst_button.jpeg)
![DFU Button Location, DevKit 2](/images/dk2_rst_button.jpeg)
- **DevKit 1**: Use button shown below
![DFU Button Location, DevKit 1](../../static/images/dfu_dev_kit_reset_button.png)
![DFU Button Location, DevKit 1](/images/dfu_dev_kit_reset_button.png)
3. Double-click the reset button quickly
4. Your computer should show a drive named `/Volumes/XIAO-SENSE`

Expand Down