From 19a4c863298860010a9cfe56d38b50f2ec91f801 Mon Sep 17 00:00:00 2001 From: Bram Kragten Date: Sun, 17 Sep 2023 22:32:35 +0200 Subject: [PATCH] Add new logo, and green landingpage (#28935) --- sass/base/_theme.scss | 2 +- sass/custom/_colors.scss | 2 +- sass/custom/_landingpage.scss | 4 +- sass/custom/_paulus.scss | 16 +- sass/oscailte/_variables.scss | 2 +- sass/oscailte/base/_global.scss | 3 - sass/partials/_header.scss | 2 +- source/_includes/site/footer.html | 92 +- source/_includes/site/header.html | 2 - source/_layouts/landingpage.html | 18 +- ...023-09-17-10-years-home-assistant.markdown | 130 + ...refreshed-logo-for-home-assistant.markdown | 89 + ...reen-your-entry-to-home-assistant.markdown | 53 + source/blue/index.html | 1 + source/green/fonts/Figtree-Bold.woff2 | Bin 0 -> 20004 bytes source/green/fonts/Figtree.woff2 | Bin 0 -> 20004 bytes source/green/fonts/Pretendard-Bold.woff2 | Bin 0 -> 780424 bytes source/green/fonts/Pretendard-Regular.woff2 | Bin 0 -> 763932 bytes source/green/fonts/Pretendard-SemiBold.woff2 | Bin 0 -> 779336 bytes source/green/index.html | 1988 +++ source/green/script.js | 118 + source/green/styles.css | 3631 ++++++ source/images/blog/2023-09-ha10/gitter-ha.png | Bin 0 -> 134186 bytes .../images/blog/2023-09-ha10/green-intro.png | Bin 0 -> 225916 bytes .../images/blog/2023-09-ha10/green-price.jpeg | Bin 0 -> 128005 bytes .../images/blog/2023-09-ha10/green-specs.jpeg | Bin 0 -> 194568 bytes .../green-with-yellow-and-blue.jpeg | Bin 0 -> 152139 bytes .../blog/2023-09-ha10/hackernews-ha.png | Bin 0 -> 220330 bytes .../2023-09-ha10/home-assistant-green.jpeg | Bin 0 -> 161795 bytes .../2023-09-ha10/home-assistant-logo-new.png | Bin 0 -> 54925 bytes .../2023-09-ha10/home-assistant-logo-spec.png | Bin 0 -> 73546 bytes source/images/blog/2023-09-ha10/logo 1.png | Bin 0 -> 6412 bytes source/images/blog/2023-09-ha10/logo 2.png | Bin 0 -> 52342 bytes .../images/blog/2023-09-ha10/logo-cover.png | Bin 0 -> 10440 bytes .../blog/2023-09-ha10/open-home-values.png | Bin 0 -> 86073 bytes .../images/blog/2023-09-ha10/release-beat.png | Bin 0 -> 254334 bytes .../blog/2023-09-ha10/share-the-love.jpg | Bin 0 -> 269762 bytes source/images/favicon-192x192-full.png | Bin 4215 -> 11361 bytes source/images/favicon-192x192.png | Bin 3757 -> 11361 bytes source/images/favicon.ico | Bin 17957 -> 99678 bytes source/images/frontpage/green-frontpage.png | Bin 0 -> 212341 bytes .../frontpage/year-of-the-voice-chapter-2.png | Bin 71220 -> 0 bytes .../frontpage/year-of-the-voice-chapter-3.png | Bin 83061 -> 0 bytes source/images/green/Diagram.svg | 10566 ++++++++++++++++ source/images/green/HA Green Logo.svg | 32 + source/images/green/arrow-faq.svg | 7 + source/images/green/cta-arrow-white.svg | 3 + .../images/green/diagram-migration-alexa.svg | 96 + .../green/diagram-migration-googlehome.svg | 49 + .../green/diagram-migration-homekit.svg | 49 + .../green/diagram-migration-smartthings.svg | 47 + .../green/ha-green-box-contents-p-1080.jpg | Bin 0 -> 61589 bytes .../green/ha-green-box-contents-p-1600.jpg | Bin 0 -> 111279 bytes .../green/ha-green-box-contents-p-500.jpg | Bin 0 -> 19429 bytes .../green/ha-green-box-contents-p-800.jpg | Bin 0 -> 39419 bytes source/images/green/ha-green-box-contents.jpg | Bin 0 -> 329388 bytes .../green/ha-green-inthebox-booklet.svg | 34 + .../green/ha-green-inthebox-ethernet.svg | 37 + source/images/green/ha-green-inthebox-hub.svg | 246 + .../images/green/ha-green-inthebox-power.svg | 34 + .../ha-green-packaging-cropped-p-500.jpg | Bin 0 -> 34870 bytes .../ha-green-packaging-cropped-p-800.jpg | Bin 0 -> 74284 bytes .../green/ha-green-packaging-cropped.jpg | Bin 0 -> 223429 bytes .../green/ha-green-photo-back-p-1080.jpg | Bin 0 -> 48190 bytes .../green/ha-green-photo-back-p-500.jpg | Bin 0 -> 13991 bytes .../green/ha-green-photo-back-p-800.jpg | Bin 0 -> 29673 bytes source/images/green/ha-green-photo-back.jpg | Bin 0 -> 243674 bytes .../green/ha-green-photo-front-p-1080.jpg | Bin 0 -> 54188 bytes .../green/ha-green-photo-front-p-500.jpg | Bin 0 -> 16312 bytes .../green/ha-green-photo-front-p-800.jpg | Bin 0 -> 33733 bytes source/images/green/ha-green-photo-front.jpg | Bin 0 -> 253461 bytes .../green/ha-green-photo-top-crop-p-500.jpg | Bin 0 -> 30334 bytes .../green/ha-green-photo-top-crop-p-800.jpg | Bin 0 -> 73420 bytes .../images/green/ha-green-photo-top-crop.jpg | Bin 0 -> 374279 bytes .../images/green/ha-green-setup-0-p-500.jpg | Bin 0 -> 20065 bytes .../images/green/ha-green-setup-0-p-800.jpg | Bin 0 -> 40973 bytes source/images/green/ha-green-setup-0.jpg | Bin 0 -> 169515 bytes .../images/green/ha-green-setup-1-p-500.jpg | Bin 0 -> 16248 bytes .../images/green/ha-green-setup-1-p-800.jpg | Bin 0 -> 34131 bytes source/images/green/ha-green-setup-1.jpg | Bin 0 -> 158222 bytes .../green/ha-onboarding-device-found.png | Bin 0 -> 12214 bytes source/images/green/ha-skyconnect-p-1080.jpg | Bin 0 -> 60100 bytes source/images/green/ha-skyconnect-p-1600.jpg | Bin 0 -> 121223 bytes source/images/green/ha-skyconnect-p-500.jpg | Bin 0 -> 17484 bytes source/images/green/ha-skyconnect-p-800.jpg | Bin 0 -> 35465 bytes source/images/green/ha-skyconnect.jpg | Bin 0 -> 165970 bytes source/images/green/hero.jpg | Bin 0 -> 2278231 bytes source/images/green/icons-apps-android.svg | 27 + source/images/green/icons-apps-phonewatch.svg | 26 + source/images/green/icons-apps-web.svg | 25 + source/images/green/icons-devices-blinds.svg | 25 + source/images/green/icons-devices-bulb.svg | 23 + source/images/green/icons-devices-chip.svg | 25 + source/images/green/icons-devices-climate.svg | 23 + source/images/green/icons-devices-energy.svg | 24 + source/images/green/icons-devices-lock.svg | 24 + source/images/green/icons-devices-plug.svg | 23 + source/images/green/icons-devices-speaker.svg | 24 + .../green/icons-integrations-bluetooth.svg | 40 + .../images/green/icons-integrations-dlna.svg | 25 + .../images/green/icons-integrations-hue.svg | 86 + .../images/green/icons-integrations-ikea.svg | 45 + .../images/green/icons-integrations-knx.svg | 39 + .../green/icons-integrations-lutron.svg | 39 + .../green/icons-integrations-matter.svg | 26 + .../images/green/icons-integrations-mqtt.svg | 34 + .../images/green/icons-integrations-plex.svg | 29 + .../green/icons-integrations-shelly.svg | 51 + .../images/green/icons-integrations-sonos.svg | 25 + .../green/icons-integrations-thread.svg | 25 + .../images/green/icons-integrations-tuya.svg | 34 + .../green/icons-integrations-zigbee.svg | 100 + .../images/green/icons-integrations-zwave.svg | 29 + source/images/green/icons-trust-privacy.svg | 13 + source/images/green/icons-trust-updates.svg | 13 + source/images/green/paulus.png | Bin 0 -> 1253105 bytes .../images/home-assistant-logo-vertical.svg | 67 + source/images/home-assistant-logo.svg | 73 +- source/index.html | 10 - 119 files changed, 18367 insertions(+), 58 deletions(-) create mode 100644 source/_posts/2023-09-17-10-years-home-assistant.markdown create mode 100644 source/_posts/2023-09-17-a-refreshed-logo-for-home-assistant.markdown create mode 100644 source/_posts/2023-09-17-home-assistant-green-your-entry-to-home-assistant.markdown create mode 100644 source/green/fonts/Figtree-Bold.woff2 create mode 100644 source/green/fonts/Figtree.woff2 create mode 100644 source/green/fonts/Pretendard-Bold.woff2 create mode 100644 source/green/fonts/Pretendard-Regular.woff2 create mode 100644 source/green/fonts/Pretendard-SemiBold.woff2 create mode 100644 source/green/index.html create mode 100644 source/green/script.js create mode 100644 source/green/styles.css create mode 100644 source/images/blog/2023-09-ha10/gitter-ha.png create mode 100644 source/images/blog/2023-09-ha10/green-intro.png create mode 100644 source/images/blog/2023-09-ha10/green-price.jpeg create mode 100644 source/images/blog/2023-09-ha10/green-specs.jpeg create mode 100644 source/images/blog/2023-09-ha10/green-with-yellow-and-blue.jpeg create mode 100644 source/images/blog/2023-09-ha10/hackernews-ha.png create mode 100644 source/images/blog/2023-09-ha10/home-assistant-green.jpeg create mode 100644 source/images/blog/2023-09-ha10/home-assistant-logo-new.png create mode 100644 source/images/blog/2023-09-ha10/home-assistant-logo-spec.png create mode 100644 source/images/blog/2023-09-ha10/logo 1.png create mode 100644 source/images/blog/2023-09-ha10/logo 2.png create mode 100644 source/images/blog/2023-09-ha10/logo-cover.png create mode 100644 source/images/blog/2023-09-ha10/open-home-values.png create mode 100644 source/images/blog/2023-09-ha10/release-beat.png create mode 100644 source/images/blog/2023-09-ha10/share-the-love.jpg create mode 100644 source/images/frontpage/green-frontpage.png delete mode 100644 source/images/frontpage/year-of-the-voice-chapter-2.png delete mode 100644 source/images/frontpage/year-of-the-voice-chapter-3.png create mode 100644 source/images/green/Diagram.svg create mode 100644 source/images/green/HA Green Logo.svg create mode 100644 source/images/green/arrow-faq.svg create mode 100644 source/images/green/cta-arrow-white.svg create mode 100644 source/images/green/diagram-migration-alexa.svg create mode 100644 source/images/green/diagram-migration-googlehome.svg create mode 100644 source/images/green/diagram-migration-homekit.svg create mode 100644 source/images/green/diagram-migration-smartthings.svg create mode 100644 source/images/green/ha-green-box-contents-p-1080.jpg create mode 100644 source/images/green/ha-green-box-contents-p-1600.jpg create mode 100644 source/images/green/ha-green-box-contents-p-500.jpg create mode 100644 source/images/green/ha-green-box-contents-p-800.jpg create mode 100644 source/images/green/ha-green-box-contents.jpg create mode 100644 source/images/green/ha-green-inthebox-booklet.svg create mode 100644 source/images/green/ha-green-inthebox-ethernet.svg create mode 100644 source/images/green/ha-green-inthebox-hub.svg create mode 100644 source/images/green/ha-green-inthebox-power.svg create mode 100644 source/images/green/ha-green-packaging-cropped-p-500.jpg create mode 100644 source/images/green/ha-green-packaging-cropped-p-800.jpg create mode 100644 source/images/green/ha-green-packaging-cropped.jpg create mode 100644 source/images/green/ha-green-photo-back-p-1080.jpg create mode 100644 source/images/green/ha-green-photo-back-p-500.jpg create mode 100644 source/images/green/ha-green-photo-back-p-800.jpg create mode 100644 source/images/green/ha-green-photo-back.jpg create mode 100644 source/images/green/ha-green-photo-front-p-1080.jpg create mode 100644 source/images/green/ha-green-photo-front-p-500.jpg create mode 100644 source/images/green/ha-green-photo-front-p-800.jpg create mode 100644 source/images/green/ha-green-photo-front.jpg create mode 100644 source/images/green/ha-green-photo-top-crop-p-500.jpg create mode 100644 source/images/green/ha-green-photo-top-crop-p-800.jpg create mode 100644 source/images/green/ha-green-photo-top-crop.jpg create mode 100644 source/images/green/ha-green-setup-0-p-500.jpg create mode 100644 source/images/green/ha-green-setup-0-p-800.jpg create mode 100644 source/images/green/ha-green-setup-0.jpg create mode 100644 source/images/green/ha-green-setup-1-p-500.jpg create mode 100644 source/images/green/ha-green-setup-1-p-800.jpg create mode 100644 source/images/green/ha-green-setup-1.jpg create mode 100644 source/images/green/ha-onboarding-device-found.png create mode 100644 source/images/green/ha-skyconnect-p-1080.jpg create mode 100644 source/images/green/ha-skyconnect-p-1600.jpg create mode 100644 source/images/green/ha-skyconnect-p-500.jpg create mode 100644 source/images/green/ha-skyconnect-p-800.jpg create mode 100644 source/images/green/ha-skyconnect.jpg create mode 100644 source/images/green/hero.jpg create mode 100644 source/images/green/icons-apps-android.svg create mode 100644 source/images/green/icons-apps-phonewatch.svg create mode 100644 source/images/green/icons-apps-web.svg create mode 100644 source/images/green/icons-devices-blinds.svg create mode 100644 source/images/green/icons-devices-bulb.svg create mode 100644 source/images/green/icons-devices-chip.svg create mode 100644 source/images/green/icons-devices-climate.svg create mode 100644 source/images/green/icons-devices-energy.svg create mode 100644 source/images/green/icons-devices-lock.svg create mode 100644 source/images/green/icons-devices-plug.svg create mode 100644 source/images/green/icons-devices-speaker.svg create mode 100644 source/images/green/icons-integrations-bluetooth.svg create mode 100644 source/images/green/icons-integrations-dlna.svg create mode 100644 source/images/green/icons-integrations-hue.svg create mode 100644 source/images/green/icons-integrations-ikea.svg create mode 100644 source/images/green/icons-integrations-knx.svg create mode 100644 source/images/green/icons-integrations-lutron.svg create mode 100644 source/images/green/icons-integrations-matter.svg create mode 100644 source/images/green/icons-integrations-mqtt.svg create mode 100644 source/images/green/icons-integrations-plex.svg create mode 100644 source/images/green/icons-integrations-shelly.svg create mode 100644 source/images/green/icons-integrations-sonos.svg create mode 100644 source/images/green/icons-integrations-thread.svg create mode 100644 source/images/green/icons-integrations-tuya.svg create mode 100644 source/images/green/icons-integrations-zigbee.svg create mode 100644 source/images/green/icons-integrations-zwave.svg create mode 100644 source/images/green/icons-trust-privacy.svg create mode 100644 source/images/green/icons-trust-updates.svg create mode 100644 source/images/green/paulus.png create mode 100644 source/images/home-assistant-logo-vertical.svg diff --git a/sass/base/_theme.scss b/sass/base/_theme.scss index c35136d5ac9..60303ec9e3f 100644 --- a/sass/base/_theme.scss +++ b/sass/base/_theme.scss @@ -2,7 +2,7 @@ $noise-bg: image-url('noise.png') top left !default; $img-border: inline-image('dotted-border.png') !default; // Main Link Colors -$link-color: lighten(#165b94, 3) !default; +$link-color: #1abcf2 !default; $link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default; $link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default; $link-color-active: adjust-color($link-color-hover, $lightness: -15) !default; diff --git a/sass/custom/_colors.scss b/sass/custom/_colors.scss index 23af5e739d0..fa13aa63fac 100644 --- a/sass/custom/_colors.scss +++ b/sass/custom/_colors.scss @@ -43,7 +43,7 @@ $footer-bg-back: #fff; $main-bg: #fff; $page-bg: #fff; -$link-color: #268bd2; +$link-color: #1abcf2; $nav-color: $link-color; $link-color-visited:darken($nav-color, 25); $title-color: $link-color; diff --git a/sass/custom/_landingpage.scss b/sass/custom/_landingpage.scss index b571b91015c..27bf8a233e0 100644 --- a/sass/custom/_landingpage.scss +++ b/sass/custom/_landingpage.scss @@ -824,7 +824,7 @@ $ha__primary_color: #03a9f4; .dialog-header { display: flex; justify-content: space-between; - padding: 8px 16px; + padding: 24px 24px 0px; font-weight: bold; font-size: 24px; @@ -843,7 +843,7 @@ $ha__primary_color: #03a9f4; width: 100%; display: flex; justify-content: space-between; - padding: 8px 16px; + padding: 16px 24px; color: #222222; margin: auto; diff --git a/sass/custom/_paulus.scss b/sass/custom/_paulus.scss index ae052c397da..5b9c77c7c80 100644 --- a/sass/custom/_paulus.scss +++ b/sass/custom/_paulus.scss @@ -1,6 +1,6 @@ @charset "UTF-8"; -$primary-color: #049cdb; +$primary-color: #1abcf2; .site-header { position: relative; @@ -459,7 +459,7 @@ dt:hover a.title-link { img { border-radius: 3px; - width: 36px; + height: 36px; margin-right: 10px; } @@ -636,12 +636,24 @@ div.note { img { vertical-align: middle; + height: 120px; } i { font-size: 2em; padding: 0 5px; } + + .icons { + display: flex; + align-items: center; + + svg { + height: 48px; + padding: 10px 4px; + fill: currentColor; + } + } } ul { diff --git a/sass/oscailte/_variables.scss b/sass/oscailte/_variables.scss index 3d629649b74..a0ecf4d54b3 100644 --- a/sass/oscailte/_variables.scss +++ b/sass/oscailte/_variables.scss @@ -19,7 +19,7 @@ $white: #fff !default; // Accent colors // ------------------------- -$blue: #049cdb !default; +$blue: #1abcf2 !default; $blueDark: #0064cd !default; $green: #46a546 !default; $red: #9d261d !default; diff --git a/sass/oscailte/base/_global.scss b/sass/oscailte/base/_global.scss index 5c3712590f2..250abb31aa0 100644 --- a/sass/oscailte/base/_global.scss +++ b/sass/oscailte/base/_global.scss @@ -8,9 +8,6 @@ body, html { a { color: $link-color; text-decoration: none; - &:visited { - color: darken($link-color, 10%); - } .menu & { color: $link-color; } diff --git a/sass/partials/_header.scss b/sass/partials/_header.scss index e3c6c020c2c..860e4c7bcec 100644 --- a/sass/partials/_header.scss +++ b/sass/partials/_header.scss @@ -3,7 +3,7 @@ body > header { h1 { display: inline-block; margin: 0; - a, a:visited, a:hover { + a, a:hover { color: $title_color; text-decoration: none; } diff --git a/source/_includes/site/footer.html b/source/_includes/site/footer.html index c0b64c5cfd8..8c65acc696c 100644 --- a/source/_includes/site/footer.html +++ b/source/_includes/site/footer.html @@ -2,36 +2,92 @@