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-23 17:27:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add Assist promo (#29437)

Browse Source 
* Add Assist promo

* Update picture
This commit is contained in:
Paulus Schoutsen 2023-10-19 17:15:49 -04:00 committed by GitHub
parent 7a654a52e6
commit b066485c4f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 168 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
source/images/frontpage/assist_wake_word.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

269
source/index.html
View File

@ -6,6 +6,7 @@ is_homepage: true
regenerate: true
feedback: false
---
{% assign recent_release_post = site.categories['Core'].first %}
<div class="frontpage">
@ -22,7 +23,9 @@ feedback: false
>
<div class="links">
<a href="{{ recent_release_post.url }}{{ site.patch_version_notes }}">Release notes</a>
<a href="{{ recent_release_post.url }}{{ site.patch_version_notes }}"
>Release notes</a
>
</div>
</div>
@ -30,7 +33,7 @@ feedback: false
<h1>Recent Blog Posts</h1>
{% for post in site.posts limit: 4 %}
<li class="post" style="display: grid; font-size: 16px;">
<li class="post" style="display: grid; font-size: 16px">
<a href="{{ post.url }}">{{ post.title }}</a>
<small class="blog-date">{{ post.date_formatted }}</small>
</li>
@ -61,7 +64,11 @@ feedback: false
Use Alexa to control Home Assistant.
<div class="links">
<a href="/cloud/" aria-label="Learn more about use Alexa to control Home Assistant">LEARN MORE</a>
<a
href="/cloud/"
aria-label="Learn more about use Alexa to control Home Assistant"
>LEARN MORE</a
>
</div>
</div>
<div class="material-card text">
@ -69,7 +76,11 @@ feedback: false
Use Google Assistant to control Home Assistant.
<div class="links">
<a href="/cloud/" aria-label="Learn more about use Google Assistant to control Home Assistant">LEARN MORE</a>
<a
href="/cloud/"
aria-label="Learn more about use Google Assistant to control Home Assistant"
>LEARN MORE</a
>
</div>
</div>
@ -85,11 +96,40 @@ feedback: false
Home Assistant Cast makes every TV a display.
</div>
</div>
<svg viewBox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>
<svg 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 class="grid__item two-thirds lap-two-thirds palm-one-whole">
<a
class="material-card picture-promo"
href="/blog/2023/10/12/year-of-the-voice-chapter-4-wakewords/"
style="
background-image: url(/images/frontpage/assist_wake_word.png);
background-size: cover;
padding-top: 35%;
"
>
<div class="caption">
<div class="title">
Control your home with Assist
<div class="subtitle">
Our private, insanely fast, voice assistant running on affordable
hardware. Now supporting wake words.
</div>
</div>
<svg 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>
<!-- 10 YEAR HA -->
<a
href="https://www.youtube.com/watch?v=EmLV6lJLzSU"
@ -100,30 +140,31 @@ feedback: false
padding-top: 55%;
"
></a>
{% assign pages_by_date = site.pages | sort: "date" | reverse %}
{% for page in pages_by_date %}
{% if page.layout == "landingpage" and page.frontpage != false %}
<a
class="material-card picture-promo"
href="{{page.url}}"
style="
{% assign pages_by_date = site.pages | sort: "date" | reverse %} {% for
page in pages_by_date %} {% if page.layout == "landingpage" and
page.frontpage != false %}
<a
class="material-card picture-promo"
href="{{page.url}}"
style="
background-image: url({{page.frontpage_image | default:page.og_image}});
background-size: cover;
background-color: #41bdf5;
"
>
<div class="caption">
<div class="title">
{{page.title}}
<div class="subtitle">
{{page.description}}
</div>
</div>
<svg viewBox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>
>
<div class="caption">
<div class="title">
{{page.title}}
<div class="subtitle">{{page.description}}</div>
</div>
</a>
{% endif %}
{% endfor %}
<svg 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>
{% endif %} {% endfor %}
<!-- Tutorial: setup private voice assistant over phone -->
<a
href="/voice_control/worlds-most-private-voice-assistant/"
@ -149,7 +190,11 @@ feedback: false
Use NFC to bring music to your life or automate the mundane.
</div>
</div>
<svg viewBox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>
<svg 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>
@ -165,7 +210,11 @@ feedback: false
Look sharp in blue, black or gray. Wearing a HA t-shirt is okay.
</div>
</div>
<svg viewBox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>
<svg 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>
@ -173,94 +222,112 @@ feedback: false
<div class="sub-title">Features</div>
{% include custom/features.html %}
<div class="grid sponsors-and-press">
<div class="sponsored-by grid__item one-half lap-one-half palm-one-whole">
<div class="material-card">
<h1>Home Assistant is sponsored by</h1>
<div class="sponsored-by grid__item one-half lap-one-half palm-one-whole">
<div class="material-card">
<h1>Home Assistant is sponsored by</h1>
<a href="https://www.nabucasa.com"
><img alt="Nabu Casa logo" src="/images/sponsors/nabu_casa.svg"
/></a>
<a href="https://www.nabucasa.com"
><img alt="Nabu Casa logo" src="/images/sponsors/nabu_casa.svg"
/></a>
</div>
</div>
</div>
<div class="seen-press grid__item one-half lap-one-half palm-one-whole">
<div class="material-card">
<h1>Home Assistant in the press</h1>
<div class="seen-press grid__item one-half lap-one-half palm-one-whole">
<div class="material-card">
<h1>Home Assistant in the press</h1>
<a href="https://www.theverge.com/2021/9/16/22678088/home-assistant-amber-smart-home-hub-specs-release-date-price"
target="_blank" rel="noopener"
><img
alt="The Verge logo"
src="/images/press/theverge.svg"
/></a>
<a
href="https://www.theverge.com/2021/9/16/22678088/home-assistant-amber-smart-home-hub-specs-release-date-price"
target="_blank"
rel="noopener"
><img alt="The Verge logo" src="/images/press/theverge.svg"
/></a>
<a href="https://arstechnica.com/information-technology/2021/03/how-to-achieve-smart-home-nirvana-or-home-automation-without-subscription/"
target="_blank" rel="noopener"
><img
alt="ArsTechnica.com logo"
src="/images/press/arstechnica.svg"
/></a>
<a
href="https://arstechnica.com/information-technology/2021/03/how-to-achieve-smart-home-nirvana-or-home-automation-without-subscription/"
target="_blank"
rel="noopener"
><img
alt="ArsTechnica.com logo"
src="/images/press/arstechnica.svg"
/></a>
<a href="https://tweakers.net/reviews/8704/paulus-schoutsen-home-assistant-concurreert-met-alles-wat-via-de-cloud-gaat.html"
target="_blank" rel="noopener"
><img
alt="Tweakers.net logo"
src="/images/press/tweakers.png"
/></a>
<a
href="https://tweakers.net/reviews/8704/paulus-schoutsen-home-assistant-concurreert-met-alles-wat-via-de-cloud-gaat.html"
target="_blank"
rel="noopener"
><img alt="Tweakers.net logo" src="/images/press/tweakers.png"
/></a>
<a href="https://www.youtube.com/watch?v=x7pSkVarixU"
target="_blank" rel="noopener"
><img
alt="Linus Tech Tips logo"
class='square'
src="/images/press/ltt.svg"
/></a>
<a
href="https://www.youtube.com/watch?v=x7pSkVarixU"
target="_blank"
rel="noopener"
><img
alt="Linus Tech Tips logo"
class="square"
src="/images/press/ltt.svg"
/></a>
<a href="https://www.troyhunt.com/iot-unravelled-part-1-its-a-mess-but-then-theres-home-assistant/"
target="_blank" rel="noopener"
><img
class='square round'
alt="Troy Hunt logo"
src="/images/press/troyhunt.jpg"
/></a>
<a
href="https://www.troyhunt.com/iot-unravelled-part-1-its-a-mess-but-then-theres-home-assistant/"
target="_blank"
rel="noopener"
><img
class="square round"
alt="Troy Hunt logo"
src="/images/press/troyhunt.jpg"
/></a>
<a href="https://www.tomshardware.com/news/raspberry-pi-home-assistant-amber"
target="_blank" rel="noopener"
><img
alt="Tom's Hardware logo"
src="/images/press/tomshardware.svg"
/></a>
<a
href="https://www.tomshardware.com/news/raspberry-pi-home-assistant-amber"
target="_blank"
rel="noopener"
><img
alt="Tom's Hardware logo"
src="/images/press/tomshardware.svg"
/></a>
<a href="https://www.producthunt.com/posts/home-assistant"
target="_blank" rel="noopener"
><img
alt="ProductHunt.com logo"
src="/images/press/producthunt.com.png"
/></a>
<a
href="https://www.producthunt.com/posts/home-assistant"
target="_blank"
rel="noopener"
><img
alt="ProductHunt.com logo"
src="/images/press/producthunt.com.png"
/></a>
<a
href="https://www.linux.com/news/home-assistant-python-approach-home-automation-video"
target="_blank" rel="noopener"
><img alt="Linux.com logo" src="/images/press/linux.com.png"
/></a>
<a
href="https://www.linux.com/news/home-assistant-python-approach-home-automation-video"
target="_blank"
rel="noopener"
><img alt="Linux.com logo" src="/images/press/linux.com.png"
/></a>
<a href="https://opensource.com/article/17/7/home-automation-primer"
target="_blank" rel="noopener"
><img
alt="OpenSource.com logo"
src="/images/press/opensource.com.svg"
/></a>
<a
href="https://opensource.com/article/17/7/home-automation-primer"
target="_blank"
rel="noopener"
><img
alt="OpenSource.com logo"
src="/images/press/opensource.com.svg"
/></a>
<a href="http://www.linux-magazine.com/Issues/2017/203/Home-Assistant"
target="_blank" rel="noopener"
><img alt="Linux Magazine logo" src="/images/press/LinuxMagazine.png"
/></a>
<a
href="http://www.linux-magazine.com/Issues/2017/203/Home-Assistant"
target="_blank"
rel="noopener"
><img
alt="Linux Magazine logo"
src="/images/press/LinuxMagazine.png"
/></a>
<a
href="https://www.heise.de/ct/ausgabe/2017-26-Hausautomations-Schaltzentrale-Home-Assistant-3909532.html"
target="_blank" rel="noopener"
><img alt="Ct logo" src="/images/press/ct.png"
/></a>
</div>
<a
href="https://www.heise.de/ct/ausgabe/2017-26-Hausautomations-Schaltzentrale-Home-Assistant-3909532.html"
target="_blank"
rel="noopener"
><img alt="Ct logo" src="/images/press/ct.png"
/></a>
</div>
</div>
</div>
</div>