diff --git a/docs/_static/algolia.css b/docs/_static/algolia.css new file mode 100644 index 000000000..123707e46 --- /dev/null +++ b/docs/_static/algolia.css @@ -0,0 +1,74 @@ +/* Hide search button */ +.sidebar-search-container { + display: none; +} + +/* Hide the search wrapper window when hitting Ctrl+K */ +.search-button__wrapper.show { + display: none !important; +} + +/* Make sure Algolia's search container is always on top */ +.bd-article-container { + z-index: 10; +} + +@media (prefers-color-scheme: dark) { + body:not([data-theme="light"]) .DocSearch-Button { + background-color: #3d4751 !important; + color: white !important; + } + + body:not([data-theme="light"]) .DocSearch-Search-Icon { + color: white !important; + } + + body:not([data-theme="light"]) .DocSearch-Button-Key { + color: black !important; + box-shadow: 0 .0625rem 0 rgba(0, 0, 0, .2), inset 0 0 0 0.01rem #3d4751 !important; + } + + body:not([data-theme="light"]) .DocSearch-Commands-Key { + color: black !important; + box-shadow: 0 .0625rem 0 rgba(0, 0, 0, .2), inset 0 0 0 .01rem #858a8f !important; + } +} + +@media (prefers-color-scheme: dark) { + body[data-theme="dark"] .DocSearch-Button { + background-color: #3d4751 !important; + color: white !important; + } + + body[data-theme="dark"] .DocSearch-Search-Icon { + color: white !important; + } + + body[data-theme="dark"] .DocSearch-Button-Key { + color: black !important; + box-shadow: 0 .0625rem 0 rgba(0, 0, 0, .2), inset 0 0 0 0.01rem #3d4751 !important; + } + + body[data-theme="dark"] .DocSearch-Commands-Key { + color: black !important; + box-shadow: 0 .0625rem 0 rgba(0, 0, 0, .2), inset 0 0 0 .01rem #858a8f !important; + } +} + +.DocSearch-Button-Key { + font-family: "SFMono-Regular", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace !important; + padding: 0 !important; + padding-top: 0.1rem !important; + display: flex; + align-items: center; + justify-content: center; +} + +.DocSearch-Commands-Key { + font-family: "SFMono-Regular", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace !important; + padding: 0 !important; + padding-left: 0.05rem !important; + display: flex; + align-items: center; + justify-content: center; +} \ No newline at end of file diff --git a/docs/_static/js/algolia.js b/docs/_static/js/algolia.js new file mode 100644 index 000000000..f3a0b983f --- /dev/null +++ b/docs/_static/js/algolia.js @@ -0,0 +1,7 @@ + docsearch({ + container: '#searchbox', + appId: 'PLVPFSHT36', + indexName: 'evadb', + apiKey: 'c6c7572adcfbe7c891016aca9598d131', + debug: false, + }); diff --git a/docs/conf.py b/docs/conf.py index 644db7510..1c78822dd 100644 --- a/docs/conf.py +++ b/docs/conf.py @@ -148,6 +148,8 @@ html_static_path = ["_static"] html_css_files = [ "custom.css", + "algolia.css", + "https://cdn.jsdelivr.net/npm/@docsearch/css@3", "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/fontawesome.min.css", "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/solid.min.css", "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/brands.min.css"] @@ -166,3 +168,5 @@ def setup(app): ) # Custom JS app.add_js_file("js/top-navigation.js", defer="defer") + app.add_js_file("https://cdn.jsdelivr.net/npm/@docsearch/js@3.3.3/dist/umd/index.js",defer="defer") + app.add_js_file("js/algolia.js",defer="defer")