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

8
_includes/navbar.html
View File

@@ -5,7 +5,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">
@@ -16,14 +16,10 @@
<h3 class="mdc-list-group__subheader">Articles</h3>
{% for page in site.categories.articles %}
<a class="mdc-list-item" href="{{ page.url | relative_url }}" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">{{ page.title }}</span>
</a>
{% endfor %}
<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>

39
_includes/navbar.html~
View File

@@ -1,39 +0,0 @@
<aside class="mdc-drawer mdc-drawer--modal">
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<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>
<span class="mdc-list-item__text">Reading School Website</span>
</a>
<a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span>
</a>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">Articles</h3>
<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>
<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>
{% loop_directory directory:articles %}
<a class="mdc-list-item" href="{{ page.url | relative_url }}" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">{{ page.icon }}</i>
<span class="mdc-list-item__text">{{ page.title }}</span>
</a>
{% endloop_directory %}
</nav>
</div>
</aside>
<div class="mdc-drawer-scrim"></div>

2
_includes/top-app-bar.html
View File

@@ -2,7 +2,7 @@
<div class="mdc-top-app-bar__row">
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
<a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
<span class="mdc-top-app-bar__title">{{ page.title }} | Reading School</span>
<span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
</section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
<a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">