Tweaks landing page

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)
 

source/_layouts/landingpage.html

@@ -36,7 +36,7 @@ layout: page
 
 {% if page.sections %}
   {% for section in page.sections %}
-    <div class="section-content" id="{{section.title | downcase | strip | replace: " ", "_"}}">
+    <div class="section-content" id="{{section.title | downcase | strip | replace: " ", "_"}}" style="{{section.style}}">
         <div class="header">
             <img src="{{section.image}}">
             <div class="title">{{section.title}}</div>

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:
         <div class="banner-overlay-content">
           With Home Assistant we want to do our part to help take on the climate crisis, and help you do the same. One part of fighting the climate crisis is making sure our homes are energy efficient and use low-carbon energy sources.
           <br><br>
-          Home Assistant helps you to monitor your energy usage, transition to sustainable energy and save money.
+          Home Assistant helps you monitor your energy usage, transition to sustainable energy and save money.
         </div>
     </div>
     <div class="links">