Improve Stork theme integration, script locations

2 years ago · ab51476ba4
parent 65853fccd2
commit ab51476ba4
3 changed files with 18 additions and 15 deletions
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -3,7 +3,10 @@
    {{- partial "head.html" . -}}
    <body>
 	{{ if .Site.Params.Stork }}
-	{{ partial "stork.html" . }}
+	<div class="stork-search">
+		<input data-stork="home" placeholder="🔎 Search {{ .Site.Title }}...">
+	</div>
+	<div data-stork="home-output"></div>
 	<br>
 	{{ end }}
        {{- partial "header.html" . -}}
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@ -52,6 +52,19 @@
 	{{ end }}
 	<link rel="stylesheet" href="/css/normalize.css">
 	<link rel="stylesheet" href="/css/sakura{{ if isset .Site.Params "theme" }}-{{ .Site.Params.Theme }}{{ end }}.css">
+	{{ if .Site.Params.Stork }}
+	<link rel="stylesheet" href="/stork/stork.css">
+	<script src="/stork/stork.js"></script>
+	<script>
+		stork.initialize("/stork/stork.wasm");
+		window.onload = () => {
+			stork.register(
+				"home",
+				"/home.st"
+			);
+		}
+	</script>
+	{{ end }}
 	{{ if isset .Site.Params "matomositeid" }}
 	<script>
 		var _paq = window._paq = window._paq || [];
@ -65,7 +78,7 @@
 			var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
 			g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
 		})();
-	</script>
+	</script>	
 	{{ end }}
 	<title>{{ $title }}{{ if not .IsHome }} - {{ .Site.Title }}{{ end }}</title>
 </head>
--- a/layouts/partials/stork.html
+++ b/layouts/partials/stork.html
@ -1,13 +0,0 @@
-<div class="stork-search">
-	<input data-stork="posts" placeholder="🔎 Search {{ .Site.Title }}...">
-</div>
-<div data-stork="posts-output"></div>
-<link rel="stylesheet" href="/stork/stork.css">
-<script src="/stork/stork.js"></script>
-<script>
-	stork.initialize("/stork/stork.wasm");
-	stork.register(
-		"posts",
-		"/home.st"
-	);
-</script>