chore: add mediapipe icon everywhere (#430)

functions/src/share/index.ts

@@ -31,6 +31,7 @@ const BaseHTMLContext: Record<string, string | Record<string, string>> = {
     flutterIcon: bucketPathForFile('public/flutter-icon.png'),
     firebaseIcon: bucketPathForFile('public/firebase-icon.png'),
     tensorflowIcon: bucketPathForFile('public/tensorflow-icon.png'),
+    mediapipeIcon: bucketPathForFile('public/mediapipe-icon.png'),
     holocard: bucketPathForFile('public/holocard.png'),
     notFoundBg: bucketPathForFile('public/not-found-bg.png'),
     notFoundMobileBg: bucketPathForFile('public/not-found-mobile-bg.png'),

functions/src/share/templates/footer.ts

@@ -17,6 +17,11 @@ export default `
               <img class="tensorflow-icon" src={{assetUrls.tensorflowIcon}} />
             </a>
           </li>
+          <li>
+            <a href="https://developers.google.com/mediapipe">
+              <img class="tensorflow-icon" src={{assetUrls.mediapipeIcon}} />
+            </a>
+          </li>
         </ul>
       </div>
       <div class="right">

functions/src/share/templates/share.ts

@@ -89,6 +89,9 @@ export default `
           <a href="https://www.tensorflow.org/js/" class="player-btn">
             <img class="tensorflow-icon" src={{assetUrls.tensorflowIcon}} />
           </a>
+          <a href="https://developers.google.com/mediapipe" class="player-btn">
+            <img class="mediapipe-icon" src={{assetUrls.mediapipeIcon}} />
+          </a>
           <a href="#" class="player-btn fullscreen-button">
             <img class="tensorflow-icon" src={{assetUrls.playerFullscreen}} />
           </a>

functions/src/share/templates/styles.ts

@@ -172,6 +172,11 @@ footer ul li img.tensorflow-icon {
   height: 24px;
 }
 
+footer ul li img.mediapipe-icon {
+  width: 24px;
+  height: 24px;
+}
+
 footer .left a {
   margin-right: 16px;
 }
@@ -331,6 +336,12 @@ footer .right a {
 .right-side-controls .tensorflow-icon {
   width: 20px;
   height: 22px;
+  margin-right: 6px;
+}
+
+.right-side-controls .mediapipe-icon {
+  width: 20px;
+  height: 20px;
   margin-right: 18px;
 }