diff --git a/sass/homeassistant/_overrides.scss b/sass/homeassistant/_overrides.scss index 4a4006b3fe1..efa5eefd6e7 100644 --- a/sass/homeassistant/_overrides.scss +++ b/sass/homeassistant/_overrides.scss @@ -493,8 +493,8 @@ a.material-card:hover { padding: 8px 12px 12px; background-color: rgba(0, 0, 0, 0.54); color: white; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; + border-bottom-left-radius: 16px; + border-bottom-right-radius: 16px; display: flex; justify-content: space-between; align-items: center; @@ -542,26 +542,37 @@ a.material-card:hover { margin-top: 24px; } - .sponsored-by { - img { - border: 0; - border-radius: 0; - box-shadow: none; - margin: 15px; - max-width: 40%; - max-height: 80px; + .seen-press { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); + column-gap: 24px; + row-gap: 24px; + margin: 48px 0; + + h2 { + grid-column: 1/-1; + margin: 0; + text-align: center; } - } - - .seen-press { + a { + aspect-ratio: 1; + } img { border: 0; box-shadow: none; - margin: 15px; - max-width: 40%; - max-height: 70px; + margin: 24px; + width: calc(100% - 48px); + max-height: 128px; + border-radius: 0; + } + + .material-card { + height: 100%; + align-content: center; + text-align: center; + margin: 0; } .square { @@ -572,6 +583,18 @@ a.material-card:hover { border-radius: 50%; } } + + .sponsored-by { + text-align: center; + + img { + border: 0; + border-radius: 0; + box-shadow: none; + margin: 24px; + max-height: 160px; + } + } } @media screen and (max-width: 700px) { diff --git a/sass/homeassistant/homepage/_features.scss b/sass/homeassistant/homepage/_features.scss index ad044177616..bc8e51dfbcc 100644 --- a/sass/homeassistant/homepage/_features.scss +++ b/sass/homeassistant/homepage/_features.scss @@ -26,11 +26,11 @@ } .card-content { - padding-left: 24px; + padding-bottom: 24px; p:last-of-type, ul { - margin-bottom: 12px; + margin-bottom: 32px; } } } diff --git a/sass/homeassistant/homepage/_hero_unit.scss b/sass/homeassistant/homepage/_hero_unit.scss index 757132ffc61..e0a6d64c543 100644 --- a/sass/homeassistant/homepage/_hero_unit.scss +++ b/sass/homeassistant/homepage/_hero_unit.scss @@ -62,7 +62,7 @@ background-color: $link-color; font-size: 2rem; font-weight: 700; - padding: 8px 24px; + padding: 8px 20px 8px 28px; margin-bottom: 16px; } } diff --git a/source/_includes/custom/features.html b/source/_includes/custom/features.html index 29c579b3c0a..9444586b908 100644 --- a/source/_includes/custom/features.html +++ b/source/_includes/custom/features.html @@ -1,119 +1,128 @@ -
-
-
- - Works with over 1000 brands -
-
-

- Home Assistant integrates with over a thousand different devices - and services. -

+
+
+

Features

-

- Once started, Home Assistant will automatically scan your network for - known devices and allow you to easily set them up. -

- EXPLORE INTEGRATIONS -
-
-
-
- - Powerful automations -
-
-

- Once you have integrated all your devices at home, you can unleash Home - Assistant’s advanced automation engine to make your home work for you. -

+
+
+
+ + Works with over 1000 brands +
+
+

+ Home Assistant integrates with over a thousand different devices + and services. +

-
    -
  • Turn on the light when the sun sets or when coming home
    • -
  • Alert you when you leave your garage door open.
    • -
- EXPLORE AUTOMATIONS -
-
-
-
- - Extend your system with add-ons -
-
-

- Home Assistant is not just limited to Home Assistant. Easily install - other applications that will help you manage your home. -

+

+ Once started, Home Assistant will automatically scan your network for + known devices and allow you to easily set them up. +

+ EXPLORE INTEGRATIONS +
+
-
    -
  • Run AdGuard, a DNS-based ad blocker
    • -
  • Run third party automation engines like NodeRed
    • -
  • Turn Home Assistant into a Spotify Connect target
    • -
- EXPLORE ADD-ONS -
-
-
-
- - All your smart home data stays local -
-
-

Home Assistant keeps your data local, no need for a cloud.

+
+
+ + Powerful automations +
+
+

+ Once you have integrated all your devices at home, you can unleash Home + Assistant’s advanced automation engine to make your home work for you. +

-

- Home Assistant communicates with your devices locally, and will fallback - to pulling in data from the cloud if there is no other option. No data - is stored in the cloud, and everything is processed locally. -

-
-
-
-
- - Companion Mobile Apps -
-
-

- Use the official Home Assistant apps, a convenient companion to quickly - control your devices and be notified when things happen in your home, - even on your wrist using the Apple Watch. -

+
    +
  • Turn on the light when the sun sets or when coming home
    • +
  • Alert you when you leave your garage door open.
    • +
+ EXPLORE AUTOMATIONS +
+
+
+
+ + Extend your system with add-ons +
+
+

+ Home Assistant is not just limited to Home Assistant. Easily install + other applications that will help you manage your home. +

-

- The apps can also be used to send your location home to use presence - detection as part of your automations. Data is sent directly to your - home, no access by third-parties. -

- - DOWNLOAD APPS - -
-
-
-
- - Home Energy Management -
-
-

- Home Assistant allows you to get on top of your energy use with its - home energy management feature. Gain new insights, - optimize your solar panel production, plan energy usage and save money. -

+
    +
  • Run AdGuard, a DNS-based ad blocker
    • +
  • Run third party automation engines like NodeRed
    • +
  • Turn Home Assistant into a Spotify Connect target
    • +
+ EXPLORE ADD-ONS +
+
+
+
+ + All your smart home data stays local +
+
+

Home Assistant keeps your data local, no need for a cloud.

- - LEARN MORE - +

+ Home Assistant communicates with your devices locally, and will fallback + to pulling in data from the cloud if there is no other option. No data + is stored in the cloud, and everything is processed locally. +

+
+
+
+
+ + Companion Mobile Apps +
+
+

+ Use the official Home Assistant apps, a convenient companion to quickly + control your devices and be notified when things happen in your home, + even on your wrist using the Apple Watch. +

+ +

+ The apps can also be used to send your location home to use presence + detection as part of your automations. Data is sent directly to your + home, no access by third-parties. +

+ + DOWNLOAD APPS + +
+
+ +
+
+ + Home Energy Management +
+
+

+ Home Assistant allows you to get on top of your energy use with its + home energy management feature. Gain new insights, + optimize your solar panel production, plan energy usage and save money. +

+ + + LEARN MORE + +
+
+
-
+ \ No newline at end of file diff --git a/source/_includes/site/footer.html b/source/_includes/site/footer.html index 9c2cc70cd1f..5b5c5b59abc 100644 --- a/source/_includes/site/footer.html +++ b/source/_includes/site/footer.html @@ -33,6 +33,7 @@ Community Forum
  • Reporting issues
    • +
  • Community Merch Store

    • System status

    +

    Companion apps

    +

    Governance