jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-22 16:56:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Distributors (#31966)

Browse Source 
* Introducing regions for distributors in CSS and JS

* Using regions for Green

* Using regions for Yellow

* Using regions for SkyConnect

* Sorting Asia and America correctly

* Distributor Updates

* Fix CSS issue
This commit is contained in:
b-uwe 2024-03-20 19:52:21 +01:00 committed by GitHub
parent a7a519a19f
commit cd1e0b336f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 1006 additions and 775 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
sass/custom/_landingpage.scss
View File

@ -831,6 +831,18 @@ $ha__primary_color: #03a9f4;
}
.distributors {
details {
width: 100%;
justify-content: space-between;
padding: 16px 24px;
color: #222222;
margin: auto;
summary.region {
display: list-item;
}
}
a {
text-decoration: none;

689
source/green/index.html
View File

@ -2308,339 +2308,408 @@ frontpage_image: /images/frontpage/green-frontpage.png
</span>
</div>
<div class="distributors">
<details id="dist_america">
<summary class="region">Shipping to America</summary>
<div>
<a href="https://ameridroid.com/products/home-assistant-green" 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://www.alza.cz/home-assistant-green-d7998187.htm" target="_blank">
<div class="distributor">
<div>
<div>🇨🇿</div>
<div>Alza.cz</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://cloudfree.shop/product/home-assistant-green/" 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://ameridroid.com/products/home-assistant-green" 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://www.seeedstudio.com/Home-Assistant-Green-p-5792.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://botland.com.pl/centralki-i-bramki-sieciowe/24319-home-assistant-green-inteligentna-centralka-nabu-casa-nc-green-1175-794677011758.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>
</details>
<details id="dist_asia">
<summary class="region">Shipping to Asia</summary>
<div>
<a href="https://www.seeedstudio.com/Home-Assistant-Green-p-5792.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://cloudfree.shop/product/home-assistant-green/" 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>
</details>
<details id="dist_australia">
<summary class="region">Shipping to Australia</summary>
<div>
<a href="https://www.ozsmartthings.com.au/products/home-assistant-green-smart-hub"
target="_blank"
>
<div class="distributor">
<div>
<div>🇦🇺</div>
<div>Oz Smart Things</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.everythingsmart.io/products/home-assistant-green"
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://smartguys.com.au/home-assistant-green.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://ewelinkstore.com/product/home-assistant-green-hub/"
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>
</details>
<details id="dist_europe">
<summary class="region">Shipping to Europe</summary>
<div>
<a href="https://www.alza.cz/home-assistant-green-d7998187.htm" target="_blank">
<div class="distributor">
<div>
<div>🇨🇿</div>
<div>Alza.cz</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://mauser.pt/catalog/product_info.php?products_id=095-3152"
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://botland.com.pl/centralki-i-bramki-sieciowe/24319-home-assistant-green-inteligentna-centralka-nabu-casa-nc-green-1175-794677011758.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://mediarath.de/products/home-assistant-green-smart-home-hub-2x-usb-gigabit-lan-hmdi-microsd-slot"
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://www.domadoo.fr/fr/box-domotique/7046-nabu-casa-box-domotique-home-assistant-green-0794677011758.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://en.m.nu/controllers-smart-hubs/home-assistant-green"
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://shop.everythingsmart.io/products/home-assistant-green"
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://okosotthon.bolt.hu/webaruhaz/termek/home-assistant-green-hub/"
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://ewelinkstore.com/product/home-assistant-green-hub/"
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.ozsmartthings.com.au/products/home-assistant-green-smart-hub"
target="_blank"
>
<div class="distributor">
<div>
<div>🇦🇺</div>
<div>Oz Smart Things</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://mauser.pt/catalog/product_info.php?products_id=095-3152"
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://www.pi-shop.ch/home-assistant-green"
target="_blank"
>
<div class="distributor">
<div>
<div>🇨🇭</div>
<div>Pi-Shop.ch</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://mediarath.de/products/home-assistant-green-smart-home-hub-2x-usb-gigabit-lan-hmdi-microsd-slot"
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://raspberrypi.dk/en/product/home-assistant-green/"
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://en.m.nu/controllers-smart-hubs/home-assistant-green"
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://www.seeedstudio.com/Home-Assistant-Green-p-5792.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://okosotthon.bolt.hu/webaruhaz/termek/home-assistant-green-hub/"
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://smarterhome.sk/controllers/home-assistant-green-smart-home-hub-1490.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://www.pi-shop.ch/home-assistant-green"
target="_blank"
>
<div class="distributor">
<div>
<div>🇨🇭</div>
<div>Pi-Shop.ch</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://smartguys.com.au/home-assistant-green.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://raspberrypi.dk/en/product/home-assistant-green/"
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://shop.swiss-domotique.ch/smarthome-hub/2295-nabu-casa-home-assistant-green.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://www.seeedstudio.com/Home-Assistant-Green-p-5792.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://thepihut.com/products/home-assistant-green"
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://smarterhome.sk/controllers/home-assistant-green-smart-home-hub-1490.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://www.wifishop.ro/home-assistant-45/home-assistant-green.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>
<a
href="https://shop.swiss-domotique.ch/smarthome-hub/2295-nabu-casa-home-assistant-green.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/products/home-assistant-green"
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/en/homeassistant/home-assistant-green.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>
</a>
</details>
</div>
</div>
</div>

15
source/green/script.js
View File

@ -23,6 +23,19 @@ function handleIntersect(entries, _observer) {
});
}
const expandRegion = () => {
try {
const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
const continent = tz.replace( /^(Asia|America|Australia|Europe)\/.*$/, '$1' );
if ( continent != tz ) {
document.querySelector( `#dist_${continent.toLowerCase()}` ).open = true;
}
} catch ( ev ) {
// Ignore...
}
};
window.addEventListener(
"load",
() => {
@ -67,6 +80,8 @@ window.addEventListener(
},
{ passive: true }
);
expandRegion();
},
false
);

719
source/skyconnect/index.html
View File

@ -229,353 +229,413 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png
</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>
<details id="dist_america">
<summary class="region">Shipping to America</summary>
<div>
<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://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://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.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://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>
</details>
<details id="dist_asia">
<summary class="region">Shipping to Asia</summary>
<div>
<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://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://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>
</details>
<details id="dist_australia">
<summary class="region">Shipping to Australia</summary>
<div>
<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://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://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>
</details>
<details id="dist_europe">
<summary class="region">Shipping to Europe</summary>
<div>
<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://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://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://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://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://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://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://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://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://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.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://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://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://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://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://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://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://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://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://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://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>
<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://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/en/homeassistant/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>
</a>
</details>
</div>
</div>
</div>
@ -617,4 +677,15 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png
if (document.location.search === "?order") {
showBuyDialog();
}
try {
const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
const continent = tz.replace( /^(Asia|America|Australia|Europe)\/.*$/, '$1' );
if ( continent != tz ) {
document.querySelector( `#dist_${continent.toLowerCase()}` ).open = true;
}
} catch ( ev ) {
// Ignore...
}
</script>

346
source/yellow/index.html
View File

@ -349,159 +349,212 @@ frontpage_image: /images/frontpage/yellow-frontpage.jpg
</span>
</div>
<div class="distributors">
<details id="dist_america">
<summary class="region">Shipping to America</summary>
<div>
<a href="https://ameridroid.com/products/home-assistant-yellow" target="_blank">
<div class="distributor">
<div>
<div>🇺🇸</div>
<div>ameriDroid</div>
<div>Shipping from US. Yellow Kit versions only. Also sells CM4 modules.</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/home-assistant-yellow" target="_blank">
<div class="distributor">
<div>
<div>🇺🇸</div>
<div>ameriDroid</div>
<div>Shipping from US. Yellow Kit versions only. Also sells CM4 modules.</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-yellow/" target="_blank">
<div class="distributor">
<div>
<div>🇺🇸</div>
<div>CloudFree</div>
<div>Shipping from US. Yellow Kit versions only. Also sells CM4 modules.</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-yellow/" target="_blank">
<div class="distributor">
<div>
<div>🇺🇸</div>
<div>CloudFree</div>
<div>Shipping from US. Yellow Kit versions only. Also sells CM4 modules.</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.crowdsupply.com/nabu-casa/home-assistant-yellow#products" target="_blank">
<div class="distributor">
<div>
<div>🇺🇸</div>
<div>Crowd Supply</div>
<div>Shipping from US. Yellow Kit versions only.</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.crowdsupply.com/nabu-casa/home-assistant-yellow#products" target="_blank">
<div class="distributor">
<div>
<div>🇺🇸</div>
<div>Crowd Supply</div>
<div>Shipping from US. Yellow Kit versions only.</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/controllers-smart-hubs-3/home-assistant-yellow-with-cm4-module"
target="_blank"
>
<div class="distributor">
<div>
<div>🇸🇪</div>
<div>m.nu</div>
<div>Shipping from Sweden. Yellow Standard only.</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-Yellow-Kit-with-selectable-CM4.html"
target="_blank"
>
<div class="distributor">
<div>
<div>🇨🇳</div>
<div>Seeed Studio</div>
<div>Shipping from China, US and Germany. Also sells CM4 modules.</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-3150"
target="_blank"
>
<div class="distributor">
<div>
<div>🇵🇹</div>
<div>Mauser</div>
<div>Shipping from Portugal. Yellow Kit versions only. Also sells CM4 modules.</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>
</details>
<details id="dist_asia">
<summary class="region">Shipping to Asia</summary>
<div>
<a
href="https://www.pi-shop.ch/home-assistant-yellow-kit-with-power-supply-cm4-not-included"
target="_blank"
>
<div class="distributor">
<div>
<div>🇨🇭</div>
<div>Pi-Shop.ch</div>
<div>Shipping from Switzerland. Also sells CM4 modules.</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-Yellow-Kit-with-selectable-CM4.html"
target="_blank"
>
<div class="distributor">
<div>
<div>🇨🇳</div>
<div>Seeed Studio</div>
<div>Shipping from China, US and Germany. Also sells CM4 modules.</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-yellow/"
target="_blank"
>
<div class="distributor">
<div>
<div>🇩🇰</div>
<div>RaspberryPi.dk</div>
<div>Shipping from Denmark. Also sells CM4 modules.</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>
</details>
<details id="dist_europe">
<summary class="region">Shipping to Europe</summary>
<div>
<a
href="https://www.seeedstudio.com/Home-Assistant-Yellow-Kit-with-selectable-CM4.html"
target="_blank"
>
<div class="distributor">
<div>
<div>🇨🇳</div>
<div>Seeed Studio</div>
<div>Shipping from China, US and Germany. Also sells CM4 modules.</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/controllers-smart-hubs-3/home-assistant-yellow-with-cm4-module"
target="_blank"
>
<div class="distributor">
<div>
<div>🇸🇪</div>
<div>m.nu</div>
<div>Shipping from Sweden. Yellow Standard only.</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/products/home-assistant-yellow"
target="_blank"
>
<div class="distributor">
<div>
<div>🇬🇧</div>
<div>The Pi Hut</div>
<div>Shipping from the United Kingdom. Yellow Standard only. Also sells CM4 modules.</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>
<a
href="https://mauser.pt/catalog/product_info.php?products_id=095-3150"
target="_blank"
>
<div class="distributor">
<div>
<div>🇵🇹</div>
<div>Mauser</div>
<div>Shipping from Portugal. Yellow Kit versions only. Also sells CM4 modules.</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.pi-shop.ch/home-assistant-yellow-kit-with-power-supply-cm4-not-included"
target="_blank"
>
<div class="distributor">
<div>
<div>🇨🇭</div>
<div>Pi-Shop.ch</div>
<div>Shipping from Switzerland. Also sells CM4 modules.</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-yellow/"
target="_blank"
>
<div class="distributor">
<div>
<div>🇩🇰</div>
<div>RaspberryPi.dk</div>
<div>Shipping from Denmark. Also sells CM4 modules.</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-Yellow-Kit-with-selectable-CM4.html"
target="_blank"
>
<div class="distributor">
<div>
<div>🇨🇳</div>
<div>Seeed Studio</div>
<div>Shipping from China, US and Germany. Also sells CM4 modules.</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/products/home-assistant-yellow"
target="_blank"
>
<div class="distributor">
<div>
<div>🇬🇧</div>
<div>The Pi Hut</div>
<div>Shipping from the United Kingdom. Yellow Standard only. Also sells CM4 modules.</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>
</a>
</details>
</div>
</div>
</div>
@ -543,4 +596,15 @@ frontpage_image: /images/frontpage/yellow-frontpage.jpg
if (document.location.search === "?order") {
showBuyDialog();
}
try {
const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
const continent = tz.replace( /^(Asia|America|Australia|Europe)\/.*$/, '$1' );
if ( continent != tz ) {
document.querySelector( `#dist_${continent.toLowerCase()}` ).open = true;
}
} catch ( ev ) {
// Ignore...
}
</script>