feat: add the search form widget

razonyang · Aug 5, 2022 · cdb71a8 · cdb71a8
1 parent 41c0dc4
commit cdb71a8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/exampleSite/layouts/partials/hooks/sidebar-begin.html b/exampleSite/layouts/partials/hooks/sidebar-begin.html
@@ -0,0 +1 @@
+{{- partial "sidebar/search-form" . }}
diff --git a/layouts/partials/sidebar/search-form.html b/layouts/partials/sidebar/search-form.html
@@ -0,0 +1,15 @@
+{{- $page := .Site.GetPage "search" -}}
+{{- if $page }}
+<div class="row component card">
+    <div class="card-body">
+        <form action="{{ $page.Permalink }}">
+            <div class="input-group">
+                <input name="q" class="form-control" placeholder="{{ i18n "search" }}">
+                <button class="btn btn-sm btn-search position-absolute end-0 border-0 border-start border-secondary p-2" type="submit">
+                    <i class="fas fa-fw fa-search text-primary"></i>
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+{{- end }}