Add og-image

frontend/src/index.html

@@ -9,6 +9,20 @@
     />
     <meta name="theme-color" content="#b7455e" />
 
+    <meta property="og:url" content="https://decla.red" />
+    <meta property="og:image" content="https://decla.red/og-image.png" />
+    <meta property="og:image:width" content="2086" />
+    <meta property="og:image:height" content="940" />
+    <meta
+      property="og:image:alt"
+      content="Dimly lit planets surrounding a text saying 'decla.red'"
+    />
+    <meta name="theme-color" content="#b33951" />
+    <meta
+      name="description"
+      content="Conquer the planets, work as part of a team, and play with your friends online through this browser game."
+    />
+
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
     <link rel="icon" href="/favicon.ico" type="image/x-icon" />
 

frontend/webpack.config.js

@@ -54,7 +54,7 @@ module.exports = {
         use: ['source-map-loader'],
       },
       {
-        test: /\.svg$/,
+        test: /\.(svg|png)$/,
         use: {
           loader: 'file-loader',
         },