updating favicons and organzing index file

web/index.html

@@ -24,25 +24,22 @@
   <meta property="og:description"
     content="Come play Pinball with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2022.">
 
+  <!-- Open Graph Data -->
   <meta property="og:title" content="Google I/O Pinball">
-
   <!-- TODO(jonathandaniels-vgv): revisit once Google sets up deployments -->
   <meta property="og:url" content="https://flutter.dev">
+  <meta property="og:image"
+  content="https://firebasestorage.googleapis.com/v0/b/pinball-dev.appspot.com/o/images%2Fpinball_share_image.png?alt=media">
 
+  <!-- Twitter Share Data -->
   <meta name="twitter:image"
     content="https://firebasestorage.googleapis.com/v0/b/pinball-dev.appspot.com/o/images%2Fpinball_share_image.png?alt=media">
-
-  <meta property="og:image"
-    content="https://firebasestorage.googleapis.com/v0/b/pinball-dev.appspot.com/o/images%2Fpinball_share_image.png?alt=media">
-
   <meta name="twitter:text:title" content="I/O Pinball Machine - Flutter">
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="I/O Pinball Machine - Flutter">
-
   <meta name="twitter:description"
     content="Come play Pinball with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2022.">
 
-
   <!-- iOS meta tags & icons -->
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -145,4 +142,4 @@
   </script>
 </body>
 
-</html>
+</html>