mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-23 09:17:06 +00:00
Distributors (#31966)
* 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
GitHub
parent
a7a519a19f
commit
cd1e0b336f
@ -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;
|
||||
|
||||
|
||||
@ -2308,13 +2308,15 @@ frontpage_image: /images/frontpage/green-frontpage.png
|
||||
</span>
|
||||
</div>
|
||||
<div class="distributors">
|
||||
|
||||
<a href="https://www.alza.cz/home-assistant-green-d7998187.htm" target="_blank">
|
||||
<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>Alza.cz</div>
|
||||
<div>Shipping from the Czech Republic</div>
|
||||
<div>🇺🇸</div>
|
||||
<div>ameriDroid</div>
|
||||
<div>Shipping from US</div>
|
||||
</div>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
@ -2324,11 +2326,11 @@ frontpage_image: /images/frontpage/green-frontpage.png
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://ameridroid.com/products/home-assistant-green" target="_blank">
|
||||
<a href="https://cloudfree.shop/product/home-assistant-green/" target="_blank">
|
||||
<div class="distributor">
|
||||
<div>
|
||||
<div>🇺🇸</div>
|
||||
<div>ameriDroid</div>
|
||||
<div>CloudFree</div>
|
||||
<div>Shipping from US</div>
|
||||
</div>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24">
|
||||
@ -2339,6 +2341,104 @@ frontpage_image: /images/frontpage/green-frontpage.png
|
||||
</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>
|
||||
|
||||
</div>
|
||||
</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>
|
||||
|
||||
</div>
|
||||
</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://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>
|
||||
|
||||
</div>
|
||||
</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://botland.com.pl/centralki-i-bramki-sieciowe/24319-home-assistant-green-inteligentna-centralka-nabu-casa-nc-green-1175-794677011758.html"
|
||||
target="_blank"
|
||||
@ -2357,12 +2457,15 @@ frontpage_image: /images/frontpage/green-frontpage.png
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://cloudfree.shop/product/home-assistant-green/" target="_blank">
|
||||
<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>CloudFree</div>
|
||||
<div>Shipping from US</div>
|
||||
<div>🇫🇷</div>
|
||||
<div>Domadoo</div>
|
||||
<div>Shipping from France</div>
|
||||
</div>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
@ -2480,24 +2583,6 @@ frontpage_image: /images/frontpage/green-frontpage.png
|
||||
</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://www.pi-shop.ch/home-assistant-green"
|
||||
target="_blank"
|
||||
@ -2570,24 +2655,6 @@ frontpage_image: /images/frontpage/green-frontpage.png
|
||||
</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://shop.swiss-domotique.ch/smarthome-hub/2295-nabu-casa-home-assistant-green.html"
|
||||
target="_blank"
|
||||
@ -2625,7 +2692,7 @@ frontpage_image: /images/frontpage/green-frontpage.png
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="https://www.wifishop.ro/home-assistant-45/home-assistant-green.html"
|
||||
href="https://www.wifishop.ro/en/homeassistant/home-assistant-green.html"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="distributor">
|
||||
@ -2642,6 +2709,8 @@ frontpage_image: /images/frontpage/green-frontpage.png
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -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
|
||||
);
|
||||
|
||||
@ -229,12 +229,16 @@ 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">
|
||||
<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>ALZA</div>
|
||||
<div>Shipping from the Czech Republic</div>
|
||||
<div>🇺🇸</div>
|
||||
<div>ameriDroid</div>
|
||||
<div>Shipping from US</div>
|
||||
</div>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
@ -244,11 +248,11 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://ameridroid.com/products/skyconnect" target="_blank">
|
||||
<a href="https://cloudfree.shop/product/home-assistant-skyconnect/" target="_blank">
|
||||
<div class="distributor">
|
||||
<div>
|
||||
<div>🇺🇸</div>
|
||||
<div>ameriDroid</div>
|
||||
<div>CloudFree</div>
|
||||
<div>Shipping from US</div>
|
||||
</div>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24">
|
||||
@ -259,6 +263,93 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png
|
||||
</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>
|
||||
|
||||
</div>
|
||||
</details>
|
||||
<details id="dist_asia">
|
||||
<summary class="region">Shipping to Asia</summary>
|
||||
<div>
|
||||
|
||||
<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>
|
||||
|
||||
</div>
|
||||
</details>
|
||||
<details id="dist_australia">
|
||||
<summary class="region">Shipping to Australia</summary>
|
||||
<div>
|
||||
|
||||
<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>
|
||||
|
||||
</div>
|
||||
</details>
|
||||
<details id="dist_europe">
|
||||
<summary class="region">Shipping to Europe</summary>
|
||||
<div>
|
||||
|
||||
<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://botland.com.pl/centralki-i-bramki-sieciowe/22759-home-assistant-skyconnect-usb-stick-zgodny-z-zigbeematterthread-794677011635.html"
|
||||
target="_blank"
|
||||
@ -277,21 +368,6 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png
|
||||
</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>
|
||||
@ -505,24 +581,6 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png
|
||||
</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"
|
||||
@ -560,7 +618,7 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="https://www.wifishop.ro/home-assistant-45/home-assistant-skyconnect.html"
|
||||
href="https://www.wifishop.ro/en/homeassistant/home-assistant-skyconnect.html"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="distributor">
|
||||
@ -577,6 +635,8 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
@ -349,6 +349,9 @@ 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">
|
||||
@ -395,6 +398,54 @@ frontpage_image: /images/frontpage/yellow-frontpage.jpg
|
||||
</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>
|
||||
|
||||
</div>
|
||||
</details>
|
||||
<details id="dist_asia">
|
||||
<summary class="region">Shipping to Asia</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>
|
||||
|
||||
</div>
|
||||
</details>
|
||||
<details id="dist_europe">
|
||||
<summary class="region">Shipping to Europe</summary>
|
||||
<div>
|
||||
|
||||
<!--a
|
||||
href="https://en.m.nu/controllers-smart-hubs-3/home-assistant-yellow-with-cm4-module"
|
||||
target="_blank"
|
||||
@ -503,6 +554,8 @@ frontpage_image: /images/frontpage/yellow-frontpage.jpg
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</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>
|
||||
Loading…
x
Reference in New Issue
Block a user