From f1ac62245513780d426552cf3abda2806871bb28 Mon Sep 17 00:00:00 2001
From: Harry Roberts <csswizardry@gmail.com>
Date: Tue, 6 Mar 2018 12:30:57 +0000
Subject: [PATCH] [refs #00016] Move Twitter widget into head
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Seeing as though we’re loading the Twitter widget.js asynchronously, it
doesn’t need to be defined late/JIT. We can move it up to the head to
get it coming over the wire ASAP, but still ensure that it’s not
blocking anything else.
---
 _includes/head.html    | 1 +
 _includes/sidebar.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/_includes/head.html b/_includes/head.html
index 479e4c5..a11bfa9 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -9,4 +9,5 @@
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic" />
     <link rel="stylesheet" href="/css/common.css" />
+    <script src="//platform.twitter.com/widgets.js" async defer></script>
   </head>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index fd54295..3add27e 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -3,7 +3,7 @@
   <div class="wrapper">
 
     <div class="about">
-      <div class="follow"><a href="https://twitter.com/rachelandrew" class="twitter-follow-button" data-size="large" data-show-screen-name="true" data-show-count="true">Follow @rachelandrew</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></div>
+      <div class="follow"><a href="https://twitter.com/rachelandrew" class="twitter-follow-button" data-size="large" data-show-screen-name="true" data-show-count="true">Follow @rachelandrew</a></div>
       <h1><a href="/">Grid by Example</a></h1>
       <p>Everything you need to learn CSS Grid Layout</p>