Files
bbc-young-reporter/auto-refresh.md
2020-12-25 17:52:57 +00:00

57 lines
1.7 KiB
Markdown

---
title: BBC Young Reporter
description: News articles written by Reading School students in year 8
layout: none
---
{% include head.html %}
{% assign most_recent_article = site.articles | sort: date | reversed | last %}
{% assign most_recent_year = most_recent_article.date | date: "%Y" %}
<iframe id="articles-1" class="articles" src="/years/{{ most_recent_year }}"></iframe>
<iframe id="articles-2" class="articles" src="/years/{{ most_recent_year }}"></iframe>
<a class="twitter-timeline" 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('articles-1').style.zIndex = "2";
document.getElementById('articles-2').style.zIndex = "1";
document.getElementById('articles-2').contentWindow.location.reload(true);
setTimeout(function() {
document.getElementById('articles-2').style.zIndex = "2";
document.getElementById('articles-1').style.zIndex = "1";
document.getElementById('articles-1').contentWindow.location.reload(true);
}, 10000)
}, 20000);
</script>
<style>
html, body {
width: 100%;
}
html, body, iframe {
height: 100%;
margin: 0;
padding: 0;
border: none;
}
.articles {
width: 70%;
position: absolute;
top: 0;
left: 0;
background: white;
}
#articles-1 {
z-index: 2;
}
#articles-2 {
z-index: 1;
}
.twitter-timeline {
width: 30% !important;
float: right;
}
</style>