Add Yellow to Getting started section (#26676)

Co-authored-by: Marc Randolph <mrand@users.noreply.github.com>
Co-authored-by: Franck Nijhof <frenck@frenck.nl>
This commit is contained in:
c0ffeeca7 2023-03-26 16:15:59 +02:00 committed by GitHub
parent 00c3750da1
commit 1906bc57f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 64 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 247 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

View File

@ -37,7 +37,23 @@ toc: true
</div>
<div class="installations">
<h2>Home Assistant Yellow</h2>
<a href="/installation/yellow" class="installations-card">
<div class="material-card text">
<div class="content-container">
<div>
<img src="/images/installation/yellow-logo-square.png">
</div>
<div>
<b>Home Assistant Yellow</b>
<ul>
<li>Home Assistant Operating System</li>
</ul>
</div>
</div>
{% include assets/chevron_right.html %}
</div>
</a>
<h2>Raspberry Pi</h2>
<a href="/installation/raspberrypi" class="installations-card">
<div class="material-card text">

View File

@ -0,0 +1,47 @@
---
title: "Home Assistant Yellow"
description: "Install Home Assistant on a Yellow"
installation_type: yellow
---
{% comment %}
Included sections for this page is located under source/_includes/installation
{% endcomment %}
{% assign board = "Yellow" %}
<article class="page">
<div class="installations">
<div>
<div class="material-card text">
<div class="content-container">
<div>
<img src="/images/installation/yellow-logo.png" style="margin-bottom: 24px;">
</div>
<div>
<p>Our take on Home Automation.</p>
<p><img src="/images/installation/home-assistant-yellow-exploded-and-labeled.png"
style="margin-bottom: 16px;"> </a>
</p>
<p>Don't have the hardware yet? </br>
Visit the <a href="/yellow">Home Assistant Yellow product page</p>
</div>
</div>
</div>
</div>
<div style="margin-top: 72px;">
<div>
<h1>Installation instructions</h1>
</div>
<div class="material-card text" style="margin-bottom: 72px;">
<div class="content-container">
<div>
<p>Already have the hardware?</p>
<p>For installation instructions, check out the <a
href="/yellow">Home Assistant Yellow documentation</a></p>
<p><img src="/images/installation/yellow-docs.png" style="margin-bottom: 16px;"></p>
</div>
</div>
</div>
</div>
</div>
</article>
<div> </div>