Zack Barett 464ba46098
Add events to Home Page (#22927)
* Add events to Home Page

* squoosh image

* Link to Blog

* Mobile Style

* Update image size
2022-05-30 20:08:59 -07:00

296 lines
11 KiB
HTML

---
show_title: false
sidebar: false
hero_unit: true
is_homepage: true
regenerate: true
feedback: false
---
<div class="frontpage">
<div class="grid">
<div class="grid__item one-third lap-one-third palm-one-whole">
<div class="current-version material-card text">
<h1>
Current Version: {{ site.current_major_version }}.{{
site.current_minor_version }}.{{ site.current_patch_version }}
</h1>
Released:
<span class="release-date"
>{{ site.date_released | date: "%B %e, %Y" }}</span
>
<div class="links">
<a href="/latest-release-notes/">Release notes</a>
</div>
</div>
<div class="recent-posts material-card text">
<h1>Recent Blog Posts</h1>
{% for post in site.posts limit: 4 %}
<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>
{% endfor %}
</div>
<div class="join-community material-card text">
<h1>Join The Community</h1>
We love to help with &amp; talk about home automation.
<div class="links">
<a href="https://community.home-assistant.io">Forums</a>
<a href="/join-chat/">Chat</a>
<a href="/newsletter/">Newsletter</a>
</div>
</div>
<a
class="material-card highlight-blog-post"
href="/blog/2016/01/19/perfect-home-automation/"
>
Read our founder's vision for the perfect home automation
<i class="icon-arrow-right"></i>
</a>
<div class="material-card text">
<h1>Alexa, turn on the lights</h1>
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>
</div>
</div>
<div class="material-card text">
<h1>Ok Google, turn on the AC</h1>
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>
</div>
</div>
<a
class="material-card picture-promo"
href="/blog/2019/08/06/home-assistant-cast/"
style="background-image: url(/images/frontpage/cast-frontpage.png)"
>
<div class="caption">
<div class="title">
Take over all the screens
<div class="subtitle">
Home Assistant Cast makes each 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>
</div>
</a>
</div>
<div class="grid__item two-thirds lap-two-thirds palm-one-whole">
<div class="material-card events">
<h3>Upcoming Events</h3>
<a href="/blog/2022/05/29/matter-in-home-assistant-workshop-announcement/" class="event">
<div class="caption">
<div class="title">Matter in Home Assistant Workshop</div>
<div class="secondary">Wed June 15th - 12:00 PM PDT / 21:00 CET</div>
<p class="subtitle">We will be hosting our free Matter in Home Assistant workshop. The workshop will contain two
parts. In the first part we will talk about what Matter is and how it will work in Home Assistant. In the second
part we will
walk you through how to add experimental Matter support to your Home Assistant installation and integrate your
first Wi-Fi based Matter device.</p>
</div>
<img src="images/blog/2022-05-matter-in-home-assistant-workshop-announcement/social.png" />
</a>
<a href="https://www.youtube.com/watch?v=SEH-DxOsywg" class="event" target="_blank">
<div class="caption">
<div class="title">Let's get loud! - Audio in the Open Home</div>
<div class="secondary">Thu June 16th - 12:00 PM PDT / 21:00 CET</div>
<p class="subtitle">We've been working on some exciting open audio stuff for the smart home we would like to
share. Featuring Home Assistant, ESPHome, Raspiaudio and a special guest.
</p>
</div>
<img src="/images/events/lets-get-loud.jpg" />
</a>
</div>
<!-- Home Assistant Yellow -->
<a
class="material-card picture-promo"
href="https://www.crowdsupply.com/nabu-casa/home-assistant-yellow"
style="
background-image: url(/images/frontpage/yellow-frontpage.jpg);
background-size: cover;
background-color: #41bdf5;
"
>
<div class="caption">
<div class="title">
Home Assistant Yellow
<div class="subtitle">
The easiest way to run Home Assistant. Now available for pre-order.
</div>
</div>
<svg width="24" height="24" viewBox="0 0 24 24"><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>
</div>
</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="
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>
</a>
{% endif %}
{% endfor %}
<a
class="material-card picture-promo"
href="/blog/2020/09/15/home-assistant-tags/"
style="
background-image: url(/images/blog/2020-09-15-home-assistant-tags/tag-reader.jpg);
"
>
<div class="caption">
<div class="title">
Home Assistant Tags
<div class="subtitle">
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>
</div>
</a>
<a
class="material-card picture-promo"
href="https://teespring.com/stores/home-assistant-store"
style="background-image: url(/images/merchandise/shirt-frontpage.png)"
>
<div class="caption">
<div class="title">
Join the Home Assistant t-shirt revolution!
<div class="subtitle">
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>
</div>
</a>
</div>
<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>
<a href="https://www.nabucasa.com"
><img alt="Nabu Casa logo" src="/images/sponsors/nabu_casa.svg"
/></a>
</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>
<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://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.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.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://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="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>
</div>