mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-05-06 19:18:59 +00:00
621 lines
21 KiB
HTML
621 lines
21 KiB
HTML
---
|
|
layout: landingpage
|
|
title: "Home Assistant SkyConnect"
|
|
description: "Best way to add Zigbee and Thread to Home Assistant"
|
|
date: 2022-10-05
|
|
tagline: Home Assistant SkyConnect
|
|
tagline_wide: false
|
|
og_image: /images/skyconnect/skyconnect-cover.png
|
|
hero_image: /images/skyconnect/skyconnect_horizontal.png
|
|
frontpage: true
|
|
frontpage_image: /images/skyconnect/skyconnect-cover.png
|
|
---
|
|
|
|
<style>
|
|
#landingpage .banner .title {
|
|
text-shadow: 0px 0px 10px rgba(0, 0, 0), 0px 0px 10px rgba(0, 0, 0);
|
|
}
|
|
#landingpage .content .bullet-points,
|
|
#landingpage .sub-title {
|
|
margin-top: 100px;
|
|
}
|
|
#landingpage #buy-dialog {
|
|
overflow-y: auto;
|
|
}
|
|
.multi-pan {
|
|
max-width: 750px;
|
|
margin: 100px auto;
|
|
}
|
|
|
|
.material-card .documentation-card svg {
|
|
height: 42px;
|
|
max-width: 42px;
|
|
min-width: 42px;
|
|
align-self: center;
|
|
}
|
|
|
|
.material-card .documentation-card {
|
|
text-decoration: none !important;
|
|
color: black !important;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.material-card .documentation-card .content-container {
|
|
display: flex;
|
|
}
|
|
|
|
.material-card .documentation-card .content-container div:first-of-type {
|
|
margin-right: 24px;
|
|
}
|
|
|
|
.material-card .documentation-card .content-container div:first-of-type img, .material-card .documentation-card .content-container div:first-of-type svg {
|
|
max-width: 170px;
|
|
max-height: 170px;
|
|
min-width: 170px;
|
|
min-height: 170px;
|
|
padding: 32px;
|
|
border-radius: 3px;
|
|
box-shadow: rgba(0,0,0,0.06) 0 0 10px;
|
|
vertical-align: middle;
|
|
border: 5px solid #fff;
|
|
}
|
|
|
|
.material-card .documentation-card div {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
|
|
<div class="content">
|
|
<div class="material-card text banner-overlay with-box">
|
|
<div>
|
|
<div class="banner-overlay-header">Available now</div>
|
|
<div class="banner-overlay-content">
|
|
The Home Assistant SkyConnect is the easiest way to add Zigbee support
|
|
to your Home Assistant instance.
|
|
<br /><br />
|
|
We will soon add Thread support; allowing your Home Assistant SkyConnect
|
|
to be used to connect to Thread-based Matter devices.
|
|
</div>
|
|
</div>
|
|
<div class="material-card text box">
|
|
<div class="banner-overlay-images">
|
|
<div class="img-container">
|
|
<img src="/images/skyconnect/skyconnect_square.jpg" />
|
|
</div>
|
|
<div class="img-container">
|
|
<img src="/images/skyconnect/skyconnect_horizontal.png" />
|
|
</div>
|
|
<div class="img-container">
|
|
<img src="/images/skyconnect/skyconnect_isometric.png" />
|
|
</div>
|
|
</div>
|
|
<div class="banner-overlay-button" onclick="showBuyDialog()">
|
|
<div>Order now</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bullet-points">
|
|
<div class="item">
|
|
<span>Compatible</span>
|
|
<span>Zigbee</span>
|
|
<span>Works with Home Assistant and Zigbee2MQTT<sup>1</sup></span>
|
|
</div>
|
|
<div class="item">
|
|
<span>Reliable</span>
|
|
<span>Range</span>
|
|
<span>+20 dBm</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>Future Proof</span>
|
|
<span>Updatable</span>
|
|
<span>Updates delivered via Home Assistant</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>Zero Setup</span>
|
|
<span>Plug and Play</span>
|
|
<span>Automatically detected by Home Assistant</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sub-title">Specifications</div>
|
|
<div class="flex">
|
|
<div class="specifications">
|
|
<div class="specifications-components">
|
|
<h3>Product details</h3>
|
|
<div class="component-list">
|
|
|
|
<div class="spec-title">Model No.</div>
|
|
<div class="spec-content">HASKYCNCT</div>
|
|
|
|
<div class="spec-title">Radio Chipset</div>
|
|
<div class="spec-content">Silicon Labs Multiprotocol EFR32MG21</div>
|
|
|
|
<div class="spec-title">Frequency</div>
|
|
<div class="spec-content">2.4 GHz</div>
|
|
|
|
<div class="spec-title">TX Power</div>
|
|
<div class="spec-content">up to +20 dBm</div>
|
|
|
|
<div class="spec-title">Protocols</div>
|
|
<div class="spec-content">Zigbee 3.0;<br> Thread (Matter) via firmware update</div>
|
|
|
|
<div class="spec-title">USB</div>
|
|
<div class="spec-content">
|
|
2.0 full-speed, Silicon Labs CP2102N USB-to-UART bridge
|
|
</div>
|
|
|
|
<div class="spec-title">Supply</div>
|
|
<div class="spec-content">5 V DC / up to 150 mA</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="specifications">
|
|
<div class="specifications-components" style="margin-right: 0">
|
|
<h3>Form Factor</h3>
|
|
<div class="component-list">
|
|
<div class="spec-title">Width</div>
|
|
<div class="spec-content">18 mm / 0.7 inch</div>
|
|
<div class="spec-title">Height</div>
|
|
<div class="spec-content">4.5 mm / 0.18 inch</div>
|
|
<div class="spec-title">Depth</div>
|
|
<div class="spec-content">38.5 mm / 1.5 inch</div>
|
|
<div class="spec-title">Weight</div>
|
|
<div class="spec-content">4 g / 0.14 oz</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h1 class="sub-title">FAQs</h1>
|
|
<div class="faq-list">
|
|
{% details "Why include a USB extension cable?" %} USB 3.0 ports (the ones with blue on the inside) are known to cause significant noise and radio interference to any 2.4Ghz wireless devices. This includes Zigbee and Thread. If you do not use the extension cable, it may not work at all, and if it does, it could be flaky at best with intermittent problems (issues with pairing, device dropouts, unreachable devices, timeout errors, etc).
|
|
<br><br>
|
|
<a href="https://www.youtube.com/watch?v=tHqZhNcFEvA">See demo on YouTube.</a> {% enddetails %}
|
|
{% details "Which use case do you recommend for Home Assistant SkyConnect?" %}
|
|
Our current recommendation for Home Assistant SkyConnect is to use the Zigbee firmware to power your Zigbee network. This solution offers a great experience out-of-the-box.<br /><br />
|
|
As part of our efforts to bring Matter to Home Assistant, we're now focused on ensuring that the Thread experience will catch up and become a first-class citizen, making it easy to connect to your Thread-based Matter devices in Home Assistant without a third-party Thread border router. The Thread firmware is already fully functional under the hood, but we still have some work to do to make the experience of using Thread-based devices in Home Assistant feel good. Once the experience has improved, we will recommend using this Thread firmware to power your Thread network as an alternative to using third-party Thread border routers from Apple or Google.{% enddetails %}
|
|
{% details "What is the current state of multiprotocol support?" %} When we launched Home Assistant SkyConnect, we announced our intent to release a firmware supporting multiprotocol, which allows the Silicon Labs chip to connect to both Zigbee and Thread networks with one radio. This experimental firmware has been available since December 2022. It integrates the Silicon Labs SDK, which adds this support for multiprotocol. During the further development and testing of the multiprotocol firmware, we have concluded that while Silicon Labs' multiprotocol works, it comes with technical limitations. These limitations mean users will not have the best experience compared to using dedicated Zigbee and Thread radios. That is why we do not recommend using this firmware, and it will remain an experimental feature of Home Assistant SkyConnect. If you currently have the multiprotocol firmware installed but don't actively use it to connect to Thread devices, we recommend that you <a href="https://skyconnect.home-assistant.io/procedures/disable-multiprotocol/">disable multiprotocol</a>.<br /><br />
|
|
Nothing changes for current users of the multiprotocol firmware who are happy with their experience. The experimental multiprotocol firmware will remain available, but we will not recommend it to new users. Instead, we will focus on making sure the dedicated Zigbee and Thread firmwares for Home Assistant SkyConnect deliver the best experience to users.{% enddetails %}
|
|
</div>
|
|
|
|
<div style="margin-top: 24px; text-align: center; font-size: .8rem;">
|
|
1: Relies on the experimental EmberZNet support in Zigbee2MQTT.
|
|
</div>
|
|
<div class="material-card text spaced-card" style="margin-top: 72px;">
|
|
<a href="https://skyconnect.home-assistant.io/" target="_blank"
|
|
class="documentation-card">
|
|
<div class="content-container">
|
|
<div>
|
|
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6H6m0 2h7v5h5v11H6V4m2 8v2h8v-2H8m0 4v2h5v-2H8Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<h1>View documentation</h1>
|
|
</div>
|
|
</div>
|
|
{% include assets/chevron_right.html %}
|
|
</a>
|
|
</div>
|
|
|
|
<div id="buy-dialog" class="dialog">
|
|
<div class="material-card text dialog-content">
|
|
<div class="close-container"></div>
|
|
<div class="dialog-header">
|
|
<span>Home Assistant SkyConnect</span>
|
|
<span class="dialog-close" onclick="closeDialog()" title="close">
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="box-contents">
|
|
<span>Home Assistant SkyConnect box includes:</span>
|
|
<ul>
|
|
<li>Home Assistant SkyConnect USB Stick</li>
|
|
<li>50cm/19.6in USB extension cable</li>
|
|
</ul>
|
|
</div>
|
|
<div class="distributors">
|
|
<a href="https://www.alza.cz/home-assistant-skyconnect-usb-hub-d7815713.htm" target="_blank">
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇨🇿</div>
|
|
<div>ALZA</div>
|
|
<div>Shipping from the Czech Republic</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="https://ameridroid.com/products/skyconnect" target="_blank">
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇺🇸</div>
|
|
<div>ameriDroid</div>
|
|
<div>Shipping from US</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://botland.com.pl/centralki-i-bramki-sieciowe/22759-home-assistant-skyconnect-usb-stick-zgodny-z-zigbeematterthread-794677011635.html"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇵🇱</div>
|
|
<div>Botland</div>
|
|
<div>Shipping from Poland</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="https://cloudfree.shop/product/home-assistant-skyconnect/" target="_blank">
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇺🇸</div>
|
|
<div>CloudFree</div>
|
|
<div>Shipping from US</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="https://www.domadoo.fr/fr/box-domotique/6938-dongle-usb-zigbee-30-sky-connect-pour-home-assistant-nabu-casa-0794677011635.html" target="_blank">
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇫🇷</div>
|
|
<div>Domadoo</div>
|
|
<div>Shipping from France</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://shop.everythingsmart.io/products/home-assistant-skyconnect"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇬🇧</div>
|
|
<div>Everything Smart Technology</div>
|
|
<div>Shipping from the United Kingdom</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://ewelinkstore.com/product/home-assistant-skyconnect-a-zigbee-thread-matter-usb-stick-for-home-assistant/"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇭🇺</div>
|
|
<div>eWeLink device store</div>
|
|
<div>Shipping from Hungary</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://www.hashop.nl/Home-Assistant-SkyConnect"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇳🇱</div>
|
|
<div>HAshop</div>
|
|
<div>Shipping from the Netherlands</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://mauser.pt/catalog/product_info.php?products_id=095-1222"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇵🇹</div>
|
|
<div>Mauser</div>
|
|
<div>Shipping from Portugal</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://mediarath.de/products/home-assistant-skyconnect-zigbee-thread-matter-usb-stick-fur-home-assistant"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇩🇪</div>
|
|
<div>mediarath</div>
|
|
<div>Shipping from Germany</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://en.m.nu/zigbee/controllers-zigbee/home-assistant-skyconnect-zigbee-matter-thread"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇸🇪</div>
|
|
<div>m.nu</div>
|
|
<div>Shipping from Sweden</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://okosotthon.bolt.hu/webaruhaz/termek/home-assistant-skyconnect-egy-zigbee-thread-matter-usb-kulcs-home-assistant-hoz/"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇭🇺</div>
|
|
<div>OkosOtthon Bolt</div>
|
|
<div>Shipping from Hungary</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://raspberrypi.dk/en/product/home-assistant-skyconnect/"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇩🇰</div>
|
|
<div>RaspberryPi.dk</div>
|
|
<div>Shipping from Denmark</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://www.robbshop.nl/home-assistant-skyconnect-zigbee-en-thread-usb"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇳🇱</div>
|
|
<div>Robbshop</div>
|
|
<div>Shipping from the Netherlands</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://www.seeedstudio.com/Home-Assistant-SkyConnect-p-5479.html"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇨🇳</div>
|
|
<div>Seeed Studio</div>
|
|
<div>Shipping from China, US and Germany</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://smarterhome.sk/en/zwave-pc-adapters/home-assistant-skyconnect-zigbee-and-thread-usb-controller-1403.html"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇸🇰</div>
|
|
<div>SmarterHOME</div>
|
|
<div>Shipping from Slovakia</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://smartguys.com.au/home-assistant-skyconnect.html"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇦🇺</div>
|
|
<div>Smart Guys</div>
|
|
<div>Shipping from Australia</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://shop.swiss-domotique.ch/de/smarthome-zentrale/2118-nabu-casa-home-assistant-skyconnect.html"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇨🇭</div>
|
|
<div>Swiss-Domotique</div>
|
|
<div>Shipping from Switzerland</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://thepihut.com/collections/latest-raspberry-pi-products/products/home-assistant-skyconnect"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇬🇧</div>
|
|
<div>The Pi Hut</div>
|
|
<div>Shipping from the United Kingdom</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
|
|
<a
|
|
href="https://www.wifishop.ro/home-assistant-45/home-assistant-skyconnect.html"
|
|
target="_blank"
|
|
>
|
|
<div class="distributor">
|
|
<div>
|
|
<div>🇷🇴</div>
|
|
<div>WIFIShop</div>
|
|
<div>Shipping from Romania</div>
|
|
</div>
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path
|
|
d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="fab" style="position: fixed; top: 78px; height: 48px;"
|
|
onclick="showBuyDialog()"
|
|
title="pre-order Home Assistant SkyConnect"
|
|
>
|
|
<svg style="width: 32px; height: 32px" viewBox="0 0 32 32">
|
|
<path
|
|
fill="currentColor"
|
|
d="M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z"
|
|
/>
|
|
</svg>
|
|
ORDER
|
|
</div>
|
|
|
|
<script>
|
|
const buyDialog = document.getElementById("buy-dialog");
|
|
const buyFab = document.querySelector(".fab");
|
|
|
|
function showBuyDialog() {
|
|
buyDialog.style.display = "flex";
|
|
buyFab.style.display = "none";
|
|
}
|
|
|
|
function closeDialog() {
|
|
buyDialog.style.display = "none";
|
|
buyFab.style.display = "flex";
|
|
}
|
|
|
|
window.onclick = function (event) {
|
|
if (event.target === buyDialog) {
|
|
closeDialog();
|
|
}
|
|
};
|
|
|
|
if (document.location.search === "?order") {
|
|
showBuyDialog();
|
|
}
|
|
</script>
|