Make shelly featured, updated homepage logos (#14462)

source/_includes/custom/grid_item_left.html

@@ -1,44 +1,51 @@
 <h2 class="title">Observe</h2>
 <hr>
 <p>Home Assistant will track the state of all the devices in your home, so you don't have to.</p>
-<div class='supported-brands clearfix'>
+<div class="supported-brands clearfix">
-  <a href='/integrations/ecobee/'>
+  <a href="/integrations/ecobee/">
-    <img src='/images/supported_brands/ecobee.png' alt="Ecobee" />
+    <img alt="Ecobee" src="https://brands.home-assistant.io/ecobee/logo.png"/>
   </a>
-  <a href='/integrations/hue/'>
+  <a href="/integrations/hue/">
-    <img src='/images/supported_brands/philips_hue.png' alt="Philips Hue" />
+    <img alt="Philips Hue" src="https://brands.home-assistant.io/hue/logo.png"/>
   </a>
-  <a href='/integrations/cast/'>
+  <a href="/integrations/cast/">
-    <img src='https://brands.home-assistant.io/cast/logo.png' srcset="https://brands.home-assistant.io/cast/logo@2x.png 2x" alt="Google Cast"/>
+    <img alt="Google Cast" src="https://brands.home-assistant.io/cast/logo.png"/>
   </a>
-  <a href='/integrations/mqtt/'>
+  <a href="/integrations/google_assistant/">
-    <img src='/images/supported_brands/mqtt.png' alt="MQTT" />
+    <img alt="Google Cast" src="https://brands.home-assistant.io/google_assistant/logo.png"/>
   </a>
-  <a href='/integrations/wemo/'>
+  <a href="/integrations/mqtt/">
-    <img src='/images/supported_brands/belkin_wemo.png' alt="Belkin WeMo" />
+    <img alt="MQTT" src="https://brands.home-assistant.io/mqtt/logo.png"/>
   </a>
-  <a href='/integrations/pushbullet#notifications/'>
+  <a href="/integrations/wemo/">
-    <img src='/images/supported_brands/pushbullet.png' alt="Pushbullet" />
+    <img alt="Belkin WeMo" src="https://brands.home-assistant.io/wemo/logo.png"/>
   </a>
-  <a href='/integrations/kodi/'>
+  <a href="/integrations/shelly/">
-    <img src='/images/supported_brands/kodi.png' alt="Kodi" />
+    <img alt="Shelly" src="https://brands.home-assistant.io/shelly/logo.png"/>
   </a>
-  <a href='/integrations/plex/'>
+  <a href="/integrations/kodi/">
-    <img src='/images/supported_brands/plex.png' alt="Plex" />
+    <img alt="Kodi" src="https://brands.home-assistant.io/kodi/logo.png"/>
   </a>
-  <a href='/integrations/tradfri/'>
+  <a href="/integrations/plex/">
-    <img src='/images/supported_brands/ikea.svg' width='165' alt="IKEA" />
+    <img alt="Plex" src="https://brands.home-assistant.io/plex/logo.png"/>
   </a>
-  <a href='/integrations/vera/'>
+  <a href="/integrations/tradfri/">
-    <img src='/images/supported_brands/vera.png' alt="Vera" />
+    <img alt="IKEA" src="https://brands.home-assistant.io/tradfri/logo.png"/>
   </a>
-  <a href='/integrations/luci/'>
+  <a href="/integrations/vera/">
-    <img src='/images/supported_brands/openwrt.png' alt="OpenWRT" />
+    <img alt="Vera" src="https://brands.home-assistant.io/vera/logo.png"/>
   </a>
-  <a href='/integrations/arduino/'>
+  <a href="/integrations/sonos/">
-    <img src='/images/supported_brands/arduino.png' alt="Arduino" />
+    <img alt="OpenWRT" src="https://brands.home-assistant.io/sonos/logo.png"/>
+  </a>
+  <a href="/integrations/zha/">
+    <img alt="Arduino" src="https://brands.home-assistant.io/zha/logo.png"/>
+  </a>
+  <a href="/integrations/ozw/">
+    <img alt="Arduino" src="https://brands.home-assistant.io/ozw/logo.png"/>
   </a>
 </div>
 
-<p class='pull-right'><a href='/integrations/'>Browse all &raquo;</a></p>
+<p class="pull-right">
-
+  <a href="/integrations/">Browse all &raquo;</a>
+</p>

source/_integrations/shelly.markdown

@@ -7,6 +7,7 @@ ha_release: 0.115
 ha_codeowners:
   - "@balloob"
 ha_domain: shelly
+ha_featured: true
 ---
 
 Integrate [Shelly devices](https://shelly.cloud) into Home Assistant.