me/bbc-young-reporter
1
0
Fork 0
mirror of https://github.com/mgrove36/bbc-young-reporter.git synced 2026-03-03 03:17:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Revert "Merge pull request #2 from mgrove36/development""

Browse Source 
This reverts commit fa40e6fd0e.
This commit is contained in:
Matthew Grove
2020-03-03 11:07:22 +00:00
parent fa40e6fd0e
commit e9efb7ab91
91 changed files with 4087 additions and 4517 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
index.md
View File

@@ -1,38 +1,53 @@
---
title: BBC Young Reporter
description: News articles written by Reading School students in year 8
layout: article-list
layout: home
---
{% if site.categories.articles %}
{% 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>
{% assign currentdate_count = 0 %}
{% assign articles = site.categories.articles | sort: date | reverse %}
{% for article in articles %}
{% assign currentdate = article.date | date: "%Y" %}
{% if currentdate != date %}
{% assign currentdate_count = 0 %}
{% if article.url != articles.first.url %}
</div>
</div>
<div class="splitter"></div>
{% endif %}
<div class="article-section parallax-section" data-jarallax data-speed="0.4" style="background-image: url('/images/backgrounds/{{ currentdate }}.jpg');">
<div class="article-section-header">
<h1 class="mdc-typography--headline4">{{ currentdate }}</h1>
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/{{ currentdate }}';">See All <span class="material-icons">keyboard_arrow_right</span></button>
</div>
<div class="articles">
{% assign date = currentdate %}
{% endif %}
{% if currentdate_count < 3 %}
{% assign currentdate_count = currentdate_count | plus: 1 %}
<div class="mdc-card" onclick="window.location='{{ article.url | relative_url }}';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}.jpg');"></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 }}
| by {{ article.authors }}
</h3>
</div>
<div class="mdc-typography--body2">{{ article.description }}</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 %}
{% else %}
<center>We haven't got any articles for you yet! Come back during this year's BBC Young Reporter day to see what Reading School's year 8 students have produced!</center>
<style>
center {
margin: 25vh auto 25vh auto;
}
</style>
{% endif %}
{% if currentdate != date %}
{% endif %}
{% if article.url == articles.last.url %}
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}