Move charset information before any content

s5bug · web-flow · commit d3988a931ea2 · 2021-11-03T15:41:30.000-07:00
This fixes the rendering of non-ASCII characters in the OpenGraph embeds. For example, 🎉🎉🎉 would render as ðŸŽ‰ðŸŽ‰ðŸŽ‰.
diff --git a/_includes/headertop.html b/_includes/headertop.html
@@ -1,6 +1,9 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="UTF-8"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+
     <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
     {% if page.title %}
     <meta property="og:title" content="{{ page.title }}"/>
@@ -18,8 +21,7 @@
     <meta property="og:url" content="{{ site.url }}{{ page.url }}"/>
     {% endif %}    
     <meta property="og:image" content="{{ site.url }}/resources/img/scala-spiral-3d-2-toned-down.png"/>
-    
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
 
     <link rel="icon" type="image/png" href="{{ site.baseurl }}/resources/favicon.ico">
