Fix #1 adding OG images

peercoin · May 24, 2019 · f87c691 · f87c691
1 parent 2cb67bb
commit f87c691
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,7 @@
 {
   "name": "perpera-web",
   "version": "0.1.0",
+  "homepage": "./",
   "private": true,
   "dependencies": {
     "js-sha256": "^0.9.0",

diff --git a/public/index.html b/public/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
@@ -19,14 +18,28 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="https://perpera.peercoin.net/">
+    <meta name="twitter:creator" content="@PeercoinPPC">
+    <meta name="twitter:title" content="Perpera">
+    <meta name="twitter:description" content="Perpera - A Data Audit Protocol.">
+    <meta name="twitter:image" content="https://perpera.peercoin.net/img/og.png">
+
+    <meta property="og:url" content="https://perpera.peercoin.net/">
+    <meta property="og:image" content="https://perpera.peercoin.net/img/og.png">
+    <meta property="og:title" content="Perpera">
+    <meta property="og:description" content="Perpera - A Data Audit Protocol.">
+
+    <meta name="theme-color" content="#2B343E">
     <title>Perpera - A Data Audit Protocol.</title>
   </head>
   <body>
     <noscript>
       You need to enable JavaScript to run this app.
     </noscript>
     <div id="root"></div>
-    <script src="/perpera.js"></script>
+    <script src="perpera.js"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.