updated to homepage community section (#1461)

website/assets/styles/pages/homepage.less

@@ -77,7 +77,7 @@
     flex: 0 1 380px;
     text-align: left;
     background: #FFFFFF;
-    padding: 24px;
+    padding: 40px;
     margin-bottom: 30px;
     border: 1px solid #E2E4EA;
     box-sizing: border-box;

website/views/pages/homepage.ejs

@@ -156,38 +156,39 @@
       <p style="max-width: 860px" class="px-3 px-xs-5 px-md-4 mx-auto">
         That’s good news, since it means there are lots of other developers and security practicioners talking about Fleet, dreaming up features, and contributing patches.
       </p>
-      <div class="tweets d-flex flex-wrap justify-content-center align-items-center px-2 pt-3 pt-lg-5 pb-5 mx-auto">
+      <div class="tweets d-flex flex-wrap justify-content-center align-items-start px-2 pt-3 pt-lg-5 pb-5 mx-auto">
-        <div class="tweet container">
-          <p class="pb-2 mb-1">Thanks <a href="https://twitter.com/fleetctl">@fleetctl</a> for such an awesome tool to manage <a href="https://twitter.com/osquery">@osquery</a></p>
-          <div class="row px-3">
-            <div class="d-none d-sm-block avatar-frame">
-              <a href="https://twitter.com/ruben_rodr"><img alt="avatar" src="/images/thumbnail-rr-48x48@2x.png"/></a>
-            </div>
-            <div class="pl-sm-3">
-              <p class="font-weight-bold m-0">Ruben Rodriguez</p>
-              <p class="m-0">Systems Technician <a href="https://twitter.com/grupoversia">@GrupoVersia</a></p>
-              </div>
-          </div>        
-        </div>
         <div class="tweet container">
+          <div class="mb-4">
+            <a href="https://twitter.com/osquery"><img width="140" height="36" alt="osquery logo" src="/images/social-proof-logo-osquery-140x36@2x.png"/></a>
+          </div>
           <p class="pb-2 mb-1">It’s great to see the new release of Fleet containing some really cool new features that make <a href="https://twitter.com/osquery">@osquery</a> much more usable in practical environments. I’m really impressed with the work that <a href="https://twitter.com/thezachw">@thezachw</a> and crew are doing at <a href="https://twitter.com/fleetctl">@fleetctl</a>.</p>
-          <div class="row px-3">
+          <div class="row px-3 pt-2">
-            <div class="d-none d-sm-block avatar-frame">
+            <div>
-              <a href="https://twitter.com/mikearpaia"><img alt="avatar" src="/images/thumbnail-ma-48x48@2x.png"/></a>
-            </div>
-            <div class="pl-sm-3">
               <p class="font-weight-bold m-0">Mike Arpaia</p>
               <p class="m-0">Creator of <a href="https://twitter.com/osquery">@osquery</a></p>
             </div>
           </div>
         </div>
         <div class="tweet container">
+          <div class="mb-4">
+            <a href="https://twitter.com/Wayfair"><img width="136" height="32" alt="Wayfair logo" src="/images/social-proof-logo-wayfair-136x32@2x.png"/></a>
+          </div>
+          <p class="pb-2 mb-1"><a href="https://twitter.com/hashtag/osquery">#osquery</a> is one of the best tools out there and <a href="https://twitter.com/hashtag/fleetdm">#fleetdm</a> makes it even better. Highly recommend it if you want to monitor, detect and investigate threats on a scale and also for infra/sys admin.</p>
+          <p>I have used it on 15k servers and it’s really scalable.</p>
+          <div class="row px-3 pt-2">
+            <div>
+              <p class="font-weight-bold m-0">Ahmed Elshaer</p>
+              <p class="m-0">DFIR, Blue Teaming, SecOps <a href="https://twitter.com/Wayfair">@wayfair</a></p>
+              </div>
+          </div>        
+        </div>
+        <div class="tweet container">
+          <div class="mb-4">
+            <a href="https://twitter.com/atlassian"><img width="162" height="20" alt="Atlassian logo" src="/images/social-proof-logo-atlassian-162x20@2x.png"/></a>
+          </div>
           <p class="pb-2 mb-1"><a href="https://twitter.com/hashtag/fleet">#Fleet</a>’s come a long way - to now being the top open-source <a href="https://twitter.com/hashtag/fleet">#osquery</a> manager. Just in the past 6 months.</p>
-          <div class="row px-3">
+          <div class="row px-3 pt-2">
-            <div class="d-none d-sm-block avatar-frame">
+            <div>
-              <a href="https://twitter.com/nyanshak"><img alt="avatar" src="/images/thumbnail-bs-48x48@2x.png"/></a>
-            </div>
-            <div class="pl-sm-3">
               <p class="font-weight-bold m-0">Brendan Shaklovitz</p>
               <p class="m-0">Senior SRE <a href="https://twitter.com/atlassian">@Atlassian</a></p>
             </div>