---
title: BBC Young Reporter
description: News articles written by Reading School students in year 8
layout: article-list
---

{% for article in site.categories.articles %}
<div class="mdc-card">
    <div class="mdc-card__media mdc-card__media--16-9 {{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }}"></div>
    <div class="mdc-card-content">
        <h2 class="mdc-typography--headline6">{{ article.title }}</h2>
        <h3 class="mdc-typography--subtitle2">
            <time class="timeago" datetime="{{ article.date | date: '%Y-%m-%d' }}T{{ article.date | date: '%H:%M:%S' }}">{{ article.date | date: '%A %e %B %Y' }}</time>
             | by {{ article.authors }}
        </h3>
    </div>
    <div class="mdc-card__actions">
        <div class="mdc-card__action-buttons">
            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='{{ article.url | relative_url }}';">Read</button>
        </div>
    </div>
</div>

<style>
    .{{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }} {
        background-image: url("/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--cover.jpg");
    }
</style>
{% endfor %}