Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions public/svgs/chip.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions public/svgs/zwave.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions src-11ty/_includes/install.html
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,8 @@

.installer-card install-esphome-firmware,
.installer-card install-esp-bridge-firmware,
.installer-card install-firmware,
.installer-card configure-zwa2,
.installer-card recover-adapter {
width: 100%;
border: none;
Expand All @@ -137,6 +139,8 @@

install-esphome-firmware .min-h-screen,
install-esp-bridge-firmware .min-h-screen,
install-firmware .min-h-screen,
configure-zwa2 .min-h-screen,
recover-adapter .min-h-screen {
min-height: auto !important;
}
Expand Down
3 changes: 3 additions & 0 deletions src-11ty/_includes/product-overview.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,9 @@ <h1 class="details-hero-title">{{ productTitle }}</h1>

<div class="details-actions">
{%- for action in actions %}
{% if action.section_header %}
<div class="action-section-header">{{ action.section_header }}</div>
{% endif %}
{% set external = action.href.startsWith('http') %}
{% if action.tag_open %}
{{ action.tag_open | safe }}
Expand Down
2 changes: 1 addition & 1 deletion src-11ty/home-assistant-connect-zbt-2/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ productSubtitle: Zigbee 3.0 & Thread USB adapter

actions:
- title: Install firmware
description: Update your ZBT-2 with the latest Zigbee or Thread firmware
description: Update your ZBT-2 with the latest Zigbee, Zigbee Repeater or Thread firmware
href: /home-assistant-connect-zbt-2/install
icon: /svgs/install.svg

Expand Down
2 changes: 1 addition & 1 deletion src-11ty/home-assistant-connect-zbt-2/install.njk
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: install.html
title: Install Firmware
subtitle: Update your ZBT-2 with the latest Zigbee or Thread firmware
subtitle: Update your ZBT-2 with the latest Zigbee, Zigbee Repeater or Thread firmware
description: Install the latest Zigbee or Thread firmware on your ZBT-2
Comment thread
stvncode marked this conversation as resolved.
backHref: /home-assistant-connect-zbt-2/
hero: |
Expand Down
19 changes: 19 additions & 0 deletions src-11ty/home-assistant-connect-zwa-2/configure-zwa2.njk
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
---
layout: install.html
title: Configure ZWA-2
subtitle: Change region, view DSK and QR code
description: Configure your Home Assistant Connect ZWA-2
backHref: /home-assistant-connect-zwa-2/
hero: |
<p>
Configure an existing ZWA-2 adapter. Change the Z-Wave region, view the DSK, and display the QR code for SmartStart inclusion.
</p>
---

<div class="installer-wrapper">
<div class="installer-card">
<configure-zwa2></configure-zwa2>
</div>
</div>

<script type="module" src="https://home-assistant.github.io/zwa2-toolbox/standalone/configure-zwa2.js"></script>
33 changes: 29 additions & 4 deletions src-11ty/home-assistant-connect-zwa-2/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,23 +8,48 @@ productTitle: Home Assistant Connect ZWA-2
productSubtitle: The ultimate way to connect Z-Wave devices to Home Assistant.

actions:
- title: Install original firmware
- title: Install original USB bridge firmware
section_header: ESP firmware
description: The original firmware that allows to connect the ZWA-2 directly to Home Assistant hub via USB cable.
href: /home-assistant-connect-zwa-2/install
icon: /svgs/install.svg
icon: /svgs/chip.svg

- title: Install portable Z-Wave firmware
description: Place the ZWA-2 in the most optimal position and connect it to Home Assistant via Wi-Fi.
href: /home-assistant-connect-zwa-2/install-portable
icon: /svgs/install.svg
icon: /svgs/chip.svg
experimental: true

- title: Use Portable Z-Wave with Power-over-Ethernet
description: Place the ZWA-2 in the most optimal position and connect it to Home Assistant via Power-over-Ethernet.
href: /home-assistant-connect-zwa-2/use-poe
icon: /svgs/install.svg
icon: /svgs/chip.svg
experimental: true

- title: Install Z-Wave controller firmware
section_header: Z-Wave firmware
description: Restore the original Z-Wave controller firmware after using the repeater or Zniffer firmware.
href: /home-assistant-connect-zwa-2/install-controller
icon: /svgs/zwave.svg

- title: Install Z-Wave repeater firmware
description: This firmware turns ZWA-2 into a standalone Z-Wave device, which can help strengthen an existing Z-Wave network.
href: /home-assistant-connect-zwa-2/install-repeater
icon: /svgs/zwave.svg
experimental: true

- title: Install Z-Wave Zniffer firmware
description: This is a development firmware that can be used to inspect packets, decode traffic, send commands, gather statistics, and more.
href: /home-assistant-connect-zwa-2/install-zniffer
icon: /svgs/zwave.svg
experimental: true

- title: Configure ZWA-2
section_header: Tools
description: Change region, view DSK and QR code for an existing ZWA-2.
href: /home-assistant-connect-zwa-2/configure-zwa2
icon: /svgs/wrench.svg

- title: Recover adapter
description: Recover a non-responsive ZWA-2 adapter.
href: /home-assistant-connect-zwa-2/recover
Expand Down
19 changes: 19 additions & 0 deletions src-11ty/home-assistant-connect-zwa-2/install-controller.njk
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
---
layout: install.html
title: Install Z-Wave controller firmware
subtitle: Restore the original Z-Wave controller firmware
description: Install Z-Wave controller firmware on your Home Assistant Connect ZWA-2
backHref: /home-assistant-connect-zwa-2/
hero: |
<p>
Restore the original Z-Wave controller firmware after using the repeater or Zniffer firmware.
</p>
---

<div class="installer-wrapper">
<div class="installer-card">
<install-firmware firmware="controller"></install-firmware>
</div>
</div>

<script type="module" src="https://home-assistant.github.io/zwa2-toolbox/standalone/install-firmware.js"></script>
19 changes: 19 additions & 0 deletions src-11ty/home-assistant-connect-zwa-2/install-repeater.njk
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
---
layout: install.html
title: Install Z-Wave repeater firmware
subtitle: Turn ZWA-2 into a standalone Z-Wave repeater
description: Install Z-Wave repeater firmware on your Home Assistant Connect ZWA-2
backHref: /home-assistant-connect-zwa-2/
hero: |
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't we have support for block tags to bring things into other parts of html

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No other pages in the project use block tag, the new pages are just following the existing convention

<p>
This firmware turns ZWA-2 into a standalone Z-Wave device, which can help strengthen an existing Z-Wave network.
</p>
---

<div class="installer-wrapper">
<div class="installer-card">
<install-firmware firmware="repeater"></install-firmware>
</div>
</div>

<script type="module" src="https://home-assistant.github.io/zwa2-toolbox/standalone/install-firmware.js"></script>
19 changes: 19 additions & 0 deletions src-11ty/home-assistant-connect-zwa-2/install-zniffer.njk
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
---
layout: install.html
title: Install Z-Wave Zniffer firmware
subtitle: Inspect packets, decode traffic, and gather statistics
description: Install Z-Wave Zniffer firmware on your Home Assistant Connect ZWA-2
backHref: /home-assistant-connect-zwa-2/
hero: |
<p>
This is a development firmware that can be used to inspect packets, decode traffic, send commands, gather statistics, and more.
</p>
---

<div class="installer-wrapper">
<div class="installer-card">
<install-firmware firmware="zniffer"></install-firmware>
</div>
</div>

<script type="module" src="https://home-assistant.github.io/zwa2-toolbox/standalone/install-firmware.js"></script>
9 changes: 9 additions & 0 deletions src/styles/details-page.css
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,15 @@
flex-direction: column;
}

.action-section-header {
padding: 12px 16px 4px;
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--app-text-muted);
}

.action-item {
display: grid;
grid-template-columns: auto 1fr auto;
Expand Down
16 changes: 16 additions & 0 deletions vite.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,22 @@ export default defineConfig({
__dirname,
'dist/home-assistant-connect-zwa-2/recover/index.html'
),
homeAssistantConnectZwa2InstallController: resolve(
__dirname,
'dist/home-assistant-connect-zwa-2/install-controller/index.html'
),
homeAssistantConnectZwa2InstallRepeater: resolve(
__dirname,
'dist/home-assistant-connect-zwa-2/install-repeater/index.html'
),
homeAssistantConnectZwa2InstallZniffer: resolve(
__dirname,
'dist/home-assistant-connect-zwa-2/install-zniffer/index.html'
),
homeAssistantConnectZwa2ConfigureZwa2: resolve(
__dirname,
'dist/home-assistant-connect-zwa-2/configure-zwa2/index.html'
),
homeAssistantConnectZbt1: resolve(
__dirname,
'dist/home-assistant-connect-zbt-1/index.html'
Expand Down
Loading