hide h1 header on index.html

theme/static/css/main.css

@@ -771,3 +771,16 @@ ul.cards li a:hover {
 		margin-bottom: 0.2em;
 	}
 }
+
+.visuallyhidden {
+	border: 0px none;
+	clip: rect(0px, 0px, 0px, 0px);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0px;
+	position: absolute;
+	width: 1px;
+	white-space: nowrap;
+}

theme/templates/index.html

@@ -3,5 +3,12 @@
 {% block breadcrumb %}
 {% endblock breadcrumb %}
 
+{% block page_header %}
+<header class="visuallyhidden">
+	<h1>{{ render.softbreak_span(page.title) }}</h1>
+</header>
+<hr>
+{% endblock %}
+
 {% block page_footer %}
 {% endblock %}