From 250088203b2b38d45979f66c4cf9996638f4b590 Mon Sep 17 00:00:00 2001
From: Matthew Grove <matthew@grove.gq>
Date: Wed, 6 Mar 2019 09:53:47 +0000
Subject: [PATCH] Include Young Reporter Twitter feed on auto-refresh page

---
 _site/auto-refresh.html | 24 +++++++++++++++++++-----
 auto-refresh.md         | 24 +++++++++++++++++++-----
 2 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/_site/auto-refresh.html b/_site/auto-refresh.html
index 9079778..2a3e0a9 100644
--- a/_site/auto-refresh.html
+++ b/_site/auto-refresh.html
@@ -1,18 +1,32 @@
-<iframe id="iframe" src="/"></iframe>
+<script src="/js/jquery.min.js"></script>
+
+<iframe id="articles" src="/"></iframe>
+<p><a class="twitter-timeline" id="tweets" data-dnt="true" href="https://twitter.com/BBCYoungReport?ref_src=twsrc%5Etfw">Tweets by BBCYoungReport</a> <script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
 
 <script>
-window.setInterval(function() {
-            document.getElementById('iframe').contentWindow.location.reload();
-        }, 300000);
+    window.setInterval(function() {
+        document.getElementById('iframe').contentWindow.location.reload();
+        document.getElementsByClass('twitter-timeline')[0].contentWindow.location.reload();
+    }, 60000);
 </script>
 
 <style>
+    html, body {
+        width: 100%;
+    }
     html, body, iframe {
         height: 100%;
-        width: 100%;
         margin: 0;
         padding: 0;
         border: none;
     }
+    #articles {
+        width: 70%;
+        float: left;
+    }
+    .twitter-timeline {
+        width: 30% !important;
+        float: right;
+    }
 </style>
 
diff --git a/auto-refresh.md b/auto-refresh.md
index 3dfdd97..44c924d 100644
--- a/auto-refresh.md
+++ b/auto-refresh.md
@@ -4,20 +4,34 @@ description: News articles written by Reading School students in year 8
 layout: none
 ---
 
-<iframe id="iframe" src="/"></iframe>
+<script src="/js/jquery.min.js"></script>
+
+<iframe id="articles" src="/"></iframe>
+<a class="twitter-timeline" id="tweets" data-dnt="true" href="https://twitter.com/BBCYoungReport?ref_src=twsrc%5Etfw">Tweets by BBCYoungReport</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 
 <script>
-window.setInterval(function() {
-            document.getElementById('iframe').contentWindow.location.reload();
-        }, 300000);
+    window.setInterval(function() {
+        document.getElementById('iframe').contentWindow.location.reload();
+        document.getElementsByClass('twitter-timeline')[0].contentWindow.location.reload();
+    }, 60000);
 </script>
 
 <style>
+    html, body {
+        width: 100%;
+    }
     html, body, iframe {
         height: 100%;
-        width: 100%;
         margin: 0;
         padding: 0;
         border: none;
     }
+    #articles {
+        width: 70%;
+        float: left;
+    }
+    .twitter-timeline {
+        width: 30% !important;
+        float: right;
+    }
 </style>