Add sitemap and fully automate article creation

Article pages now insert the cover images automatically & an excerpt is used instead of a description for the page description.
This commit is contained in:
Matthew Grove
2019-01-27 16:23:28 +00:00
parent d6fcb5bf1f
commit d9383354bf
9 changed files with 82 additions and 397 deletions

View File

@@ -22,7 +22,7 @@
<meta name="msapplication-TileColor" content="#d84315">
<title>BBC Young Reporter | Reading School</title>
<meta name="description" content="News articles written by Reading School students in year 8">
<meta name="description" content="">
<!-- import Roboto (font) -->
<link href="/css/roboto.css" rel="stylesheet">
@@ -73,30 +73,12 @@
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">Articles</h3>
<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>
<span class="mdc-list-item__text">Title</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">Authors</h3>
<a class="mdc-list-item" href="/authors/name" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
<span class="mdc-list-item__text">Name</span>
</a>
</div>
</nav>
</div>
</aside>
@@ -123,54 +105,10 @@
<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 -articles-2019-01-02-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-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/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>
<h2 class="mdc-typography--headline6">Title</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-01-01T07:01:00">Tuesday 1 January 2019</time>
| by Name