[Docs] - Added favicon and social image

Author: matthew-carroll

doc/website/source/_includes/layouts/docs_page.jinja

@@ -6,15 +6,27 @@
     <title>{{   title   }}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
-    <link rel="manifest" href="/images/favicon/site.webmanifest">
-    <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
-    <link rel="shortcut icon" href="/images/favicon/favicon.ico">
-    <meta name="msapplication-TileColor" content="#da532c">
-    <meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
-    <meta name="theme-color" content="#ffffff">
+    <link rel="icon" type="image/png" href="/images/favicon/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/images/favicon/favicon.svg" />
+    <link rel="shortcut icon" href="/images/favicon/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="Flutter Test Goldens" />
+    <link rel="manifest" href="/images/favicon/site.webmanifest" />
+
+    <!-- Open Graph Social Media -->
+    <meta property="og:url" content="https://fluttergoldens.com" />
+    <meta property="og:title" content="Flutter Test Goldens" />
+    <meta property="og:description" content="The best package for writing golden tests." />
+    <meta property="og:image" content="https://fluttergoldens.com/images/branding/social.png" />
+    <meta property="og:type" content="website" />
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@SuprDeclarative" />
+    <meta name="twitter:url" content="https://fluttergoldens.com" />
+    <meta name="twitter:title" content="Flutter Test Goldens" />
+    <meta name="twitter:description" content="The best package for writing golden tests." />
+    <meta name="twitter:image" content="https://fluttershaders.com/images/branding/social.png" />
 
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>