feat: add images

src/content/docs/guides/3D Printer/orcaslicer.mdx

@@ -4,11 +4,21 @@ description: Desktop software to connect to the 3D printer
 hero:
   tagline: Desktop software to connect to the 3D printer
   image:
-    file: https://cdn.shopify.com/s/files/1/0893/0603/8637/files/K1-_02-2.png?v=1762200477
+    file: https://raw.githubusercontent.com/OrcaSlicer/OrcaSlicer/a167702038496b97e8495cc79f0c62660063ac87/resources/images/studio_logo.svg
 ---
 
 import { Aside } from '@astrojs/starlight/components';
 import { Steps } from '@astrojs/starlight/components';
+import { Image } from 'astro:assets';
+
+import orcaRelease from '~/assets/images/guides/orcaslicer/release.png';
+import orcaAssets from '~/assets/images/guides/orcaslicer/assets.png';
+import orcaPrepare from '~/assets/images/guides/orcaslicer/prepare-tab.png';
+import orcaDropdown from '~/assets/images/guides/orcaslicer/dropdown.png';
+import orcaCreatePrinter from '~/assets/images/guides/orcaslicer/create-printer.png';
+import orcaPreset from '~/assets/images/guides/orcaslicer/preset.png';
+import orcaConnection from '~/assets/images/guides/orcaslicer/connection.png';
+import orcaConnectionSettings from '~/assets/images/guides/orcaslicer/connection-settings.png';
 
 <Aside type="tip">Quickly connect to its web page [here](http://printer.lebens-home.net).</Aside>
 
@@ -16,8 +26,10 @@ import { Steps } from '@astrojs/starlight/components';
 
 <Steps>
 1. Go to the [Releases](https://github.com/OrcaSlicer/OrcaSlicer/releases) and find the 'Latest' Official Release. Some are tagged as 'Pre-release' such as nightlys or release candidates, ignore those.
+<Image src={orcaRelease} alt="OrcaSlicer release page" width="800" />
 
 2. At the bottom of a Release is the Assets section. Download the package for your OS such as the exe for Windows or the dmg for Mac.
+<Image src={orcaAssets} alt="OrcaSlicer release page, assets section" width="800" />
 
 4. Install the package.
 </Steps>
@@ -32,10 +44,13 @@ Download them [with this link here](https://github.com/Guilouz/Creality-Helper-S
 
 <Steps>
 1. Go to the 'Prepare' tab on the navigation menu.
+<Image src={orcaPrepare} alt="OrcaSlicer prepare tab" width="800" />
 
 2. At the left should be a menu for various options, find 'Printer' at the very top
+<Image src={orcaDropdown} alt="OrcaSlicer printer options" width="800" />
 
 3. Click on the drop-down and select `--Create Printer --`
+<Image src={orcaCreatePrinter} alt="OrcaSlicer printer preset" width="800" />
     - Printer Vendor is `Creality`
     - Printer model is `Creality K1C`, this may be near the bottom of the list
     - Nozzle diameter is `0.4 mm`
@@ -45,6 +60,7 @@ Download them [with this link here](https://github.com/Guilouz/Creality-Helper-S
     - Max Print Height is `200mm`
 
 4. Click OK and will go to 'Import Preset'
+<Image src={orcaPreset} alt="OrcaSlicer import preset" width="800" />
     - For 'Printer Preset' select `Creality` and `Creality K1C @ 0.4 Nozzle`
     - For 'Preset' click `Create Based on Current Printer`
     - Under the 'Filament Preset Template' section check boxes for filaments types being used, likely just 'PLA'
@@ -54,6 +70,10 @@ Download them [with this link here](https://github.com/Guilouz/Creality-Helper-S
 ## Connect to Printer
 
 Once the Printer has been created slightly above and to the right should be an icon that looks like a wifi icon, click this.
+<Image src={orcaConnection} alt="OrcaSlicer connection location" width="800" />
+
+Enter settings to connect to the 3D printer. Check to see if the 3D printer is on.
+<Image src={orcaConnectionSettings} alt="OrcaSlicer connection settings" width="800" />
 
 - Host Type is `Octo/Klipper`
 - Printer Agent is `OrcaSlicer`

src/content/docs/guides/3D Printer/print-model.mdx

@@ -9,6 +9,14 @@ hero:
 
 import { Aside } from '@astrojs/starlight/components';
 import { Steps } from '@astrojs/starlight/components';
+import { Image } from 'astro:assets';
+
+import orcaAddModel from '~/assets/images/guides/orcaslicer/add-model.png';
+import orcaOptions from '~/assets/images/guides/orcaslicer/options.png';
+import orcaSlice from '~/assets/images/guides/orcaslicer/slice-button.png';
+import orcaSupport from '~/assets/images/guides/orcaslicer/support-settings.png';
+import orcaInfill from '~/assets/images/guides/orcaslicer/infill-settings.png';
+import orcaPrint from '~/assets/images/guides/orcaslicer/print-button.png';
 
 <Aside type="tip">Quickly connect to its web page [here](http://printer.lebens-home.net).</Aside>
 
@@ -26,14 +34,19 @@ The most common file type to use are STL, but the printer can also use OBJ or 3M
 1. In OrcaSlicer go to the 'Prepare' tab on the navigation menu. The sidebar isn't needed at this point, you may collapse it with a button at its top right, or by pressing `Shift-Tab`
 
 2. The printer view should now fill the screen. At the top, below the navigation menu is a tool menu. The farthest left icon is a cube, click this to add a model.
+<Image src={orcaAddModel} alt="OrcaSlicer add model button" width="800" />
 
-3. This opens a menu to select a file to upload.
+3. This opens a menu to select a file to upload. Select the file you have downloaded and want to print.
 
-4. Once the model is in the 3D view various options are available to arrange or make adjustments to.
+4. Once the model is in the 3D view various options are available to arrange or make adjustments.
+<Image src={orcaOptions} alt="OrcaSlicer options bar" width="800" />
 
 5. Next is to convert this 3D representation into instructions for the printer, this process is called slicing. At the top right are two buttons, click 'Slice plate'. Depending on the complexity this may take time.
+<Image src={orcaSlice} alt="OrcaSlicer slice button" width="800" />
 
 6. Also depending on the complexity you may need to add support or change the infill. These are options in the sidebar. After any adjustments made the model should be sliced again.
+<Image src={orcaSupport} alt="OrcaSlicer support settings" width="800" /><Image src={orcaInfill} alt="OrcaSlicer infill settings" width="800" />
 
 7. Once ready and the representation in the printer view matches what is desired, click print to begin the process.
+<Image src={orcaPrint} alt="OrcaSlicer print button" width="800" />
 </Steps>