Update social preview

Signed-off-by: Jay Wang <[email protected]>

Author: xiaohk

README.md

@@ -1,7 +1,7 @@
 <h1>RecRec <a href="https://poloclub.github.io/recrec/"><picture>
 
-  <source media="(prefers-color-scheme: dark)" srcset="public/android-chrome-192x192.png">
-  <img align="right" alt="RecRec logo." src="public/android-chrome-192x192.png" width="30" height="30">
+  <source media="(prefers-color-scheme: dark)" srcset="https://i.imgur.com/h9q1Vg6.png">
+  <img align="right" alt="RecRec logo." src="https://i.imgur.com/h9q1Vg6.png" height="50">
 </picture></a></h1>
 
 [![Github Actions Status](https://github.com/xiaohk/recrec/workflows/build/badge.svg)](https://github.com/xiaohk/recrec/actions/workflows/build.yml)

index.html

@@ -10,11 +10,50 @@
     <meta name="msapplication-TileColor" content="#da532c" />
     <meta name="theme-color" content="#0b48a1" />
 
+    <!-- Primary Meta Tags -->
+    <title>RecRec — Recommender for Recommendation Letter Writers</title>
+    <meta
+      name="title"
+      content="RecRec — Recommender for Recommendation Letter Writers"
+    />
+    <meta
+      name="description"
+      content="Whether you are preparing for your tenure package or green card petition, RecRec helps you quickly identify the best letter writers.
+    "
+    />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://xiaohk.github.io/recrec" />
+    <meta
+      property="og:title"
+      content="RecRec — Recommender for Recommendation Letter Writers"
+    />
+    <meta
+      property="og:description"
+      content="Whether you are preparing for your tenure package or green card petition, RecRec helps you quickly identify the best letter writers.
+    "
+    />
+    <meta property="og:image" content="https://i.imgur.com/4Rft5F8.png" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://xiaohk.github.io/recrec" />
+    <meta
+      property="twitter:title"
+      content="RecRec — Recommender for Recommendation Letter Writers"
+    />
+    <meta
+      property="twitter:description"
+      content="Whether you are preparing for your tenure package or green card petition, RecRec helps you quickly identify the best letter writers.
+    "
+    />
+    <meta property="twitter:image" content="https://i.imgur.com/4Rft5F8.png" />
+
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
     />
-    <title>RecRec: Recommender System for Your Recommenders</title>
 
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />