add social previews to main page

vkarpov15 · Nov 13, 2023 · c3f9057 · c3f9057
1 parent f00dd06
commit c3f9057
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/netlify/functions/share.js b/netlify/functions/share.js
@@ -48,16 +48,15 @@ exports.handler = async function share(event) {
     <head>
       <link rel="stylesheet" type="text/css" href="/style.css"/>
       <link rel="icon" type="image/png" href="/images/oso-golf-bear-no-bg.png">
-      <meta property="og:image" content="https://oso-golf.netlify.app/images/social2.png"/>
+      <meta property="og:image" content="https://oso-golf.netlify.app/images/social.png"/>
       <meta property="og:title" content="${name}'s Oso Golf Scorecard"/>
       <meta property="og:type" content="website"/>
-      <meta property="og:url" content="https://oso-golf.netlify.app"/>
-      <meta property="og:description" content="Oso Golf is a logic game, similar to “Regex Golf”, that is designed to teach you authorization principles by completing permissions with as few objects as possible."/>
+      <meta property="og:description" content="Oso Golf is a logic game, similar to Regex Golf, that is designed to teach you authorization principles by completing permissions with as few objects as possible."/>
       
       <meta name="twitter:image:alt" content="${name}'s Oso Golf Scorecard">
       <meta name="twitter:title" content="${name}'s Oso Golf Scorecard">
-      <meta name="twitter:description" content="Oso Golf is a logic game, similar to “Regex Golf”, that is designed to teach you authorization principles by completing permissions with as few objects as possible.">
-      <meta name="twitter:image" content="https://oso-golf.netlify.app/images/social2.png">
+      <meta name="twitter:description" content="Oso Golf is a logic game, similar to Regex Golf, that is designed to teach you authorization principles by completing permissions with as few objects as possible.">
+      <meta name="twitter:image" content="https://oso-golf.netlify.app/images/social.png">
 
       <title>${name}'s Oso Golf Scorecard</title>
     </head>

diff --git a/public/index.html b/public/index.html
@@ -21,6 +21,17 @@
     <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
     <link rel="icon" type="image/png" href="/images/oso-golf-bear-no-bg.png">
 
+    <meta property="og:image" content="https://oso-golf.netlify.app/images/oso-golf-bear-no-bg.png"/>
+    <meta property="og:title" content="Oso Golf"/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:url" content="https://oso-golf.netlify.app"/>
+    <meta property="og:description" content="Oso Golf is a logic game, similar to Regex Golf, that is designed to teach you authorization principles by completing permissions with as few objects as possible."/>
+
+    <meta name="twitter:image:alt" content="Oso Golf">
+    <meta name="twitter:title" content="Oso Golf">
+    <meta name="twitter:description" content="Oso Golf is a logic game, similar to Regex Golf, that is designed to teach you authorization principles by completing permissions with as few objects as possible.">
+    <meta name="twitter:image" content="https://oso-golf.netlify.app/images/oso-golf-bear-no-bg.png">
+
     <link rel="stylesheet" type="text/css" href="/vendor/vanillatoasts/vanillatoasts.css"/>
     <link rel="stylesheet" type="text/css" href="/css/modal.css"/>
     <link rel="stylesheet" type="text/css" href="/style.css"/>