Summary Files Commits Branches @commit @diff @stats
path: root / docs / components
diff options
context:
space:
mode:
Commit81ee834ec6914f8b284e0724d541ed927513e6bd (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2018-11-20 11:54:48 +0800
Committer
 GitHub <noreply@github.com>
2018-11-20 11:54:48 +0800
Filesac0c29f2a5fa344bb7a05638602dd6dc60ce9e37 /docs/components
Spectre-Dark-Gruvbox-81ee834ec6914f8b284e0724d541ed927513e6bd.tar
Spectre-Dark-Gruvbox-81ee834ec6914f8b284e0724d541ed927513e6bd.tar.gz
Spectre-Dark-Gruvbox-81ee834ec6914f8b284e0724d541ed927513e6bd.zip
Parentca1bdc5d86edb4d1baf3e9d1fabc89977950a2b4 (diff)
Parentba4c380af32bc75dad1e03c2386b5f8a3fb9118f (diff)
Merge pull request #534 from picturepan2/0.5.6 v0.5.6
0.5.6
diff --git a/docs/components/accordions.html b/docs/components/accordions.html
index e63472f..19d5ba6 100644
--- a/docs/components/accordions.html
+++ b/docs/components/accordions.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -315,6 +319,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/avatars.html b/docs/components/avatars.html
index 3e8ebb1..34f3ee7 100644
--- a/docs/components/avatars.html
+++ b/docs/components/avatars.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -282,6 +286,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/badges.html b/docs/components/badges.html
index 7ceed32..635d290 100644
--- a/docs/components/badges.html
+++ b/docs/components/badges.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -254,6 +258,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/bars.html b/docs/components/bars.html
index f34b1c8..cf6eca9 100644
--- a/docs/components/bars.html
+++ b/docs/components/bars.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -294,6 +298,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/breadcrumbs.html b/docs/components/breadcrumbs.html
index c0fd0e8..a3be7eb 100644
--- a/docs/components/breadcrumbs.html
+++ b/docs/components/breadcrumbs.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -248,6 +252,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/cards.html b/docs/components/cards.html
index ad0a5e8..cc024d0 100644
--- a/docs/components/cards.html
+++ b/docs/components/cards.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -300,6 +304,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/chips.html b/docs/components/chips.html
index ba22813..9727d94 100644
--- a/docs/components/chips.html
+++ b/docs/components/chips.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -237,6 +241,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/empty.html b/docs/components/empty.html
index b0d53c3..3e66616 100644
--- a/docs/components/empty.html
+++ b/docs/components/empty.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -263,6 +267,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/menu.html b/docs/components/menu.html
index 448b2d4..175f1b4 100644
--- a/docs/components/menu.html
+++ b/docs/components/menu.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -364,6 +368,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/modals.html b/docs/components/modals.html
index eb5549a..db9dded 100644
--- a/docs/components/modals.html
+++ b/docs/components/modals.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -340,6 +344,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/nav.html b/docs/components/nav.html
index 962c052..9b0c6e2 100644
--- a/docs/components/nav.html
+++ b/docs/components/nav.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -260,6 +264,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/pagination.html b/docs/components/pagination.html
index 7bd9f14..8d15dfe 100644
--- a/docs/components/pagination.html
+++ b/docs/components/pagination.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -293,6 +297,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/panels.html b/docs/components/panels.html
index a95e6fd..3283664 100644
--- a/docs/components/panels.html
+++ b/docs/components/panels.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -340,6 +344,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/popovers.html b/docs/components/popovers.html
index fc9226c..d4d2ad9 100644
--- a/docs/components/popovers.html
+++ b/docs/components/popovers.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -301,6 +305,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/steps.html b/docs/components/steps.html
index 414fa66..f8c08e9 100644
--- a/docs/components/steps.html
+++ b/docs/components/steps.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -248,6 +252,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/tabs.html b/docs/components/tabs.html
index 78346b6..1a25685 100644
--- a/docs/components/tabs.html
+++ b/docs/components/tabs.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -271,7 +275,7 @@
<li class="tab-item"><a href="#tabs">Store</a></li>
<li class="tab-item tab-action">
<div class="input-group input-inline">
- <input class="form-input input-sm" type="text" placeholder="search">
+ <input class="form-input input-sm" type="text">
<button class="btn btn-primary btn-sm input-group-btn">Search</button>
</div>
</li>
@@ -290,7 +294,7 @@
<span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">li</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tab-item tab-action"</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"input-group input-inline"</span>&gt;</span>
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"form-input input-sm"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"search"</span>&gt;</span>
+ <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"form-input input-sm"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-primary btn-sm input-group-btn"</span>&gt;</span>Search<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
@@ -307,6 +311,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/tiles.html b/docs/components/tiles.html
index 37d0f81..9d71d81 100644
--- a/docs/components/tiles.html
+++ b/docs/components/tiles.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -300,6 +304,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/toasts.html b/docs/components/toasts.html
index d28a2f5..8e65dc2 100644
--- a/docs/components/toasts.html
+++ b/docs/components/toasts.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -204,12 +208,14 @@
<div class="column col-9 col-sm-12">
<div class="toast">
<button class="btn btn-clear float-right"></button>
- <h6>Toast Title</h6>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <h6>Toast Title</h6>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="column col-9 col-sm-12">
<div class="toast toast-primary">
- <button class="btn btn-clear float-right"></button>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <button class="btn btn-clear float-right"></button>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
@@ -224,17 +230,20 @@
<div class="docs-demo columns">
<div class="column col-sm-12">
<div class="toast toast-success">
- <button class="btn btn-clear float-right"></button>Toast success
+ <button class="btn btn-clear float-right"></button>
+ <p>Toast success</p>
</div>
</div>
<div class="column col-sm-12">
<div class="toast toast-warning">
- <button class="btn btn-clear float-right"></button>Toast warning
+ <button class="btn btn-clear float-right"></button>
+ <p>Toast warning</p>
</div>
</div>
<div class="column col-sm-12">
<div class="toast toast-error">
- <button class="btn btn-clear float-right"></button>Toast error
+ <button class="btn btn-clear float-right"></button>
+ <p>Toast error</p>
</div>
</div>
</div>
@@ -255,6 +264,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/components/tooltips.html b/docs/components/tooltips.html
index bb64ef2..f310d8f 100644
--- a/docs/components/tooltips.html
+++ b/docs/components/tooltips.html
@@ -19,7 +19,9 @@
<body>
<div class="docs-container off-canvas off-canvas-sidebar-show">
<div class="docs-navbar"><a class="off-canvas-toggle btn btn-link btn-action" href="#sidebar"><i class="icon icon-menu"></i></a>
- <div class="btns"><a class="btn btn-primary float-right" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a><a class="btn mr-1 float-right" href="https://www.paypal.me/picturepan2" target="_blank">Sponsor</a></div>
+ <div class="btns d-flex">
+ <input class="docs-search form-input" type="text" placeholder="Search Docs"><a class="btn ml-1" href="https://www.paypal.me/picturepan2" target="_blank">PayPal</a><a class="btn btn-primary ml-1" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a>
+ </div>
</div>
<div class="docs-sidebar off-canvas-sidebar" id="sidebar">
<div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
@@ -76,6 +78,8 @@
</li>
<li class="menu-item"><a href="../layout/responsive.html">Responsive</a>
</li>
+ <li class="menu-item"><a href="../layout/hero.html">Hero</a>
+ </li>
<li class="menu-item"><a href="../layout/navbar.html">Navbar</a>
</li>
</ul>
@@ -211,7 +215,8 @@
<button class="btn btn-primary tooltip tooltip-bottom" data-tooltip="Bottom Tooltip Text">bottom tooltip</button>
</div>
<div class="column col-xs-12">
- <button class="btn btn-primary tooltip tooltip-left" data-tooltip="Left Tooltip Text">left tooltip</button>
+ <button class="btn btn-primary tooltip tooltip-left" data-tooltip="Left Tooltip Text
+Multiline">left tooltip</button>
</div>
</div>
<p>Tooltips component is built entirely in CSS.</p>
@@ -222,6 +227,17 @@
<pre class="code" data-lang="HTML"><code><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn tooltip"</span> <span class="hljs-attr">data-tooltip</span>=<span class="hljs-string">"Lorem ipsum dolor sit amet"</span>&gt;</span>top tooltip<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn tooltip tooltip-right"</span> <span class="hljs-attr">data-tooltip</span>=<span class="hljs-string">"Lorem ipsum dolor sit amet"</span>&gt;</span>right tooltip<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
</code></pre>
+ <h4 class="s-subtitle" id="tooltips-multiline">Multiline tooltips<a class="anchor" href="#tooltips-multiline" aria-hidden="true">#</a></h4>
+ <div class="docs-demo columns">
+ <div class="column col-12">
+ <button class="btn btn-primary tooltip" data-tooltip="First Line Tooltip Text
+ Second Line Tooltip Text
+ Third Line Tooltip Text">multiline tooltip</button>
+ </div>
+ </div>
+ <p>Add the <code>\n</code> string between any text for multiline tooltips.</p>
+ <pre class="code" data-lang="HTML"><code><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn tooltip"</span> <span class="hljs-attr">data-tooltip</span>=<span class="hljs-string">"First Line Tooltip Text \n Second Line Tooltip Text"</span>&gt;</span>multiline tooltip<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
+</code></pre>
<div class="docs-ad docs-ad-sidebar text-center">
<script id="_carbonads_js" async="" type="text/javascript" src="https://cdn.carbonads.com/carbon.js?serve=CK7DTKQW&amp;placement=picturepan2githubio"></script>
</div>
@@ -233,6 +249,15 @@
</div>
</div>
</div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+ <script>
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
+ debug: true
+ });
+ </script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),