Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
10 changes: 5 additions & 5 deletions docs/products/ESPHome-Starter-Kit/setup/first-steps.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ By the end you'll have your ESPHome Starter Kit flashed with a working configura

!!! tip "Click the (+) for extra context"

<div class="annotate" markdown>
<div markdown class="annotate">

When you see a small **(+)** icon next to a step or word, give it a click (1). It opens a side note with tips, gotchas, or examples you don't need on first read.

Expand Down Expand Up @@ -80,7 +80,7 @@ Pick the platform you'll be running ESPHome Device Builder on:

To add the **ESPHome Device Builder** to your Home Assistant instance, use this My button:

[![Open your Home Assistant instance and start setting up a new integration.](https://my.home-assistant.io/badges/config_flow_start.svg)](https://my.home-assistant.io/redirect/config_flow_start/?domain=esphome)
[![Open your Home Assistant instance and start setting up a new app.](https://my.home-assistant.io/badges/supervisor_addon.svg)](https://my.home-assistant.io/redirect/supervisor_addon/?addon=5c53de3b_esphome&repository_url=https%3A%2F%2Fgithub.com%2Fesphome%2Fhome-assistant-addon)

**<u>Method 2</u>**

Expand Down Expand Up @@ -152,13 +152,13 @@ If you make a mistake or want to change this later, click the 3 dots menu in the

![](../../../assets/device-builder-add-new-device.gif)

<div class="annotate" markdown>
<div markdown class="annotate">

2\. Select the Apollo ESPHome Starter Kit and give it a name such as esphome-starter-kit then click **Finish Setup**. (1)

</div>

1. Remember the name you choose. You'll use it later to reach your device's web server at `http://your-name.local` (for example, <a href="http://esphome-starter-kit.local/" target="_blank" rel="noreferrer nofollow noopener">http://esphome-starter-kit.local/</a>).
1. Remember the name you choose. You'll use it later to reach your device's web server at `http://your-name.local` (for example, <a href="http://esphome-starter-kit.local/" target="_blank" rel="noreferrer nofollow noopener">http://esphome-starter-kit.local/</a>).

![](../../../assets/device-builder-select-esk-name-it.gif)

Expand Down Expand Up @@ -236,4 +236,4 @@ Example of the light changing colors below!

<a href="../../start-here/" class="md-button md-button--primary"><img src="/assets/esphome-logo.svg" /> Back - Start Here</a> <a href="../../modules/button-module/" class="md-button md-button--primary"><img src="/assets/esphome-logo.svg" /> Add More Modules</a> <a href="../../tutorials/connect-to-home-assistant/" class="md-button md-button--primary"><img src="/assets/esphome-logo.svg" /> Connect to Home Assistant</a>

--8<-- "_snippets/community-help.md"
--8<-- "_snippets/community-help.md"
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
![](../../../assets/zonemappertool.png)
![](../../../../assets/zonemappertool.png)

&nbsp;

Expand Down