Provide an All Posts link on posts that points back to the index page

This commit is contained in:
Philipp Oppermann
2019-03-18 10:27:54 +01:00
parent cc0f68448b
commit 06b334396a
3 changed files with 22 additions and 3 deletions

View File

@@ -166,6 +166,11 @@ aside#toc {
display: none; display: none;
} }
aside#all-posts-link {
font-size: 90%;
margin-top: 0.5rem;
}
@media (min-width: 80rem) { @media (min-width: 80rem) {
aside#toc { aside#toc {
display: block; display: block;
@@ -233,6 +238,14 @@ aside#toc {
aside#recent-updates ul li { aside#recent-updates ul li {
margin-top: .5rem; margin-top: .5rem;
} }
aside#all-posts-link {
float: left;
position: absolute;
bottom: 0;
left: -15rem;
margin-top: 0;
}
} }
aside#recent-updates time { aside#recent-updates time {

View File

@@ -23,10 +23,13 @@
<body> <body>
<div class="container content"> <div class="container content">
<header class="masthead"> <header class="masthead">
<h1 class="masthead-title"> <div style="position:relative">
<h1 class="masthead-title">
<a href="{{ get_url(path="./second-edition/_index.md") }}" title="Home">{{ config.title }} (Second Edition)</a> <a href="{{ get_url(path="./second-edition/_index.md") }}" title="Home">{{ config.title }} (Second Edition)</a>
</h1> </h1>
<p><small>{{ config.extra.subtitle }}</small></p> <p><small>{{ config.extra.subtitle }}</small></p>
{% block header %}{% endblock header %}
</div>
</header> </header>
<main>{% block main %}{% endblock main %}</main> <main>{% block main %}{% endblock main %}</main>

View File

@@ -3,6 +3,9 @@
{% import "macros.html" as macros %} {% import "macros.html" as macros %}
{% block title %}{{ page.title }} | {{ config.title }}{% endblock title %} {% block title %}{{ page.title }} | {{ config.title }}{% endblock title %}
{% block header %}
<aside id="all-posts-link"><a href="{{ get_url(path="./second-edition/_index.md") }}" title="All Posts">« All Posts</a></aside>
{% endblock header %}
{% block main %} {% block main %}
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>