mirror of
https://github.com/mgrove36/bbc-young-reporter.git
synced 2026-03-03 03:17:07 +00:00
8671144229
Make the navbar, main article list and content of articles (images, dates and authors) populate automatically, and remove pages for each author.
42 lines
2.2 KiB
HTML
42 lines
2.2 KiB
HTML
<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">school</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>
|
|
{% 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">assignment</i>
|
|
<span class="mdc-list-item__text">{{ page.title }}</span>
|
|
</a>
|
|
{% endfor %}
|
|
</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>
|
|
{% for page in site.categories.authors %}
|
|
<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">account_circle</i>
|
|
<span class="mdc-list-item__text">{{ page.title }}</span>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</aside>
|
|
|
|
<div class="mdc-drawer-scrim"></div>
|