Add support for images from Brands (home-assistant#12276)

source/_includes/asides/component_navigation.html

@@ -5,6 +5,8 @@
   <div class='brand-logo-container section'>
     {%- if page.logo -%}
       <img src='/images/supported_brands/{{ page.logo }}' />
+    {%- else -%}
+      <img src='https://brands.home-assistant.io/{{ page.ha_domain }}/logo.png' srcset='https://brands.home-assistant.io/{{ page.ha_domain }}/[email protected] 2x' />
     {%- endif -%}
   </div>
 

source/integrations/index.html

@@ -95,7 +95,7 @@
         {% capture category %}"{{ ha_category | slugify | downcase }}"{% endcapture %}
         {% assign categories = categories | push: category %}
       {%- endfor -%}
-      {url:"{{ component.url }}", title:"{{component.title}}", cat: [{{categories|join: ","}}], featured: {% if component.featured %}true{% else %}false{% endif %}, v: "{{major_version}}.{{minor_version}}", logo: "{{component.logo}}"},
+      {url:"{{ component.url }}", title:"{{component.title}}", cat: [{{categories|join: ","}}], featured: {% if component.featured %}true{% else %}false{% endif %}, v: "{{major_version}}.{{minor_version}}", logo: "{{component.logo}}", domain: "{{component.ha_domain}}"},
     {% endif -%}
   {%- endfor -%}
   false
@@ -144,7 +144,7 @@
         components: [],
         image: function () {
           if (this.logo === '') {
-            return '';
+            return '<img src="https://brands.home-assistant.io/' + this.domain + '/logo.png" srcset="https://brands.home-assistant.io/' + this.domain + '/[email protected] 2x">';
           } else {
             return '<img data-src="/images/supported_brands/' + this.logo + '">';
           }