From 5c24fae3ecc3b0e70749cd4b9abe0b83bf31cb3f Mon Sep 17 00:00:00 2001 From: Paulus Schoutsen Date: Tue, 3 Aug 2021 21:33:36 +0000 Subject: [PATCH] Tweaks landing page --- source/_docs/energy/electricity-grid.markdown | 2 +- source/_layouts/landingpage.html | 2 +- source/home-energy-management/index.html | 36 +++++++++++-------- 3 files changed, 24 insertions(+), 16 deletions(-) diff --git a/source/_docs/energy/electricity-grid.markdown b/source/_docs/energy/electricity-grid.markdown index fc8f8fbe509..30924a61af4 100644 --- a/source/_docs/energy/electricity-grid.markdown +++ b/source/_docs/energy/electricity-grid.markdown @@ -47,7 +47,7 @@ We have worked with creator [Marcel Zuidwijk](https://www.zuidwijk.com) to devel Many meters, including older ones, have an LED that will flash whenever energy passes through it. For example, each flash is a 1/1000th kWh. By monitoring the time between flashes it’s possible to determine the energy consumption. -We have developed [Home Assistant Glow](https://github.com/klaasnicolaas/home-assistant-glow), an open source solution powered by ESPHome's [pulse meter sensor](https://esphome.io/components/sensor/pulse_meter.html). +We have developed [Home Assistant Glow](https://github.com/klaasnicolaas/home-assistant-glow), an open source solution powered by ESPHome's [pulse meter sensor](https://esphome.io/components/sensor/pulse_meter.html). You put it on top of the activity LED of your electricity meter and it will bring your consumption into Home Assistant. ![Photo of Home Assistant Glow attached to an electricity meter](/images/docs/energy/home-assistant-glow.jpg) diff --git a/source/_layouts/landingpage.html b/source/_layouts/landingpage.html index fd9116264f9..9d3d3a576e5 100644 --- a/source/_layouts/landingpage.html +++ b/source/_layouts/landingpage.html @@ -36,7 +36,7 @@ layout: page {% if page.sections %} {% for section in page.sections %} -
+
{{section.title}}
diff --git a/source/home-energy-management/index.html b/source/home-energy-management/index.html index 7555864ce14..1814855239f 100644 --- a/source/home-energy-management/index.html +++ b/source/home-energy-management/index.html @@ -8,7 +8,7 @@ og_image: /images/blog/2021-08-energy/social.png tagline: The world is heating up. Together we can fix that. sections: - title: "Monitor usage" - description: "Monitor the energy usage, transition to sustainable energy and save money." + description: "Easily track your different power sources and their tariffs." image: /images/energy/vector-graph.png entries: - title: "Know where it goes." @@ -18,13 +18,17 @@ sections: description: "Track the energy use of individual devices to see their impact on your energy consumption." image: /images/energy/individual_devices.png - - title: "Track your costs" - description: "Home Assistant helps you keep track of the costs and compensation for your energy consumption and production." - image: /images/energy/vector-money.png + - title: "Supercharge your solar panels" + description: "Schedule power usage based on solar production predictions." + image: /images/energy/vector-sun.png entries: - - title: "Consumption overview." - description: "Get an overview of your energy consumption." - image: /images/energy/cost.png + - title: "Time your usage." + description: "It’s cheaper to consume the energy you produce than to give it back to the grid. Home Assistant helps you conserve the energy you don't use for later." + image: /images/blog/2021-08-energy/solar-production.png + style: >- + background: rgb(255,244,201); + background: radial-gradient(at bottom left, rgb(255, 244, 201) 0%, rgb(255, 252, 223) 15%, rgb(255, 221, 80) 100%); + border-radius: 15px; - title: "Use any hardware" description: "" @@ -45,13 +49,17 @@ sections: image_description: "Home Assistant Glow attached to an energy meter" read_more: /docs/energy/electricity-grid/#reading-the-meter-via-a-pulse-counter - - title: "Supercharge your solar panels" - description: "Schedule power usage based on solar production predictions." - image: /images/energy/vector-sun.png + - title: "Track your costs" + description: "Home Assistant helps you keep track of the costs and compensation for your energy consumption and production." + image: /images/energy/vector-money.png entries: - - title: "Time your usage." - description: "It’s cheaper to consume the energy you produce than to give it back to the grid. Home Assistant helps you turn on the power-hungry things when your usage needs a boost." - image: /images/blog/2021-08-energy/solar-production.png + - title: "Consumption overview." + description: "Get an overview of your energy consumption." + image: /images/energy/cost.png + style: >- + background: rgb(201,255,224); + background: linear-gradient(90deg, rgba(0,255,102,0.3925770991990546) 0%, rgba(223,255,235,1) 85%, rgba(201,255,224,1) 100%); + border-radius: 15px; --- @@ -61,7 +69,7 @@ sections: