diff --git a/content/_index.md b/content/_index.md index 3eb92c63bf..eeae40c220 100644 --- a/content/_index.md +++ b/content/_index.md @@ -65,4 +65,6 @@ programming and, or, arts. - [Curriculum Vitae](cv.pdf) (PDF) +{{< search >}} + diff --git a/content/posts/_index.md b/content/posts/_index.md index 34debeeda0..01683bb91e 100644 --- a/content/posts/_index.md +++ b/content/posts/_index.md @@ -13,6 +13,8 @@ I also keep some [technical notes][notes] and [gists] on GitHub. Main topics: [Open Source][opensource], [Workflows][workflows], [Arts][arts] +{{< search >}} + [notes]: https://github.com/kinow/kinoshita.eti.br/tree/master/notes [gists]: https://gist.github.com/kinow/ [opensource]: /tags/opensource.html diff --git a/themes/kinoshita.eti.br/assets/sass/_content.scss b/themes/kinoshita.eti.br/assets/sass/_content.scss index cef5792f8f..1fc7fc2236 100644 --- a/themes/kinoshita.eti.br/assets/sass/_content.scss +++ b/themes/kinoshita.eti.br/assets/sass/_content.scss @@ -199,3 +199,40 @@ article.content, main.content { } } } + +/* + * Search + */ + +search { + margin: 0 0 1rem 0; + form { + display: flex; + flex-wrap: wrap; + flex-direction: row; + gap: 0; + input { + flex-grow: 1; + border-radius: 10px 0 0 10px; + height: 2rem; + padding: 0 0.5rem; + border: 1px solid #AAAAAA; + border-right: 0 none; + + &:focus-visible { + border: 1px solid #000000; + border-right: 0 none; + outline: none; + } + } + button { + flex-grow: 0.25; + border-radius: 0 10px 10px 0; + height: 2rem; + padding: 0; + cursor: pointer; + border: 1px solid #AAAAAA; + border-left: 0 none; + } + } +} diff --git a/themes/kinoshita.eti.br/layouts/shortcodes/search.html b/themes/kinoshita.eti.br/layouts/shortcodes/search.html new file mode 100644 index 0000000000..69d5f8f565 --- /dev/null +++ b/themes/kinoshita.eti.br/layouts/shortcodes/search.html @@ -0,0 +1,7 @@ + +
+ + + +
+