From 06eba5781552ffc14f6c498015345ecf94547175 Mon Sep 17 00:00:00 2001 From: J S Date: Sun, 15 Oct 2023 00:17:04 -0400 Subject: [PATCH] feat[layouts/ static/]: Added search functionality Ripped off the onion theme from heracl.es --- layouts/_default/baseof.html | 22 + layouts/_default/index.json | 15 + layouts/_default/list.html | 38 +- layouts/_default/single.html | 19 +- layouts/partials/head.html | 3 + layouts/partials/page_header.html | 1 - layouts/partials/search.html | 21 + static/css/style.css | 5 +- static/scripts/askolonion/askolonion.js | 244 ++ static/scripts/askolonion/fuse.basic.min.js | 9 + static/scripts/askolonion/fuse.js | 2240 ++++++++++++++++++ static/scripts/fixedsearch/askolonion.js | 244 ++ static/scripts/fixedsearch/fuse.basic.min.js | 9 + 13 files changed, 2835 insertions(+), 35 deletions(-) create mode 100644 layouts/_default/baseof.html create mode 100644 layouts/_default/index.json create mode 100644 layouts/partials/search.html create mode 100644 static/scripts/askolonion/askolonion.js create mode 100644 static/scripts/askolonion/fuse.basic.min.js create mode 100644 static/scripts/askolonion/fuse.js create mode 100644 static/scripts/fixedsearch/askolonion.js create mode 100644 static/scripts/fixedsearch/fuse.basic.min.js diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..a3d7ac7 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,22 @@ + +{{ partial "head.html" . }} + + {{ partial "page_header.html" . }} + + +

{{ block "title" .}} + {{ .Title | title }} + {{- end }} +

+ + + {{ block "main" . }} + {{ .Content }} + + {{ end }} + + {{ block "footer" . }} + + {{ end }} + + diff --git a/layouts/_default/index.json b/layouts/_default/index.json new file mode 100644 index 0000000..1979cab --- /dev/null +++ b/layouts/_default/index.json @@ -0,0 +1,15 @@ +{{/* layouts/_default/index.json */}} +{{- $index := slice -}} +{{- range where .Site.RegularPages.ByDate.Reverse "Type" "not in" (slice "page" "json") -}} + {{ if .Params.dateCreated }} + {{ $.Scratch.Set "date" (.Params.dateCreated) }} + {{ else }} + {{- if isset site.Params "date_format" -}} + {{- $.Scratch.Set "date" (.Date.Format site.Params.date_format) -}} + {{- else -}} + {{- $.Scratch.Set "date" (.Date.Format "2006-01-02") -}} + {{- end -}} + {{ end }} + {{- $index = $index | append (dict "title" ( .Title | plainify ) "permalink" .Permalink "section" (i18n (.Section | title)) "tags" (apply .Params.tags "i18n" "." ) "categories" (apply .Params.categories "i18n" "." ) "summary" (.Params.summary | markdownify | htmlUnescape | plainify) "date" ($.Scratch.Get "date") ) -}} +{{- end -}} +{{- $index | jsonify -}} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index a3e5868..1aba3ec 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,23 +1,19 @@ - - -{{ partial "head.html" . }} +{{ define "main" -}} - - {{ partial "page_header.html" . }} +{{ .Content }} + +{{- end }} -

Posts

- -
- - - {{ range .Pages.ByPublishDate }} -
- {{ .Title }}
- -
-
- {{ end }} -
- - - \ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html index e6f7376..12c64b2 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,13 +1,10 @@ - -{{ partial "head.html" . }} +{{ define "main" }} +

+

- -{{ partial "page_header.html" . }} -

{{ .Title }}

-

-

-{{ .Content }} + {{ .Content }} +{{ end }} -{{ partial "footer.html" . }} - - \ No newline at end of file +{{ define "footer" }} +{{partial "footer" .}} +{{ end }} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index c85c218..165163e 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -1,4 +1,5 @@ + {{ if not .IsHome }}{{ .Title | title }} | {{ end }}{{ .Site.Title }} @@ -12,4 +13,6 @@ integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"> + {{ partialCached "search" . }} + diff --git a/layouts/partials/page_header.html b/layouts/partials/page_header.html index 19ff6f4..23bf447 100644 --- a/layouts/partials/page_header.html +++ b/layouts/partials/page_header.html @@ -3,7 +3,6 @@
-
{{ .Site.Params.Name }}
diff --git a/layouts/partials/search.html b/layouts/partials/search.html new file mode 100644 index 0000000..f759777 --- /dev/null +++ b/layouts/partials/search.html @@ -0,0 +1,21 @@ + +
+
+ + +
+
+
+ + + + + diff --git a/static/css/style.css b/static/css/style.css index 97de490..cff355b 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,9 +1,9 @@ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; line-height: 1.5em; - font-size: 1.1em; + font-size: 2.1em; color: #222; - max-width: 40rem; + max-width: 90%; padding: 2rem; margin: auto; background: #fafafa; @@ -39,3 +39,4 @@ hr { border: 0px; border: 1px solid #eee; } + diff --git a/static/scripts/askolonion/askolonion.js b/static/scripts/askolonion/askolonion.js new file mode 100644 index 0000000..f345cd1 --- /dev/null +++ b/static/scripts/askolonion/askolonion.js @@ -0,0 +1,244 @@ +// static/scripts/askolonion/askolonion.js +/*-------------------------------------------------------------- +askolonion — Super fast, client side search for Hugo.io with Fusejs.io +based on https://gist.github.com/cmod/5410eae147e4318164258742dd053993 +--------------------------------------------------------------*/ + +if (typeof variable !== 'undefined') { + console.log('askolonion.js already loaded'); +} else { +askolonion = function(){ + var search__form = document.getElementById('search__form'); // search form + var search__input = document.getElementById('search__input'); // input box for search + var search__button = document.getElementById('search__button'); // form submit button + var search__results = document.getElementById('search__results'); // targets the