Make page title an h1 for semantics

This commit is contained in:
Philipp Oppermann
2017-10-10 12:29:10 +02:00
parent 9d32d49488
commit 75b4e09c4e
3 changed files with 14 additions and 6 deletions

View File

@@ -1,7 +1,15 @@
.masthead-title {
font-size: 1.25rem;
display: inline;
}
.masthead-title small {
.masthead p {
font-size: 1.25rem;
display: inline;
margin: 0;
margin-left: 1rem;
white-space: nowrap;
padding: 0;
line-height: 1;
}
.front-page-introduction {

View File

@@ -285,7 +285,7 @@ tbody tr:nth-child(odd) th {
.masthead-title a {
color: #505050;
}
.masthead-title small {
.masthead small {
font-size: 75%;
font-weight: 400;
color: #c0c0c0;

View File

@@ -20,10 +20,10 @@
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<h1 class="masthead-title">
<a href="/" title="Home">{{ config.title }}</a>
<small>{{ config.extra.subtitle }}</small>
</h3>
</h1>
<p><small>{{ config.extra.subtitle }}</small></p>
</header>
<main>{% block main %}{% endblock main %}</main>