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; margin-left: 1rem;
white-space: nowrap; padding: 0;
line-height: 1;
} }
.front-page-introduction { .front-page-introduction {

View File

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

View File

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