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

Add templates for articles with videos

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

0
_layouts/article.html → _layouts/image-article.html
View File

32
_layouts/video-article.html Normal file
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>

2
_posts/_template/2019-01-01-article-name.md → _posts/_template/2019-01-01-image-article-name.md
View File

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

11
_posts/_template/2019-01-01-video-article-name.md Normal file
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