From acc0bb2dcac9a77af0ca64dee13a8985f9c3019d Mon Sep 17 00:00:00 2001
From: johanf85 <43075793+johanf85@users.noreply.github.com>
Date: Sat, 4 Sep 2021 23:30:04 +0200
Subject: [PATCH] Homepage CSS change for Sponsors and In the Press (#19167)

---
 sass/custom/_paulus.scss             | 14 +++++++++++++-
 source/images/sponsors/nabu_casa.svg | 21 ++++++++++++++++++++-
 source/index.html                    |  2 +-
 3 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/sass/custom/_paulus.scss b/sass/custom/_paulus.scss
index 10d4b3eadfd..887618dcbe6 100644
--- a/sass/custom/_paulus.scss
+++ b/sass/custom/_paulus.scss
@@ -240,6 +240,19 @@ $primary-color: #049cdb;
     }
   }
 
+  .sponsored-by {
+
+  img {
+      border: 0;
+      border-radius: 0;
+      box-shadow: none;
+      margin: 15px;
+      max-width: 40%;
+      max-height: 80px;
+    }    
+
+  }
+  
   .seen-press {
     margin-top: 24px;
 
@@ -247,7 +260,6 @@ $primary-color: #049cdb;
       border: 0;
       box-shadow: none;
       margin: 15px;
-      width: 100%;
       max-width: 40%;
       max-height: 70px;
     }
diff --git a/source/images/sponsors/nabu_casa.svg b/source/images/sponsors/nabu_casa.svg
index 7a46a04193e..bcb2806755a 100644
--- a/source/images/sponsors/nabu_casa.svg
+++ b/source/images/sponsors/nabu_casa.svg
@@ -1 +1,20 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 323.79 323.79"><defs><style>.cls-1{fill:#b1e2f8;}.cls-2{fill:#174b62;}.cls-3{fill:#fff;}.cls-4{fill:none;}</style></defs><title>logo-text-square</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M246,133.32c0-.75.05-1.5.05-2.25A72.78,72.78,0,0,0,111.55,92.54a62.39,62.39,0,1,0-21.4,121H190.68V173h16.79v40.55h32.81A40.32,40.32,0,0,0,246,133.32Z"/><path class="cls-2" d="M239.86,149.93h-17.2V118.07H227a3.91,3.91,0,0,0,0-7.82H96.78a3.91,3.91,0,0,0,0,7.82h4.35v31.86H83.93a3.91,3.91,0,1,0,0,7.81h4.35v55.8h102.4V173h16.79v40.55h28v-55.8h4.35a3.91,3.91,0,1,0,0-7.81Z"/><rect class="cls-3" x="101.14" y="172.99" width="42.19" height="16.78"/><rect class="cls-3" x="166.84" y="125.62" width="16.78" height="16.8"/><rect class="cls-3" x="101.14" y="125.62" width="58.74" height="16.8"/><rect class="cls-3" x="190.68" y="125.62" width="16.78" height="16.8"/><rect class="cls-3" x="190.68" y="172.98" width="16.78" height="40.56"/><path d="M44.6,272.37H40.34L32,258.75v13.62H27.77v-20.7H32l8.32,13.65V251.67H44.6Z"/><path d="M71.92,268.11H64.44L63,272.37H58.48l7.71-20.7h4l7.75,20.7H73.36Zm-6.33-3.46h5.18l-2.6-7.75Z"/><path d="M91.48,272.37v-20.7h7.25A13.75,13.75,0,0,1,102,252a6.91,6.91,0,0,1,2.41,1.05,4.54,4.54,0,0,1,1.51,1.77,5.77,5.77,0,0,1,.52,2.51,5.15,5.15,0,0,1-.18,1.37,4.59,4.59,0,0,1-.54,1.22,4.45,4.45,0,0,1-.92,1,4.71,4.71,0,0,1-1.32.76,4.54,4.54,0,0,1,1.56.69,4.34,4.34,0,0,1,1.06,1.08,4,4,0,0,1,.61,1.33,5.55,5.55,0,0,1,.2,1.47,5.45,5.45,0,0,1-2,4.55,8.72,8.72,0,0,1-5.52,1.53Zm4.26-12H98.9a3.87,3.87,0,0,0,2.43-.69,2.31,2.31,0,0,0,.8-1.88,2.38,2.38,0,0,0-.82-2,4.29,4.29,0,0,0-2.58-.62h-3Zm0,3V269H99.4a4.29,4.29,0,0,0,1.42-.21,2.94,2.94,0,0,0,1-.57,2.29,2.29,0,0,0,.59-.85,2.9,2.9,0,0,0,.19-1.07,4.11,4.11,0,0,0-.17-1.21,2.17,2.17,0,0,0-1.48-1.48,4.39,4.39,0,0,0-1.39-.2Z"/><path d="M137.39,251.67v13.67a7.85,7.85,0,0,1-.6,3.16,6.55,6.55,0,0,1-1.65,2.3,7,7,0,0,1-2.51,1.39,11,11,0,0,1-6.37,0,7,7,0,0,1-2.51-1.39,6.55,6.55,0,0,1-1.65-2.3,8,8,0,0,1-.59-3.16V251.67h4.27v13.67a3.94,3.94,0,0,0,1,3,4.36,4.36,0,0,0,5.38,0,3.93,3.93,0,0,0,1-3V251.67Z"/><path d="M187.69,265.48a8.52,8.52,0,0,1-.71,2.9,6.81,6.81,0,0,1-1.65,2.27,7.43,7.43,0,0,1-2.55,1.47,10.06,10.06,0,0,1-3.42.54,8.9,8.9,0,0,1-3.58-.69,7.36,7.36,0,0,1-2.69-2,9.1,9.1,0,0,1-1.69-3.14,13.64,13.64,0,0,1-.59-4.13v-1.37a13,13,0,0,1,.61-4.13,9.12,9.12,0,0,1,1.73-3.15,7.57,7.57,0,0,1,2.71-2,8.82,8.82,0,0,1,3.55-.7,10,10,0,0,1,3.42.55,7.69,7.69,0,0,1,2.53,1.52,7,7,0,0,1,1.62,2.32,9.87,9.87,0,0,1,.74,2.92h-4.27a6.37,6.37,0,0,0-.32-1.63,3.21,3.21,0,0,0-.72-1.2,3,3,0,0,0-1.21-.73,5.81,5.81,0,0,0-1.79-.25,3.64,3.64,0,0,0-3.22,1.57,9,9,0,0,0-1.06,4.88v1.39a14.5,14.5,0,0,0,.24,2.81,5.71,5.71,0,0,0,.74,2,3.24,3.24,0,0,0,1.3,1.22,4.32,4.32,0,0,0,2,.41,6,6,0,0,0,1.74-.23,3,3,0,0,0,1.22-.69,3.12,3.12,0,0,0,.76-1.16,5.53,5.53,0,0,0,.34-1.62Z"/><path d="M213.83,268.11h-7.48l-1.42,4.26h-4.54l7.71-20.7h4l7.75,20.7h-4.54Zm-6.33-3.46h5.18l-2.61-7.75Z"/><path d="M244.12,266.94a3,3,0,0,0-.15-1,2,2,0,0,0-.61-.81,5.89,5.89,0,0,0-1.24-.72,17,17,0,0,0-2-.75,26.23,26.23,0,0,1-2.68-1,10.07,10.07,0,0,1-2.2-1.34,5.89,5.89,0,0,1-1.49-1.79,4.81,4.81,0,0,1-.55-2.36,5,5,0,0,1,.56-2.37A5.28,5.28,0,0,1,235.3,253a7.48,7.48,0,0,1,2.42-1.18,10.65,10.65,0,0,1,3.07-.42,9.65,9.65,0,0,1,3.13.48,7.29,7.29,0,0,1,2.41,1.33,6,6,0,0,1,1.53,2,6,6,0,0,1,.54,2.56h-4.26a3.42,3.42,0,0,0-.21-1.21,2.63,2.63,0,0,0-.63-.95,3.11,3.11,0,0,0-1.07-.62,4.86,4.86,0,0,0-1.51-.22,5.15,5.15,0,0,0-1.45.19,2.84,2.84,0,0,0-1,.51,2.15,2.15,0,0,0-.61.77,2.12,2.12,0,0,0-.21.94,2,2,0,0,0,1.05,1.71,12,12,0,0,0,3.06,1.29,20.4,20.4,0,0,1,3,1.16,8.87,8.87,0,0,1,2.15,1.45,5.35,5.35,0,0,1,1.74,4.11,5.43,5.43,0,0,1-.53,2.43,4.89,4.89,0,0,1-1.52,1.8,7.09,7.09,0,0,1-2.36,1.13,11.48,11.48,0,0,1-3.1.39,11.72,11.72,0,0,1-2-.18,9.61,9.61,0,0,1-2-.55,8.18,8.18,0,0,1-1.73-.92,6.37,6.37,0,0,1-1.38-1.31,5.65,5.65,0,0,1-.93-1.71,6.52,6.52,0,0,1-.33-2.13h4.28a3.76,3.76,0,0,0,.3,1.59,2.66,2.66,0,0,0,.83,1.06,3.34,3.34,0,0,0,1.29.59,6.66,6.66,0,0,0,1.67.19,5.15,5.15,0,0,0,1.44-.18,3,3,0,0,0,1-.49,2,2,0,0,0,.59-.75A2.24,2.24,0,0,0,244.12,266.94Z"/><path d="M274.63,268.11h-7.48l-1.42,4.26h-4.54l7.71-20.7h4l7.75,20.7h-4.54Zm-6.33-3.46h5.18l-2.61-7.75Z"/><rect class="cls-4" width="323.79" height="323.79"/></g></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="27.77 58.329 252.88 214.332" width="252.88" height="214.332" xmlns="http://www.w3.org/2000/svg">
+  <path d="m246 133.32c0-.75.05-1.5.05-2.25a72.78 72.78 0 0 0 -134.5-38.53 62.39 62.39 0 1 0 -21.4 121h100.53v-40.54h16.79v40.55h32.81a40.32 40.32 0 0 0 5.72-80.23z" fill="#b1e2f8" style=""/>
+  <path d="m239.86 149.93h-17.2v-31.86h4.34a3.91 3.91 0 0 0 0-7.82h-130.22a3.91 3.91 0 0 0 0 7.82h4.35v31.86h-17.2a3.91 3.91 0 1 0 0 7.81h4.35v55.8h102.4v-40.54h16.79v40.55h28v-55.8h4.35a3.91 3.91 0 1 0 0-7.81z" fill="#174b62" style=""/>
+  <g fill="#fff" style="">
+    <path d="m101.14 172.99h42.19v16.78h-42.19z"/>
+    <path d="m166.84 125.62h16.78v16.8h-16.78z"/>
+    <path d="m101.14 125.62h58.74v16.8h-58.74z"/>
+    <path d="m190.68 125.62h16.78v16.8h-16.78z"/>
+    <path d="m190.68 172.98h16.78v40.56h-16.78z"/>
+  </g>
+  <path d="m44.6 272.37h-4.26l-8.34-13.62v13.62h-4.23v-20.7h4.23l8.32 13.65v-13.65h4.28z" style=""/>
+  <path d="m71.92 268.11h-7.48l-1.44 4.26h-4.52l7.71-20.7h4l7.75 20.7h-4.58zm-6.33-3.46h5.18l-2.6-7.75z"/>
+  <path d="m91.48 272.37v-20.7h7.25a13.75 13.75 0 0 1 3.27.33 6.91 6.91 0 0 1 2.41 1.05 4.54 4.54 0 0 1 1.51 1.77 5.77 5.77 0 0 1 .52 2.51 5.15 5.15 0 0 1 -.18 1.37 4.59 4.59 0 0 1 -.54 1.22 4.45 4.45 0 0 1 -.92 1 4.71 4.71 0 0 1 -1.32.76 4.54 4.54 0 0 1 1.56.69 4.34 4.34 0 0 1 1.06 1.08 4 4 0 0 1 .61 1.33 5.55 5.55 0 0 1 .2 1.47 5.45 5.45 0 0 1 -2 4.55 8.72 8.72 0 0 1 -5.52 1.53zm4.26-12h3.16a3.87 3.87 0 0 0 2.43-.69 2.31 2.31 0 0 0 .8-1.88 2.38 2.38 0 0 0 -.82-2 4.29 4.29 0 0 0 -2.58-.62h-3zm0 3v5.63h3.66a4.29 4.29 0 0 0 1.42-.21 2.94 2.94 0 0 0 1-.57 2.29 2.29 0 0 0 .59-.85 2.9 2.9 0 0 0 .19-1.07 4.11 4.11 0 0 0 -.17-1.21 2.17 2.17 0 0 0 -1.48-1.48 4.39 4.39 0 0 0 -1.39-.2z"/>
+  <path d="m137.39 251.67v13.67a7.85 7.85 0 0 1 -.6 3.16 6.55 6.55 0 0 1 -1.65 2.3 7 7 0 0 1 -2.51 1.39 11 11 0 0 1 -6.37 0 7 7 0 0 1 -2.51-1.39 6.55 6.55 0 0 1 -1.65-2.3 8 8 0 0 1 -.59-3.16v-13.67h4.27v13.67a3.94 3.94 0 0 0 1 3 4.36 4.36 0 0 0 5.38 0 3.93 3.93 0 0 0 1-3v-13.67z"/>
+  <path d="m187.69 265.48a8.52 8.52 0 0 1 -.71 2.9 6.81 6.81 0 0 1 -1.65 2.27 7.43 7.43 0 0 1 -2.55 1.47 10.06 10.06 0 0 1 -3.42.54 8.9 8.9 0 0 1 -3.58-.69 7.36 7.36 0 0 1 -2.69-2 9.1 9.1 0 0 1 -1.69-3.14 13.64 13.64 0 0 1 -.59-4.13v-1.37a13 13 0 0 1 .61-4.13 9.12 9.12 0 0 1 1.73-3.15 7.57 7.57 0 0 1 2.71-2 8.82 8.82 0 0 1 3.55-.7 10 10 0 0 1 3.42.55 7.69 7.69 0 0 1 2.53 1.52 7 7 0 0 1 1.62 2.32 9.87 9.87 0 0 1 .74 2.92h-4.27a6.37 6.37 0 0 0 -.32-1.63 3.21 3.21 0 0 0 -.72-1.2 3 3 0 0 0 -1.21-.73 5.81 5.81 0 0 0 -1.79-.25 3.64 3.64 0 0 0 -3.22 1.57 9 9 0 0 0 -1.06 4.88v1.39a14.5 14.5 0 0 0 .24 2.81 5.71 5.71 0 0 0 .74 2 3.24 3.24 0 0 0 1.3 1.22 4.32 4.32 0 0 0 2 .41 6 6 0 0 0 1.74-.23 3 3 0 0 0 1.22-.69 3.12 3.12 0 0 0 .76-1.16 5.53 5.53 0 0 0 .34-1.62z"/>
+  <path d="m213.83 268.11h-7.48l-1.42 4.26h-4.54l7.71-20.7h4l7.75 20.7h-4.54zm-6.33-3.46h5.18l-2.61-7.75z"/>
+  <path d="m244.12 266.94a3 3 0 0 0 -.15-1 2 2 0 0 0 -.61-.81 5.89 5.89 0 0 0 -1.24-.72 17 17 0 0 0 -2-.75 26.23 26.23 0 0 1 -2.68-1 10.07 10.07 0 0 1 -2.2-1.34 5.89 5.89 0 0 1 -1.49-1.79 4.81 4.81 0 0 1 -.55-2.36 5 5 0 0 1 .56-2.37 5.28 5.28 0 0 1 1.54-1.8 7.48 7.48 0 0 1 2.42-1.18 10.65 10.65 0 0 1 3.07-.42 9.65 9.65 0 0 1 3.13.48 7.29 7.29 0 0 1 2.41 1.33 6 6 0 0 1 1.53 2 6 6 0 0 1 .54 2.56h-4.26a3.42 3.42 0 0 0 -.21-1.21 2.63 2.63 0 0 0 -.63-.95 3.11 3.11 0 0 0 -1.07-.62 4.86 4.86 0 0 0 -1.51-.22 5.15 5.15 0 0 0 -1.45.19 2.84 2.84 0 0 0 -1 .51 2.15 2.15 0 0 0 -.61.77 2.12 2.12 0 0 0 -.21.94 2 2 0 0 0 1.05 1.71 12 12 0 0 0 3.06 1.29 20.4 20.4 0 0 1 3 1.16 8.87 8.87 0 0 1 2.15 1.45 5.35 5.35 0 0 1 1.74 4.11 5.43 5.43 0 0 1 -.53 2.43 4.89 4.89 0 0 1 -1.52 1.8 7.09 7.09 0 0 1 -2.36 1.13 11.48 11.48 0 0 1 -3.1.39 11.72 11.72 0 0 1 -2-.18 9.61 9.61 0 0 1 -2-.55 8.18 8.18 0 0 1 -1.73-.92 6.37 6.37 0 0 1 -1.38-1.31 5.65 5.65 0 0 1 -.93-1.71 6.52 6.52 0 0 1 -.33-2.13h4.28a3.76 3.76 0 0 0 .3 1.59 2.66 2.66 0 0 0 .83 1.06 3.34 3.34 0 0 0 1.29.59 6.66 6.66 0 0 0 1.67.19 5.15 5.15 0 0 0 1.44-.18 3 3 0 0 0 1-.49 2 2 0 0 0 .59-.75 2.24 2.24 0 0 0 .15-.92z"/>
+  <path d="m274.63 268.11h-7.48l-1.42 4.26h-4.54l7.71-20.7h4l7.75 20.7h-4.54zm-6.33-3.46h5.18l-2.61-7.75z"/>
+</svg>
\ No newline at end of file
diff --git a/source/index.html b/source/index.html
index 0a780cff660..15611a8f675 100644
--- a/source/index.html
+++ b/source/index.html
@@ -172,7 +172,7 @@ feedback: false
     <div class="sub-title">Features</div>
     {% include custom/features.html %}
 
-    <div class="seen-press grid__item one-half lap-one-half palm-one-whole">
+    <div class="sponsored-by grid__item one-half lap-one-half palm-one-whole">
       <div class="material-card">
         <h1>Home Assistant is sponsored by</h1>