Swap in PageFind for Google Custom Search

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

Author: cjyabraham

.gitignore

@@ -3,4 +3,5 @@ website/resources
 public/
 go.local.mod
 go.sum
-.DS_Store
+.DS_Store
+pagefind

website/Dockerfile

@@ -0,0 +1,28 @@
+serve:
+	hugo server \
+		--disableFastRender \
+		--buildDrafts \
+		--buildFuture \
+		--ignoreCache
+		--printI18nWarnings \
+		--printMemoryUsage \
+		--printPathWarnings \
+		--printUnusedTemplates \
+		--templateMetrics \
+		--templateMetricsHints \
+		--gc
+
+production-build:
+	git submodule update --init --recursive
+	hugo \
+		--minify
+	npx -y pagefind --site public
+
+preview-build:
+	git submodule update --init --recursive
+	hugo \
+		--baseURL $(DEPLOY_PRIME_URL) \
+		--buildDrafts \
+		--buildFuture \
+		--minify
+	npx -y pagefind --site public

website/Makefile

@@ -0,0 +1,43 @@
+/*
+Copyright 2018 Google LLC
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    https://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+(function($) {
+
+    'use strict';
+
+    var Search = {
+        init: function() {
+            $(document).ready(function() {
+               $(document).on('keypress', '.td-search-input', function(e) {
+                    if (e.keyCode !== 13) {
+                        return
+                    }
+
+                    var query = $(this).val();
+                    var searchPage = $(this).data('search-page') + "?q=" + query;
+                    document.location = searchPage;
+
+                    return false;
+                });
+
+            });
+        },
+    };
+
+    Search.init();
+
+
+}(jQuery));

website/assets/js/search.js

@@ -76,3 +76,15 @@
 		}
 	}
 }
+
+
+.pagefind-ui__result-link {
+	color: $link-color !important;
+}
+.pagefind-ui__search-clear {
+	padding-left: 20px !important;
+	padding-right: 20px !important;
+}
+#search {
+	margin-top: 40px;
+}

website/assets/scss/_search.scss

@@ -98,7 +98,7 @@ version = "0.0"
 url_latest_version = "https://maturitymodel.cncf.io"
 
 # Google Custom Search Engine ID. Remove or comment out to disable search.
-gcs_engine_id = "5104307cea6b94e6b"
+# gcs_engine_id = "5104307cea6b94e6b"
 
 # Enable Algolia DocSearch
 algolia_docsearch = false

website/config.toml

@@ -201,4 +201,4 @@ cd website
 npm installieren
 ```
 
-Anschließend können Sie die Website mit `hugo server` ausführen.
+Anschließend können Sie die Website mit `npm run serve` ausführen.

website/content/de/contribute/_index.md

@@ -202,4 +202,4 @@ cd website
 npm install
 ```
 
-You can then run the site using `hugo server`.
+Then run the site using `npm run serve`. To have the site run locally with a functioning local search, run `npm run serve:with-pagefind`.

website/content/en/contribute/_index.md

@@ -1,4 +1,4 @@
-<div class="td-content">
+<div data-pagefind-body class="td-content">
 	<h1>{{ .Title }}</h1>
     {{ with .Params.description }}<div class="lead">{{ . | markdownify }}</div>{{ end }}
 	{{ if (and (not .Params.hide_readingtime) (.Site.Params.ui.readingtime.enable)) }}