Add breadcrumbs for talks and posts

This commit is contained in:
Oliver Davies 2017-11-19 15:03:07 +00:00
parent f62cd1d651
commit 3defaf676c
6 changed files with 56 additions and 1 deletions

View file

@ -26,6 +26,7 @@
</head>
<body class="text-grey-darkest text-sm leading-normal">
{% include 'nav' %}
{% block breadcrumb %}{% endblock %}
<div class="container mx-auto px-4">
<div>

View file

@ -1,5 +1,25 @@
{% extends 'default' %}
{% block breadcrumb %}
<div class="breadcrumb bg-grey-lightest border border-b border-silver mb-6 -mt-6">
<div class="container mx-auto px-4">
<ul class="flex pl-0 mb-0">
<li class="list-reset flex items-center">
<a class="inline py-2" href="{{ site.url }}/">Home</a>
{% include "svg/chevron-right" with { class: 'text-grey-light mx-1', style: "height: 20px" } %}
</li>
<li class="list-reset flex items-center">
<a class="inline py-2" href="{{ site.url }}/blog">Blog</a>
{% include "svg/chevron-right" with { class: 'text-grey-light mx-1', style: "height: 20px" } %}
</li>
<li class="list-reset flex">
<span class="inline py-2">{{ page.title }}</span>
</li>
</ul>
</div>
</div>
{% endblock %}
{% block content_wrapper %}
{% include 'post/header' %}
{% include 'post/intro-image' %}

View file

@ -1,7 +1,29 @@
{% extends 'page' %}
{% block breadcrumb %}
<div class="breadcrumb bg-grey-lightest border border-b border-silver mb-6 -mt-6">
<div class="container mx-auto px-4">
<ul class="flex pl-0 mb-0">
<li class="list-reset flex items-center">
<a class="inline py-2" href="{{ site.url }}/">Home</a>
{% include "svg/chevron-right" with { class: 'text-grey-light mx-1', style: "height: 20px" } %}
</li>
<li class="list-reset flex items-center">
<a class="inline py-2" href="{{ site.url }}/talks">Talks</a>
{% include "svg/chevron-right" with { class: 'text-grey-light mx-1', style: "height: 20px" } %}
</li>
<li class="list-reset flex">
<span class="inline py-2">{{ page.title }}</span>
</li>
</ul>
</div>
</div>
{% endblock %}
{% block content_wrapper %}
<div>
<h2>Abstract</h2>
{% block content %}{% endblock %}
</div>