Merge branch 'master' into 1312-tools-query-params

asyncapi · Apr 13, 2023 · afeb8cb · afeb8cb
2 parents 8a6d751 + 5cf8cd8
commit afeb8cb
Showing 1 changed file with 6 additions and 21 deletions.
diff --git a/pages/community/ambassadors/index.js b/pages/community/ambassadors/index.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {sortBy} from 'lodash';
+import { sortBy } from 'lodash';
 import Button from '../../../components/buttons/Button';
 import GenericLayout from '../../../components/layout/GenericLayout';
 import Heading from '../../../components/typography/Heading';
@@ -77,25 +77,10 @@ function Index() {
         </div>
       </div>
       <div className="mt-20">
-        <div className="w-full h-[400px] bg-ambassadorCover bg-cover bg-center rounded-lg flex flex-col justify-end">
-          <div className="text-gray-700 p-2">
-            Photo by{' '}
-            <a
-              href="https://unsplash.com/@headwayio?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText"
-              target="_blank"
-              rel="noreferrer"
-            >
-              Headway
-            </a>{' '}
-            on{' '}
-            <a
-              href="https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText"
-              target="_blank"
-              rel="noreferrer"
-            >
-              Unsplash
-            </a>
-          </div>
+        <div className="aspect-w-16 aspect-h-9 bg-center">
+          <iframe src="https://www.youtube.com/embed/3rg_7hIb9PQ"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          ></iframe>
         </div>
         <div className="flex justify-center">
           <div className="text-center mt-10 lg:w-[55%]">
@@ -159,7 +144,7 @@ function Index() {
                   as={`ambassadors/${ambassador.github}`}
                 >
                   <div className="p-2">
-                    <div className="w-full h-auto bg-center bg-center rounded-md cursor-pointer">
+                    <div className="w-full h-auto bg-center rounded-md cursor-pointer">
                       <img
                         src={ambassador.img}
                         alt={ambassador.name}