mirror of
https://github.com/mgrove36/bbc-young-reporter.git
synced 2026-03-03 11:27:06 +00:00
8671144229
Make the navbar, main article list and content of articles (images, dates and authors) populate automatically, and remove pages for each author.
30 lines
1.3 KiB
Markdown
30 lines
1.3 KiB
Markdown
---
|
|
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 %}
|