---
title: BBC Young Reporter
description: News articles written by Reading School students in year 8
layout: none
search: exclude
---

{% 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>