feat: adjustments on the share link page (#432)

functions/src/share/index.ts

@@ -32,9 +32,8 @@ const BaseHTMLContext: Record<string, string | Record<string, string>> = {
     firebaseIcon: bucketPathForFile('public/firebase-icon.png'),
     tensorflowIcon: bucketPathForFile('public/tensorflow-icon.png'),
     mediapipeIcon: bucketPathForFile('public/mediapipe-icon.png'),
+    metadataImage: bucketPathForFile('public/holobooth-metadata-image.jpeg'),
     holocard: bucketPathForFile('public/holocard.png'),
-    notFoundBg: bucketPathForFile('public/not-found-bg.png'),
-    notFoundMobileBg: bucketPathForFile('public/not-found-mobile-bg.png'),
     playerPlay: bucketPathForFile('public/player-play.png'),
     playerPause: bucketPathForFile('public/player-pause.png'),
     playerVolume: bucketPathForFile('public/player-volume.png'),
@@ -115,7 +114,6 @@ function renderSharePage(videoFileName: string, baseUrl: string): string {
     appUrl: baseUrl,
     shareUrl: `${baseUrl}/share/${videoFileName}`,
     shareVideoUrl: bucketPathForFile(`${UPLOAD_PATH}/${videoFileName}`),
-    thumbImageUrl: bucketPathForFile(`${UPLOAD_PATH}/${videoFileName.replace('mp4', 'png')}`),
   });
   return renderTemplate(shareTmpl, context);
 }

functions/src/share/templates/share.ts

@@ -14,13 +14,13 @@ export default `
     <meta property="og:title" content="{{meta.title}}">
     <meta property="og:description" content="{{meta.desc}}">
     <meta property="og:url" content="{{{shareUrl}}}">
-    <meta property="og:image" content="{{{thumbImageUrl}}}">
+    <meta property="og:image" content="{{{assetUrls.metadataImage}}}">
 
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="{{meta.title}}">
     <meta name="twitter:text:title" content="{{meta.title}}">
     <meta name="twitter:description" content="{{meta.desc}}">
-    <meta name="twitter:image" content="{{{thumbImageUrl}}}">
+    <meta name="twitter:image" content="{{{assetUrls.metadataImage}}}">
     <meta name="twitter:site" content="@flutterdev">
 
     <link href="https://fonts.googleapis.com/css?family=Google+Sans:400,500" rel="stylesheet">
@@ -46,11 +46,6 @@ export default `
             <img src={{assetUrls.playArrowIcon}} />
             Try now
           </a>
-          <p class="disclaimer">
-          Your photo will be available at that URL for 30 days and then automatically deleted.
-          To request early deletion of your photo, please contact flutter-photo-booth@google.com and
-          be sure to include your unique URL in your request.
-          </p>
         </div>
       </div>
     </main>

functions/src/share/templates/styles.ts

@@ -119,16 +119,6 @@ h2 {
   border: 1px solid #676AB6;
 }
 
-.disclaimer {
-  margin-top: 48px;
-  font-family: 'Google Sans';
-  font-style: italic;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 20px;
-  color: #C0C0C0;
-}
-
 .holocard {
   width: 708px;
   height: 716px;
@@ -402,10 +392,6 @@ footer .right a {
     display: flex;
   }
 
-  .not-found-backdrop {
-    background-image: url("{{{assetUrls.notFoundMobileBg}}}");
-  }
-
   .not-found-panel {
     padding: 24px 0;
   }
@@ -468,10 +454,6 @@ footer .right a {
     margin-bottom: 24px;
   }
 
-  .disclaimer {
-    margin-bottom: 86px;
-  }
-
   footer {
     justify-content: center;
   }