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-28 19:57:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Map hardware pages

Browse Source
This commit is contained in:
c0ffeeca7 2023-05-26 19:29:10 +02:00
parent 426c64bb57
commit de66cf1460
5 changed files with 1333 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
source/_data/header.yml
View File

@ -4,5 +4,7 @@
slug: learn slug: learn
- menu: Integrate - menu: Integrate
slug: integrate slug: integrate
- menu: Hardware
slug: hardware
- menu: Blog - menu: Blog
slug: blog slug: blog

27
source/_layouts/hardware.html Normal file
View File

@ -0,0 +1,27 @@
---
layout: default
---
<section class="container mx-auto relative pt-20 md:pt-[180px]" id="learn">
<img src="{{ site.baseurl }}images/yellow/yellow_hero.jpg" class="absolute min-w-[107%] h-auto left-[50%] translate-x-[-50%]" alt="learn-bg" loading="lazy">
<div class="relative z-20">
<h1 class="pt-[80px] sm:pt-[200px] pb-[55px] md:pb-[120px] text-white text-[32px] md:text-[68px] text-center font-bold">{{page.title}}</h1>
<div class="learn-grid grid md:grid-cols-2 lg:grid-cols-3 tracking-[-0.02em] text-black">
<div class="border-border-line border rounded-[40px] mb-10 p-7 md:py-14 md:px-2 bg-white text-center mx-2 md:mx-5">
<div class="h-[34px] md:h-[70px] mb-10 text-center"><a href="{{guide.url}}"><img src="{{ site.baseurl }}images/icon/hardware.svg" class="m-auto h-full" alt="Get started" loading="lazy"></a></div>
<a href="{{guide.url}}" class="text-lg md:text-4xl font-bold">Home Assistant Yellow</a>
<div class="hidden md:block mt-8">
<a href="/yellow/" class="text-lg font-medium mb-5 block">Buy</a>
<a href="https://yellow.home-assistant.io/" class="text-lg font-medium mb-5 block">Documentation</a>
</div>
</div>
<div class="border-border-line border rounded-[40px] mb-10 p-7 md:py-14 md:px-2 bg-white text-center mx-2 md:mx-5">
<div class="h-[34px] md:h-[70px] mb-10 text-center"><a href="{{guide.url}}"><img src="{{ site.baseurl }}images/icon/hardware.svg" class="m-auto h-full" alt="Get started" loading="lazy"></a></div>
<a href="{{guide.url}}" class="text-lg md:text-4xl font-bold">Home Assistant SkyConnect</a>
<div class="hidden md:block mt-8">
<a href="/skyconnect/" class="text-lg font-medium mb-5 block">Buy</a>
<a href="https://skyconnect.home-assistant.io/" class="text-lg font-medium mb-5 block">Documentation</a>
</div>
</div>
</div>
</div>
</section>

1297
source/_styles/custom/landingpage.css Normal file
View File

File diff suppressed because it is too large Load Diff

1
source/_styles/main.css
View File

@ -11,6 +11,7 @@
@import "./custom/topic.css"; @import "./custom/topic.css";
@import "./custom/integrations.css"; @import "./custom/integrations.css";
@import "./custom/getting-started.css"; @import "./custom/getting-started.css";
@import "./custom/landingpage.css";
@import "./custom/tabbed-block.css"; @import "./custom/tabbed-block.css";
@import 'home.css'; @import 'home.css';

6
source/hardware/index.md Normal file
View File

@ -0,0 +1,6 @@
---
layout: hardware
title: Hardware
---
_Left empty intentionally._