Add templates for articles with videos

This commit is contained in:
Matthew Grove
2019-02-28 13:24:30 +00:00
parent 81e629d655
commit 620aadcc6e
4 changed files with 44 additions and 1 deletions

View File

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<link href="/css/article-page.css" rel="stylesheet">
<body>
<!-- cookie notice is included automatically -->
{% include cookie-notice.html %}
<!-- content of navbar is included via jQuery -->
{% include navbar.html %}
<div class="mdc-drawer-app-content">
{% include top-app-bar.html %}
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<h2 class="mdc-typography--headline2">{{ page.title }}</h2>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="{{ page.date | date: '%Y-%m-%d' }}T{{ page.date | date: '%H:%M:%S' }}">{{ page.date | date: '%A %e %B %Y' }}</time>
| by {{ page.authors }}
</h3>
<figure>
<iframe src="https://www.youtube.com/embed/{{ page.video-id }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<figcaption class="mdc-typography--caption-text">{{ page.video-caption }}</figcaption>
</figure>
{{ content }}
</div>
</main>
{% include footer.html %}
</div>
</body>
</html>

View File

@@ -3,7 +3,7 @@ title: Title
date: 2019-01-01 7:01 date: 2019-01-01 7:01
authors: Name authors: Name
image-caption: A caption for the cover image image-caption: A caption for the cover image
layout: article layout: image-article
categories: articles categories: articles
--- ---

View File

@@ -0,0 +1,11 @@
---
title: Title
date: 2019-01-01 7:01
authors: Name
video-caption: A caption for the cover image
video-id:
layout: video-article
categories: articles
---
Content