Updated platforms and tools

Author: jeffyactive

images/icon-sparkplug.png

@@ -470,7 +470,8 @@ <h5 class="card-header text-truncate text-bg-primary">
           <p> <strong>Pareto Anywhere</strong> handles the <span class="text-body-emphasis">hardware</span> side of <em>things</em> so that you can rightly focus on the <span class="text-body-emphasis">applications</span> side of <em>things</em>. </p>
           <!-- Put to good use -->
           <h1 class="mt-5"> <strong class="text-ambient">IoT data</strong> put to <strong class="text-primary">good use</strong> </h1>
-          <p class="lead text-body-secondary"> Readily apply IoT data using the platforms & tools you <em>already</em> know and love. </p>
+          <p class="lead text-body-secondary mb-1"> Readily apply IoT data using the platforms & tools you <em>already</em> know and love. </p>
+          <p class="text-body-tertiary"> Love open source?  You'll love the <i class="fas fa-chart-line"></i> Grafana + <i class="fas fa-database"></i> PostgreSQL + Pareto Anywhere stack! </p>
           <ul class="nav nav-tabs" role="tablist">
             <li class="nav-item" role="presentation">
               <button class="nav-link active" id="analyticstab"
@@ -502,18 +503,18 @@ <h1 class="mt-5"> <strong class="text-ambient">IoT data</strong> put to <strong
                  role="tabpanel" aria-labelledby="analyticstab">
               <ul class="list-inline">
                 <li class="list-inline-item">
-                  <img src="../../images/icon-powerbi.png"
+                  <img src="../../images/icon-grafana.png"
                        class="rounded-1 mt-2">
                   <p class="my-2">
-                    <a href="integrations/azure/" role="button"
+                    <a href="integrations/grafana/" role="button"
                        class="btn btn-sm btn-outline-primary"> Learn more </a>
                   </p>
                 </li>
                 <li class="list-inline-item">
-                  <img src="../../images/icon-grafana.png"
+                  <img src="../../images/icon-powerbi.png"
                        class="rounded-1 mt-2">
                   <p class="my-2">
-                    <a href="integrations/grafana/" role="button"
+                    <a href="integrations/azure/" role="button"
                        class="btn btn-sm btn-outline-primary"> Learn more </a>
                   </p>
                 </li>
@@ -591,6 +592,14 @@ <h1 class="mt-5"> <strong class="text-ambient">IoT data</strong> put to <strong
             <div class="tab-pane fade" id="protocolscontent" role="tabpanel"
                  aria-labelledby="protocolstab">
               <ul class="list-inline">
+                <li class="list-inline-item">
+                  <img src="../../images/icon-mqtt.png"
+                       class="rounded-1 mt-2">
+                  <p class="my-2">
+                    <a href="integrations/mqtt/" role="button"
+                       class="btn btn-sm btn-outline-primary"> Learn more </a>
+                  </p>
+                </li>
                 <li class="list-inline-item">
                   <img src="../../images/icon-websockets.png"
                        class="rounded-1 mt-2">
@@ -600,19 +609,19 @@ <h1 class="mt-5"> <strong class="text-ambient">IoT data</strong> put to <strong
                   </p>
                 </li>
                 <li class="list-inline-item">
-                  <img src="../../images/icon-mqtt.png"
+                  <img src="../../images/icon-opcua.png"
                        class="rounded-1 mt-2">
                   <p class="my-2">
-                    <a href="integrations/mqtt/" role="button"
+                    <a href="integrations/opc-ua/" role="button"
                        class="btn btn-sm btn-outline-primary"> Learn more </a>
                   </p>
                 </li>
                 <li class="list-inline-item">
-                  <img src="../../images/icon-opcua.png"
+                  <img src="../../images/icon-sparkplug.png"
                        class="rounded-1 mt-2">
                   <p class="my-2">
-                    <a href="integrations/opc-ua/" role="button"
-                       class="btn btn-sm btn-outline-primary"> Learn more </a>
+                    <a href="integrations/sparkplug/" role="button"
+                       class="btn btn-sm btn-outline-primary disabled"> Learn more </a>
                   </p>
                 </li>
               </ul>