Improve page structure and search results

Author: vanruesc

manual/layouts/404.html

@@ -1,6 +1,8 @@
 {{ define "main" }}
 
-	<h2>{{ i18n "notFoundTitle" . }}</h2>
-	<span>{{ i18n "notFoundDescription" . }}</span>
+	<div>
+		<h1>{{ i18n "notFoundTitle" . }}</h1>
+		<span>{{ i18n "notFoundDescription" . }}</span>
+	</div>
 
 {{ end }}

manual/layouts/_partials/header.html

@@ -1,8 +1,8 @@
 <header class="page-header">
 
-	<h1 class="page-title">
+	<div class="page-title">
 		<a href="{{ .Site.BaseURL | relLangURL }}">{{ .Site.Title }}</a>
-	</h1>
+	</div>
 
 	<div class="sidebar-button-close" aria-label="{{ i18n `closeNav` . }}"></div>
 

manual/layouts/_partials/navigation.html

@@ -1,7 +1,7 @@
 <nav class="navigation">
 
 	<div class="search">
-		<pagefind-config bundle-path="{{ absURL `pagefind/` }}"></pagefind-config>
+		<pagefind-config bundle-path="{{ absURL `pagefind/` }}" excerpt-length="10"></pagefind-config>
 		<pagefind-searchbox></pagefind-searchbox>
 	</div>
 

manual/layouts/baseof.html

@@ -78,8 +78,8 @@
 				</div>
 				<main id="main"{{ if not .IsHome }} class="{{ path.Base .RelPermalink }}"{{ end }} tabindex="-1">
 					{{ partial "viewport.html" . }}
-					<div id="content" class="content" data-pagefind-body>
-						<div>{{ block "main" . }}{{ end }}</div>
+					<div id="content" class="content">
+						{{ block "main" . }}{{ end }}
 					</div>
 				</main>
 			</div>

manual/layouts/index.html

@@ -1,5 +1,7 @@
 {{ define "main" }}
 
-	{{ .Content }}
+	<div data-pagefind-body>
+		{{ .Content }}
+	</div>
 
 {{ end }}

manual/layouts/list.html

@@ -4,10 +4,12 @@
 
 {{ define "main" }}
 
-	<h1>{{ i18n "archive" . }}: {{ .Title }}</h1>
-	{{ .Content }}
+	<div>
+		<h1>{{ i18n "archive" . }}: {{ .Title }}</h1>
+		{{ .Content }}
 
-	{{ partial "contents.html" . }}
-	{{ partial "pagination.html" . }}
+		{{ partial "contents.html" . }}
+		{{ partial "pagination.html" . }}
+	</div>
 
 {{ end }}

manual/layouts/section.html

@@ -1,9 +1,11 @@
 {{ define "main" }}
 
-	<h1>{{ .Title }}</h1>
-	{{ .Content }}
+	<div>
+		<h1>{{ .Title }}</h1>
+		{{ .Content }}
 
-	{{ partial "contents.html" . }}
-	{{ partialCached "pagination.html" . }}
+		{{ partial "contents.html" . }}
+		{{ partialCached "pagination.html" . }}
+	</div>
 
 {{ end }}

manual/layouts/single.html

@@ -16,6 +16,8 @@
 
 {{ define "main" }}
 
-	{{ .Content }}
+	<div data-pagefind-body>
+		{{ .Content }}
+	</div>
 
 {{ end }}