chore(docs): add partners section to landing page (#5282)

tmorehouse · web-flow · commit 73f046b9c63d · 2020-04-30T10:05:18.000-03:00
diff --git a/docs/assets/vercel.svg b/docs/assets/vercel.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 283 64" fill="#000" xmlns="http://www.w3.org/2000/svg">
+  <path d="M37 0l37 64H0L37 0zM159.6 34c0-10.3-7.6-17.5-18.5-17.5s-18.5 7.2-18.5 17.5c0 10.1 8.2 17.5 19.5 17.5 6.2 0 11.8-2.3 15.4-6.5l-6.8-3.9c-2.1 2.1-5.2 3.4-8.6 3.4-5 0-9.3-2.7-10.8-6.8l-.3-.7h28.3c.2-1 .3-2 .3-3zm-28.7-3l.2-.6c1.3-4.3 5.1-6.9 9.9-6.9 4.9 0 8.6 2.6 9.9 6.9l.2.6h-20.2zM267.3 34c0-10.3-7.6-17.5-18.5-17.5s-18.5 7.2-18.5 17.5c0 10.1 8.2 17.5 19.5 17.5 6.2 0 11.8-2.3 15.4-6.5l-6.8-3.9c-2.1 2.1-5.2 3.4-8.6 3.4-5 0-9.3-2.7-10.8-6.8l-.3-.7H267c.2-1 .3-2 .3-3zm-28.7-3l.2-.6c1.3-4.3 5.1-6.9 9.9-6.9 4.9 0 8.6 2.6 9.9 6.9l.2.6h-20.2zM219.3 28.3l6.8-3.9c-3.2-5-8.9-7.8-15.8-7.8-10.9 0-18.5 7.2-18.5 17.5s7.6 17.5 18.5 17.5c6.9 0 12.6-2.8 15.8-7.8l-6.8-3.9c-1.8 3-5 4.7-9 4.7-6.3 0-10.5-4.2-10.5-10.5s4.2-10.5 10.5-10.5c3.9 0 7.2 1.7 9 4.7zM282.3 5.6h-8v45h8v-45zM128.5 5.6h-9.2L101.7 36 84.1 5.6h-9.3L101.7 52l26.8-46.4zM185.1 25.8c.9 0 1.8.1 2.7.3v-8.5c-6.8.2-13.2 4-13.2 8.7v-8.7h-8v33h8V36.3c0-6.2 4.3-10.5 10.5-10.5z" />
+</svg>
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
@@ -368,6 +368,21 @@
         </b-button>
 
         <BVContributors></BVContributors>
+
+        <hr style="withd: 90%">
+
+        <div class="text-center mb-n4" aria-labeledby="parners-heading">
+          <h3 id="partners-heading" class="mx-auto mt-4">Partners</h3>
+          <p class="text-muted mb-4"><b>BootstrapVue</b> would like to thank our partners</p>
+          <a
+            href="https://vercel.com/?utm_source=bootstrapvue"
+            target="_blank"
+            rel="noopener follow"
+            class="bvd-partner d-inline-block p-1"
+          >
+            <b-img-lazy src="~/assets/vercel.svg" alt="Vercel logo"></b-img-lazy>
+          </a>
+        </div>
       </b-container>
     </section>
 
@@ -418,6 +433,20 @@
   color: #42b883;
 }
 
+.bvd-partner {
+  opacity: 0.6;
+  transition: opacity 0.15s ease-in-out;
+
+  img {
+    height: 2.5rem;
+  }
+
+  &:hover,
+  &:focus {
+    opacity: 1;
+  }
+}
+
 // Depth of section angle
 $bv-angle-depth: 4rem;
 $bv-angle-padding: 3rem;
