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-21 08:16:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Include the features section from blue on the frontpage (#18285)

Browse Source 
Co-authored-by: Paulus Schoutsen <balloob@gmail.com>
This commit is contained in:
Joakim Sørensen 2021-06-28 05:40:43 +02:00 committed by GitHub
parent d156a259cd
commit 93f8b75dde
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 14 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sass/custom/_blue.scss
View File

@ -54,14 +54,6 @@ $ha__primary_color: #03a9f4;
max-width: 1000px;
margin: auto;
.sub-title {
font-weight: bold;
font-size: 42px;
line-height: 49px;
margin: 32px;
text-align: center;
}
.missing-piece {
z-index: 2;
position: relative;

10
sass/custom/_features.scss
View File

@ -1,5 +1,6 @@
.feature-cards {
display: grid;
letter-spacing: normal;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
margin: auto;
@ -43,6 +44,15 @@
}
}
.sub-title {
letter-spacing: normal;
font-weight: bold;
font-size: 42px;
line-height: 49px;
margin: 32px;
text-align: center;
}
@media only screen and (max-width: $palm-end) {
.feature-cards {
width: 95%;

2
source/_includes/custom/features.html
View File

@ -49,7 +49,7 @@
<ul>
<li>Run AdGuard, a DNS-based ad blocker</li>
<li>Run third party automation engines like NodeRed</li>
<li>Turn Home Assistant Blue into a Spotify Connect target</li>
<li>Turn Home Assistant into a Spotify Connect target</li>
</ul>
<a class="button" href="/addons">EXPLORE ADD-ONS</a>
</div>

51
source/_includes/custom/grid_item_left.html
View File

@ -1,51 +0,0 @@
<h2 class="title">Observe</h2>
<hr>
<p>Home Assistant will track the state of all the devices in your home, so you don't have to.</p>
<div class="supported-brands clearfix">
<a href="/integrations/ecobee/">
<img alt="Ecobee" src="https://brands.home-assistant.io/ecobee/logo.png"/>
</a>
<a href="/integrations/hue/">
<img alt="Philips Hue" src="https://brands.home-assistant.io/hue/logo.png"/>
</a>
<a href="/integrations/cast/">
<img alt="Google Cast" src="https://brands.home-assistant.io/cast/logo.png"/>
</a>
<a href="/integrations/google_assistant/">
<img alt="Google Assistant" src="https://brands.home-assistant.io/google_assistant/logo.png"/>
</a>
<a href="/integrations/mqtt/">
<img alt="MQTT" src="https://brands.home-assistant.io/mqtt/logo.png"/>
</a>
<a href="/integrations/wemo/">
<img alt="Belkin WeMo" src="https://brands.home-assistant.io/wemo/logo.png"/>
</a>
<a href="/integrations/shelly/">
<img alt="Shelly" src="https://brands.home-assistant.io/shelly/logo.png"/>
</a>
<a href="/integrations/kodi/">
<img alt="Kodi" src="https://brands.home-assistant.io/kodi/logo.png"/>
</a>
<a href="/integrations/plex/">
<img alt="Plex" src="https://brands.home-assistant.io/plex/logo.png"/>
</a>
<a href="/integrations/tradfri/">
<img alt="IKEA Tradfri" src="https://brands.home-assistant.io/tradfri/logo.png"/>
</a>
<a href="/integrations/vera/">
<img alt="Vera" src="https://brands.home-assistant.io/vera/logo.png"/>
</a>
<a href="/integrations/sonos/">
<img alt="Sonos" src="https://brands.home-assistant.io/sonos/logo.png"/>
</a>
<a href="/integrations/zha/">
<img alt="Zigbee Home Automation" src="https://brands.home-assistant.io/zha/logo.png"/>
</a>
<a href="/integrations/zwave_js/">
<img alt="Z-Wave JS" src="https://brands.home-assistant.io/zwave_js/logo.png"/>
</a>
</div>
<p class="pull-right">
<a href="/integrations/">Browse all &raquo;</a>
</p>

6
source/_includes/custom/grid_item_middle.html
View File

@ -1,6 +0,0 @@
<h2 class="title">Control</h2>
<hr>
<p>Control all your devices from a single, mobile-friendly, interface.</p>
<p>
Home Assistant allows you to control all your devices without storing any of your data in the cloud. We like to keep your privacy private.
</p>

12
source/_includes/custom/grid_item_right.html
View File

@ -1,12 +0,0 @@
<h2 class="title">Automate</h2>
<hr>
<p>Set up advanced rules to control devices and bring your home alive.</p>
<p>Do you want to &hellip;</p>
<ul>
<li>have the lights turn on when the sun sets and you are home?</li>
<li>have the lights turn on when anyone comes home and it is dark?</li>
<li>dim the lights when you start watching a movie on your Chromecast?</li>
<li>receive a message when the lights turn on while you are not at home?</li>
</ul>
<p><a href='/getting-started/automation/'>We've got you covered.</a></p>
<p><a href='/examples/'>View examples by the community.</a></p>

2
source/_includes/custom/welcome.html
View File

@ -6,5 +6,5 @@ Open source home automation that puts local control and privacy first. Powered b
<p class='hero-buttons'>
<a href='/getting-started/'>Get started</a>
<a href='https://demo.home-assistant.io' target='_blank'>View demo</a>
<a rel="me" href='https://github.com/home-assistant/home-assistant'>Browse code on GitHub</a>
<a href='/integrations/'>Browse 1000+ integrations</a>
</p>

43
source/index.html
View File

@ -167,47 +167,8 @@ description:
</a>
</div>
<div class="grid__item one-third lap-one-whole palm-one-whole usp">
<div class="grid">
<div class="grid__item one-whole lap-one-third">
<span class="icon">
<i class="icon-eye-open"></i>
</span>
</div>
<div class="grid__item one-whole lap-two-thirds">
{% include custom/grid_item_left.html %}
</div>
</div>
</div>
<div class="grid__item one-third lap-one-whole palm-one-whole usp">
<div class="grid">
<div class="grid__item one-whole lap-one-third">
<span class="icon">
<i class="icon-mobile-phone"></i>
</span>
</div>
<div class="grid__item one-whole lap-two-thirds">
{% include custom/grid_item_middle.html %}
</div>
</div>
</div>
<div class="grid__item one-third lap-one-whole palm-one-whole usp">
<div class="grid">
<div class="grid__item one-whole lap-one-third">
<span class="icon">
<i class="icon-cogs"></i>
</span>
</div>
<div class="grid__item one-whole lap-two-thirds">
{% include custom/grid_item_right.html %}
</div>
</div>
</div>
<div class="sub-title">Features</div>
{% include custom/features.html %}
<div class="seen-press grid__item one-half lap-one-half palm-one-whole">
<div class="material-card">