Move Open Graph into HEAD

As reluctant as I am, it looks like some scrapers might stop looking for
OG information outside of the `head`…? Let’s see if this fixes it.

Author: csswizardry

demo/index.html

@@ -233,6 +233,27 @@
   <meta name=robots content="index, follow, max-image-preview:large">
   <link rel=icon href=./assets/icon.png>
 
+  <meta property="og:site_name" content="CSS Wizardry">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="en_GB">
+  <meta property="og:title" content="Obs.js – context-aware web performance for everyone">
+  <meta property="og:description" content="Obs.js reads device and network signals and allows you to build adaptive user experiences.">
+  <meta property="og:url" content="https://csswizardry.com/Obs.js/demo/">
+  <meta property="og:image" content="https://csswizardry.com/assets/og-image.png">
+  <meta property="og:image:width" content="1800">
+  <meta property="og:image:height" content="942">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Obs.js demo page with video poster frame showing context-aware performance demo">
+
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@csswizardry">
+  <meta name="twitter:creator" content="@csswizardry">
+  <meta name="twitter:domain" content="csswizardry.com">
+  <meta name="twitter:title" content="Obs.js – context-aware web performance for everyone">
+  <meta name="twitter:description" content="Obs.js reads device and network signals and allows you to build adaptive user experiences.">
+  <meta name="twitter:image" content="https://csswizardry.com/assets/og-image.png">
+  <meta name="twitter:image:alt" content="Obs.js demo page with video poster frame showing context-aware performance demo">
+
 
 
 
@@ -619,27 +640,6 @@ <h2 id=showcase>Showcase</h2>
     })();
   </script>
 
-  <meta property="og:site_name" content="CSS Wizardry">
-  <meta property="og:type" content="website">
-  <meta property="og:locale" content="en_GB">
-  <meta property="og:title" content="Obs.js – context-aware web performance for everyone">
-  <meta property="og:description" content="Obs.js reads device and network signals and allows you to build adaptive user experiences.">
-  <meta property="og:url" content="https://csswizardry.com/Obs.js/demo/">
-  <meta property="og:image" content="https://csswizardry.com/assets/og-image.png?rev=1">
-  <meta property="og:image:width" content="1800">
-  <meta property="og:image:height" content="942">
-  <meta property="og:image:type" content="image/png">
-  <meta property="og:image:alt" content="Obs.js demo page with video poster frame showing context-aware performance demo">
-
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:site" content="@csswizardry">
-  <meta name="twitter:creator" content="@csswizardry">
-  <meta name="twitter:domain" content="csswizardry.com">
-  <meta name="twitter:title" content="Obs.js – context-aware web performance for everyone">
-  <meta name="twitter:description" content="Obs.js reads device and network signals and allows you to build adaptive user experiences.">
-  <meta name="twitter:image" content="https://csswizardry.com/assets/og-image.png?rev=1">
-  <meta name="twitter:image:alt" content="Obs.js demo page with video poster frame showing context-aware performance demo">
-
   <script type=application/ld+json>
     {
       "@context": "https://schema.org",