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

Enable auto-population & remove author pages

Browse Source 
Make the navbar, main article list and content of articles (images, dates and authors) populate automatically, and remove pages for each author.
This commit is contained in:
Matthew Grove
2019-01-25 20:36:38 +00:00
parent c8f7a6bf77
commit 8671144229
20 changed files with 158 additions and 392 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
_site/index.html
View File

@@ -63,7 +63,7 @@
<img src="/images/page-logo.png" style="width: 90%;"/>
</div>
<a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">school</i>
<span class="mdc-list-item__text">Reading School Website</span>
</a>
<a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
@@ -73,20 +73,21 @@
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">Articles</h3>
<a class="mdc-list-item" href="/articles/2019/01/25/article-name.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
<span class="mdc-list-item__text">Title</span>
</a>
<a class="mdc-list-item" href="/articles/2019/01/01/article_name.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
<a class="mdc-list-item" href="/articles/2019/01/02/article-name.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">Title1</span>
</a>
<a class="mdc-list-item" href="/articles/2019/01/01/article_name.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">Title1</span>
</a>
<a class="mdc-list-item" href="/articles/2019/01/01/article-name.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">Title1</span>
</a>
<a class="mdc-list-item" href="/articles/article_name" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">Title</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">Authors</h3>
@@ -121,22 +122,74 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image:url('/images/article_name--cover.jpg');"></div>
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-01-02-article-name-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Title</h2>
<h2 class="mdc-typography--headline6">Title1</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2018-11-21T07:08:0Z">Wednesday 21st November 2018</time>
| by <a href="/authors/name">Name</a>
<time class="timeago" datetime="2019-01-02T07:01:00">Wednesday 2 January 2019</time>
| by Name
</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='/articles/article_name';">Read</button>
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/01/02/article-name.html';">Read</button>
</div>
</div>
</div>
<style>
.-articles-2019-01-02-article-name-html {
background-image: url("/images/2019-01-02-article-name--cover.jpg");
}
</style>
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-01-01-article_name-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Title1</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-01-01T07:02:00">Tuesday 1 January 2019</time>
| by Name
</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='/articles/2019/01/01/article_name.html';">Read</button>
</div>
</div>
</div>
<style>
.-articles-2019-01-01-article_name-html {
background-image: url("/images/2019-01-01-article_name--cover.jpg");
}
</style>
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-01-01-article-name-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Title1</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-01-01T07:01:00">Tuesday 1 January 2019</time>
| by Name
</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='/articles/2019/01/01/article-name.html';">Read</button>
</div>
</div>
</div>
<style>
.-articles-2019-01-01-article-name-html {
background-image: url("/images/2019-01-01-article-name--cover.jpg");
}
</style>
</div>
</main>
<footer>