diff --git a/Gemfile.lock b/Gemfile.lock index dc96dd735a4..af387a4819c 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -94,10 +94,10 @@ GEM ruby2_keywords (0.0.5) safe_yaml (1.0.5) sass (3.4.25) - sass-embedded (1.58.2) + sass-embedded (1.58.3) google-protobuf (~> 3.21) rake (>= 10.0.0) - sass-embedded (1.58.2-x64-mingw32) + sass-embedded (1.58.3-x64-mingw32) google-protobuf (~> 3.21) sass-globbing (1.1.5) sass (>= 3.1) @@ -113,7 +113,7 @@ GEM stringex (2.8.5) terminal-table (3.0.2) unicode-display_width (>= 1.1.1, < 3) - tilt (2.0.11) + tilt (2.1.0) tzinfo (2.0.6) concurrent-ruby (~> 1.0) tzinfo-data (1.2022.7) diff --git a/sass/custom/_landingpage.scss b/sass/custom/_landingpage.scss index 494a2b1d6c6..73785f4d4ff 100644 --- a/sass/custom/_landingpage.scss +++ b/sass/custom/_landingpage.scss @@ -5,26 +5,31 @@ $ha__primary_color: #03a9f4; #landingpage { $landingpage__hero_height: 670px; font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; + .site-header { .grid-wrapper { max-width: 1100px !important; padding: 0 25px !important; } } + .grid-wrapper { max-width: 1500px; padding: 0; width: 100%; } + .page-content { overflow-x: hidden; } + .banner { height: $landingpage__hero_height; margin-bottom: 16px; margin-top: -42px; width: 100%; text-align: center; + .title { position: relative; width: 550px; @@ -37,11 +42,13 @@ $ha__primary_color: #03a9f4; color: #ffffff; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.75); bottom: 226px; + svg { stroke: $ha__primary_color; } } + .wide { position: relative; width: 700px; @@ -50,6 +57,7 @@ $ha__primary_color: #03a9f4; line-height: 52px; bottom: 390px; } + img { width: 100%; object-fit: cover; @@ -66,6 +74,7 @@ $ha__primary_color: #03a9f4; position: absolute; bottom: 8px; } + .right { position: absolute; right: 8px; @@ -175,6 +184,7 @@ $ha__primary_color: #03a9f4; .title { margin-bottom: 4px; } + .button { font-size: small; font-weight: 600; @@ -199,6 +209,7 @@ $ha__primary_color: #03a9f4; .section-content:nth-child(even) { background-color: #F5F5F5; + .section-inner:nth-child(odd) { flex-direction: row-reverse; } @@ -263,6 +274,7 @@ $ha__primary_color: #03a9f4; width: 100%; text-align: right; } + .banner-overlay-price { width: calc(100% - 6px); text-align: right; @@ -314,6 +326,7 @@ $ha__primary_color: #03a9f4; } } } + .banner-overlay-button { background-color: $ha__primary_color; margin-top: 12px; @@ -323,24 +336,27 @@ $ha__primary_color: #03a9f4; display: flex; cursor: pointer; text-transform: capitalize; + font-weight: 900; + font-size: 18px; + color: #ffffff; div { margin: auto; - font-weight: 900; - font-size: 18px; - color: #ffffff; } } + .banner-overlay-button.disabled { background-color: #bdbdbd; cursor: initial; - } + } + .below-button { margin-top: 8px; text-align: center; font-size: .8em; } } + .banner-overlay-disclaimer { font-size: 12px; line-height: 14px; @@ -355,9 +371,11 @@ $ha__primary_color: #03a9f4; display: grid; gap: 32px; grid-template-columns: repeat(2, 1fr); + .item { display: grid; text-align: center; + span:nth-of-type(1) { color: rgba(0, 0, 0, 0.87); font-size: 24px; @@ -367,12 +385,14 @@ $ha__primary_color: #03a9f4; opacity: 0.66; text-transform: uppercase; } + span:nth-of-type(2) { color: rgba(0, 0, 0, 0.87); font-size: 48px; letter-spacing: -2px; line-height: 56px; } + span:nth-of-type(3) { color: rgba(0, 0, 0, 0.87); font-size: 14px; @@ -400,6 +420,7 @@ $ha__primary_color: #03a9f4; z-index: 0; } } + .vision-content { z-index: 1; position: relative; @@ -411,6 +432,7 @@ $ha__primary_color: #03a9f4; line-height: 80px; color: $landingpage__deep_color; } + .vision-statement { font-size: 18px; line-height: 21px; @@ -434,6 +456,7 @@ $ha__primary_color: #03a9f4; line-height: 56px; font-weight: bold; } + .vision-block-content { font-size: 18px; line-height: 133%; @@ -442,6 +465,7 @@ $ha__primary_color: #03a9f4; } } } + .mood { text-align: center; margin-bottom: 32px; @@ -508,6 +532,7 @@ $ha__primary_color: #03a9f4; } } } + .outline { display: flex; place-self: flex-end; @@ -585,6 +610,7 @@ $ha__primary_color: #03a9f4; text-transform: uppercase; opacity: 0.4; } + .spec-content { grid-column: 2 / span 4; font-weight: bold; @@ -600,6 +626,7 @@ $ha__primary_color: #03a9f4; li { margin-bottom: 0; } + li::marker { content: "- "; } @@ -607,6 +634,7 @@ $ha__primary_color: #03a9f4; } } } + .specifications-form-factor { grid-column: 4 / span 2; @@ -636,6 +664,7 @@ $ha__primary_color: #03a9f4; .sff-width { grid-column: 1 / span 2; } + svg#zen { grid-column: 1; height: 100px; @@ -672,6 +701,7 @@ $ha__primary_color: #03a9f4; margin-top: -24px; } } + img { box-shadow: none; border: 0; @@ -679,6 +709,7 @@ $ha__primary_color: #03a9f4; } } } + .faq-list { margin: 0 72px; } @@ -716,6 +747,10 @@ $ha__primary_color: #03a9f4; } } } + + .material-card>p:last-child { + margin-bottom: 0; + } } .fab { @@ -827,9 +862,11 @@ $ha__primary_color: #03a9f4; grid-row: 1 / span 2; margin-right: 8px; } + div:nth-of-type(2) { grid-column: 2; } + div:nth-of-type(3) { grid-column: 2; color: darkslategrey; @@ -837,6 +874,7 @@ $ha__primary_color: #03a9f4; } } } + .distributor:hover { border-color: $ha__primary_color; } @@ -845,6 +883,7 @@ $ha__primary_color: #03a9f4; .box-contents { margin: 0 16px 32px; + ul { margin: 12px 0 12px 24px; color: darkslategrey; @@ -854,6 +893,7 @@ $ha__primary_color: #03a9f4; margin-bottom: 4px; } } + .ul-sub { margin: 0 0 0 16px; } @@ -873,6 +913,7 @@ $ha__primary_color: #03a9f4; @media only screen and (max-width: $palm-end) { $landingpage__hero_height: 500px; + #landingpage { .site-header { background-color: #ffffffe8; @@ -883,20 +924,25 @@ $ha__primary_color: #03a9f4; width: calc(100% - 8px); } } + .page-content { margin-top: 0; height: 100%; } + .grid-wrapper { margin-left: 0; width: 100%; } + .banner { margin-bottom: 8px; height: $landingpage__hero_height; + img { height: $landingpage__hero_height; } + .title { width: 100%; left: unset; @@ -945,6 +991,7 @@ $ha__primary_color: #03a9f4; .button-row-with-icon { display: flex; flex-direction: column; + .button-icon { width: calc(100% - 8px); margin: 2px 4px; @@ -983,6 +1030,7 @@ $ha__primary_color: #03a9f4; padding-left: 8px; width: 100%; } + .secondary { display: none; } @@ -1004,16 +1052,19 @@ $ha__primary_color: #03a9f4; } .bullet-points { - margin: 24px 0; + margin: 48px 0 24px; + .item { span:nth-of-type(1) { font-size: 16px; line-height: 16px; } + span:nth-of-type(2) { font-size: 32px; line-height: 32px; } + span:nth-of-type(3) { font-size: 12px; line-height: 12px; @@ -1023,28 +1074,35 @@ $ha__primary_color: #03a9f4; .vision { margin-bottom: 0; + svg { display: none; } + .vision-content { margin-top: 28px; + .vision-header { font-size: 34px; line-height: 40px; margin-top: 8px; } + .vision-statement { font-size: 12px; line-height: 14px; } + .vision-blocks { .vision-block { width: 100%; margin: 9px; + .vision-block-title { font-size: 24px; line-height: 28px; } + .vision-block-content { display: none; } @@ -1076,6 +1134,7 @@ $ha__primary_color: #03a9f4; } } } + .mood-separator { margin: -80px calc((100% / 2) - 120px); @@ -1113,6 +1172,7 @@ $ha__primary_color: #03a9f4; margin-top: -4px; } } + .specifications-form-factor { .specifications-form-factor-grid { margin-left: 0; @@ -1120,6 +1180,7 @@ $ha__primary_color: #03a9f4; .sff-width { margin-left: 50px; } + .sff-description { span:last-of-type { font-size: 16px; @@ -1151,6 +1212,7 @@ $ha__primary_color: #03a9f4; } } } + .blue3d { .blue3d-container { width: 100% !important; @@ -1181,8 +1243,9 @@ $ha__primary_color: #03a9f4; .page-content { .content { .bullet-points { - margin: 24px 0; + margin: 48px 0 24px; } + .vision { margin-top: -200px; @@ -1202,10 +1265,12 @@ $ha__primary_color: #03a9f4; } } } + .mood { .mood-cards { margin: 0; width: inherit; + .material-card { height: 300px; width: 230px; @@ -1213,6 +1278,7 @@ $ha__primary_color: #03a9f4; } } } + .specifications { margin: 0 16px; } diff --git a/source/_dashboards/statistics-graph.markdown b/source/_dashboards/statistics-graph.markdown index dcbc5111916..ddc607dbead 100644 --- a/source/_dashboards/statistics-graph.markdown +++ b/source/_dashboards/statistics-graph.markdown @@ -49,7 +49,7 @@ chart_type: type: string stat_types: required: false - description: The statistics types to render. `min`, `max`, `mean`, `sum`, `state` + description: The statistics types to render. `min`, `max`, `mean`, `sum`, `state`, `change` type: list title: required: false @@ -57,7 +57,7 @@ title: type: string period: required: false - description: The period of the rendered graph. `5minute`, `hour`, `day` or `month` + description: The period of the rendered graph. `5minute`, `hour`, `day`, `week` or `month` type: string hide_legend: required: false diff --git a/source/_docs/configuration/basic.markdown b/source/_docs/configuration/basic.markdown index fb14f74c309..4aa8d951a41 100644 --- a/source/_docs/configuration/basic.markdown +++ b/source/_docs/configuration/basic.markdown @@ -32,7 +32,7 @@ homeassistant:
- You will not be able to edit anything in {% my general title="Settings > System > General" %} in the UI if you are using YAML configuration for any of the following: name, latitude, longitude, elevation, unit_system, temperature_unit, time_zone, external_url, internal_url. Additionally, some options are only visible after "Advanced Mode" is enabled on your {% my profile title="User Profile" %}. + You will not be able to edit anything in {% my general title="Settings > System > General" %} in the UI if you are using YAML configuration for any of the following: name, latitude, longitude, elevation, unit_system, temperature_unit, time_zone, external_url, internal_url, country, currency. Additionally, some options are only visible after "Advanced Mode" is enabled on your {% my profile title="User Profile" %}.
diff --git a/source/_includes/installation/operating_system.md b/source/_includes/installation/operating_system.md index ebcac23b614..839d2ddb146 100644 --- a/source/_includes/installation/operating_system.md +++ b/source/_includes/installation/operating_system.md @@ -91,7 +91,7 @@ To use this method, follow the steps described in the procedure below: [Write th - To use this method, follow the instructions of your Live distribution (e.g., [this Ubuntu guide](https://ubuntu.com/tutorials/try-ubuntu-before-you-install)). Once you booted the live operating system, follow the steps described in the procedure below: [Write the image to your boot media](#write-the-image-to-your-boot-media). -{% details "Ubuntu dependency's for Etcher" %} +{% details "Ubuntu dependencies for Etcher" %} When installing Etcher on an Ubuntu system you may need to install the fuse dependency, you can do so with the following commands: diff --git a/source/_integrations/london_air.markdown b/source/_integrations/london_air.markdown index 701da220afb..5385ea9c77f 100644 --- a/source/_integrations/london_air.markdown +++ b/source/_integrations/london_air.markdown @@ -68,11 +68,11 @@ To explore the data available within the `data` attribute of a sensor use the `d template: - sensor: - name: "Updated" - state: '{{ state_attr('sensor.merton', 'updated') }}' + state: "{{ state_attr('sensor.merton', 'updated') }}" - name: "Merton PM10" - state: '{{ state_attr('sensor.merton', 'data')[0].pollutants[0].summary }}' + state: "{{ state_attr('sensor.merton', 'data')[0].pollutants[0].summary }}" - name: "Westminster S02" - state: '{{ state_attr('sensor.westminster', 'data')[0].pollutants[3].summary }}' + state: "{{ state_attr('sensor.westminster', 'data')[0].pollutants[3].summary }}" ``` {% endraw %} diff --git a/source/_integrations/min_max.markdown b/source/_integrations/min_max.markdown index 2b95c9d361f..2bc92e4fd29 100644 --- a/source/_integrations/min_max.markdown +++ b/source/_integrations/min_max.markdown @@ -37,7 +37,7 @@ Precision: ## YAML Configuration -Alternatlively, this integration can be configured and set up manually via YAML +Alternatively, this integration can be configured and set up manually via YAML instead. To enable the Integration sensor in your installation, add the following to your `configuration.yaml` file: diff --git a/source/_integrations/nest.markdown b/source/_integrations/nest.markdown index c1b13634a2f..af56bcda814 100644 --- a/source/_integrations/nest.markdown +++ b/source/_integrations/nest.markdown @@ -288,7 +288,8 @@ All cameras have motion and person triggers, however only some support capturing | Nest Cam Indoor
Nest Cam IQ Indoor
Nest Cam IQ Outdoor
Nest Cam Outdoor | RTSP
Recording | Motion
Person
Sound | Snapshot (jpg) | | Nest Cam with floodlight | WebRTC | Motion
Person | N/A | | Nest Doorbell (battery) | WebRTC | Motion
Person
Chime | Clip Preview (mp4, gif) | -| Nest Doorbell (wired) | RTSP
Recording | Motion
Person
Sound
Chime | Snapshot (jpg) | +| Nest Doorbell (wired, 1st gen) | RTSP
Recording | Motion
Person
Sound
Chime | Snapshot (jpg) | +| Nest Doorbell (wired, 2nd gen) | WebRTC | Motion
Person
Chime | Clip Preview (mp4, gif) | | Nest Hub Max | RTSP
Recording | Motion
Person
Sound
| Snapshot (jpg) | Given a camera named `Front Yard` then the camera is created with a name such as `camera.front_yard`. diff --git a/source/_integrations/transmission.markdown b/source/_integrations/transmission.markdown index ea1aa26fa4e..4883034705e 100644 --- a/source/_integrations/transmission.markdown +++ b/source/_integrations/transmission.markdown @@ -20,10 +20,6 @@ ha_integration_type: integration The Transmission integration allows you to monitor your [Transmission](https://www.transmissionbt.com/) BitTorrent downloads from within Home Assistant and set up automations based on that information. -
-This integration is only compatible with Transmission clients versions 1.31 - 2.82. -
- ## Setup Your Transmission client must first be configured to allow remote access. In your Transmission client navigate to **Preferences** -> **Remote** tab and then click the **Allow remote access** checkbox. diff --git a/source/blue/index.html b/source/blue/index.html index 88594605c92..3042895b314 100644 --- a/source/blue/index.html +++ b/source/blue/index.html @@ -29,7 +29,7 @@ frontpage_image: /images/frontpage/blue-frontpage.jpg
diff --git a/source/images/yellow/home-assistant-yellow-exploded-and-labeled.png b/source/images/yellow/home-assistant-yellow-exploded-and-labeled.png new file mode 100644 index 00000000000..e621183ac6e Binary files /dev/null and b/source/images/yellow/home-assistant-yellow-exploded-and-labeled.png differ diff --git a/source/images/yellow/yellow-2d.jpg b/source/images/yellow/yellow-2d.jpg new file mode 100644 index 00000000000..dbd235ba2ca Binary files /dev/null and b/source/images/yellow/yellow-2d.jpg differ diff --git a/source/images/yellow/yellow-kit-2d.jpg b/source/images/yellow/yellow-kit-2d.jpg new file mode 100644 index 00000000000..2a260b34748 Binary files /dev/null and b/source/images/yellow/yellow-kit-2d.jpg differ diff --git a/source/images/yellow/yellow-kit-poe-2d.jpg b/source/images/yellow/yellow-kit-poe-2d.jpg new file mode 100644 index 00000000000..51b487c5a16 Binary files /dev/null and b/source/images/yellow/yellow-kit-poe-2d.jpg differ diff --git a/source/images/yellow/yellow-pcb-preview.jpg b/source/images/yellow/yellow-pcb-preview.jpg new file mode 100644 index 00000000000..ed9171d88d9 Binary files /dev/null and b/source/images/yellow/yellow-pcb-preview.jpg differ diff --git a/source/images/yellow/yellow-poe-box-preview.jpg b/source/images/yellow/yellow-poe-box-preview.jpg new file mode 100644 index 00000000000..c6c3886b5e1 Binary files /dev/null and b/source/images/yellow/yellow-poe-box-preview.jpg differ diff --git a/source/images/yellow/yellow-preview.jpg b/source/images/yellow/yellow-preview.jpg new file mode 100644 index 00000000000..4cc44a6e263 Binary files /dev/null and b/source/images/yellow/yellow-preview.jpg differ diff --git a/source/images/yellow/yellow_hero.jpg b/source/images/yellow/yellow_hero.jpg new file mode 100644 index 00000000000..a2f474f0a42 Binary files /dev/null and b/source/images/yellow/yellow_hero.jpg differ diff --git a/source/index.html b/source/index.html index 17236ce995c..1d341c6d87a 100644 --- a/source/index.html +++ b/source/index.html @@ -101,45 +101,6 @@ feedback: false " > - - -
-
- Home Assistant SkyConnect -
- Best way to add Zigbee and Matter to Home Assistant -
-
- -
-
- - - -
-
- Home Assistant Yellow -
- The easiest way to run Home Assistant. Now available for pre-order. -
-
- -
-
- - {% assign pages_by_date = site.pages | sort: "date" | reverse %} {% for page in pages_by_date %} {% if page.layout == "landingpage" and page.frontpage != false %} diff --git a/source/skyconnect/index.html b/source/skyconnect/index.html index 74e37c5acde..046b7d14809 100644 --- a/source/skyconnect/index.html +++ b/source/skyconnect/index.html @@ -7,7 +7,7 @@ tagline: Home Assistant SkyConnect tagline_wide: false og_image: /images/skyconnect/skyconnect-cover.png hero_image: /images/skyconnect/skyconnect_horizontal.png -frontpage: false +frontpage: true frontpage_image: /images/skyconnect/skyconnect-cover.png --- @@ -167,7 +167,9 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png 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). {% enddetails %} + devices, timeout errors, etc). +

+ See demo on YouTube. {% enddetails %}
@@ -386,7 +388,7 @@ frontpage_image: /images/skyconnect/skyconnect-cover.png 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" /> - ORDER SKYCONNECT + ORDER
diff --git a/source/yellow/index.html b/source/yellow/index.html new file mode 100644 index 00000000000..942d935c0ad --- /dev/null +++ b/source/yellow/index.html @@ -0,0 +1,350 @@ +--- +layout: landingpage +title: "Home Assistant Yellow" +description: "The easiest way to run Home Assistant. Now available for pre-order." +date: 2022-10-05 +tagline: Home Assistant Yellow +tagline_wide: false +og_image: /images/yellow/yellow_hero.jpg +hero_image: /images/yellow/yellow_hero.jpg +frontpage: true +frontpage_image: /images/frontpage/yellow-frontpage.jpg +--- + + + +
+ + +
+
+ Fast + Compute Module 4 + Powered by the powerful Raspberry Pi Compute Module 4. Swap it out for a better one if you need more power in the future. +
+
+ Expandable + M.2 Slot + Add a hard drive with terabytes of extra space +
+
+ Connected + Zigbee & Thread + Comes with Zigbee out of the box. Thread to power your Matter network is coming soon +
+
+ Ready + Zero Setup + Comes with Home Assistant +
+
+
+ +
+ +
+ +
+

Pick your flavor

+
+
2D overview of the content of the Home Assistant Yellow
+
+ Home Assistant Yellow
+ This flagship version of Home Assistant Yellow is ready to go out of the box. +

+ It comes pre-assembled in a custom enclosure with a Raspberry Pi Compute Module 4 (CM4) and a custom heat sink for fanless, silent operation. The CM4 is a version without wireless and has 2 GB RAM and 16 GB eMMC storage, pre-installed with Home Assistant. +

+ All you need to get started is to plug in the power supply and the Ethernet cable, both of which are included. This variant does not have Power-over-Ethernet. +
+
+
+
2D overview of the content of the Home Assistant Yellow Kit Power-over-Ethernet variant
+
+ Yellow Kit with Power-over-Ethernet
+ Some assembly required! This kit supports Power-over-Ethernet (PoE) and includes everything in the flagship version except the Raspberry Pi Compute Module 4. +

+ Custom enclosure, custom heat sink, and Ethernet cable included. You must provide your own Raspberry Pi Compute Module 4 and install Home Assistant on it. The kit does not include a power supply (because power comes from PoE). +
+
+
+
2D overview of the content of the Home Assistant Yellow Kit
+
+ Yellow Kit with Power Supply
+ Some assembly required! This kit includes everything in the flagship version except the Raspberry Pi Compute Module 4. +

+ This option allows you to pick the compute module with the memory and eMMC storage to fit your needs. You will need to install Home Assistant on the compute module you provide. Custom enclosure, custom heat sink, and Ethernet cable included. This version comes with a power supply, but does not support Power-over-Ethernet. +
+
+
+ + +
+

Open Hardware

+

+ We spend a lot of time and resources on getting our products to work great. We want to make it possible for other people to study our work and be able to learn how to make great products for the smart home, so we've released the schematics of Yellow as open-source. + Explore the board and view the source. +

+
+ +
Features & Specifications
+
+ + +
+ +
+
+
+
+ Home Assistant Yellow + + + + + +
+ +
+
+ +
+ + + + ORDER +
+ +