nikon/docsearch
1
0
Fork 0
Code Activity Actions

fixes

Browse source
This commit is contained in:
Shipow 2018-08-10 18:52:00 +02:00 committed by Pixelastic
parent 1f469a6624
commit 25fbbb4e07
8 changed files with 187 additions and 195 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
docs/src/_layouts/homepage.pug
View file

@ -2,7 +2,7 @@ extends main.pug
block content
.bg-docsearch-hero
.max-w-md.m-auto.text-center.px-1
.max-w-md.m-auto.text-center.px-2
img.mt-3.mb-1(src="assets/docsearch-logo.svg", alt="DocSearch logo" width=480)
.text-2.text-nova.mb-3 The best search experience for docs, integrates in minutes, for free.
.text-5.text-telluric.mb-3 Currently providing search for 847 documentations.
@ -84,22 +84,23 @@ block content
.max-w-md.m-auto
.pb-2.text-3.leading-2 DocSearch is designed to provide relevant search results at every level. Its strutured layout give the users more context to understand the product. We call it the “Learn as you type” effect.
.max-w-lg.m-auto.mt-3
.max-w-xl.m-auto.mt-3
h2.text-solstice.text-5.normal.pb-2.text-center.mb-1 How it works
img(src="assets/docsearch-how-it-works.png", alt="how DocSearch works")
.max-w-lg.m-auto.mt-2
.flex.flrw
.fln.w-100.sm_w-50.md_w-33.p-1
h3.pb-1.text-3.leading-2 We crawl your documentation pages
p.text-2.leading-2 We built a website crawler designed to index every section of your documentation.
p.text-2.leading-2 Just send us the URL of your documentation, and we’ll run the crawler every 24h so you’re always up-to-date.
p.text-2.leading-2.text-justify We built a website crawler designed to index every section of your documentation.
p.text-2.leading-2.text-justify Just send us the URL of your documentation, and we’ll run the crawler every 24h so you’re always up-to-date.
.fln.w-100.sm_w-50.md_w-33.p-1
h3.pb-1.text-3.leading-2 We configure your search experience
p.text-2.leading-2 You don’t need to configure any settings or even have an Algolia account.
p.text-2.leading-2 We take care of all of this automatically to ensure the best documentation search experience.
p.text-2.leading-2.text-justify You don’t need to configure any settings or even have an Algolia account.
p.text-2.leading-2.text-justify We take care of all of this automatically to ensure the best documentation search experience.
.fln.w-100.sm_w-50.md_w-33.p-1
h3.pb-1.text-3.leading-2 You add the search autocomplete to your UI
p.text-2.leading-2 We’ll send you the script so you can integrate Algolia autocomplete to power your search.
p.text-2.leading-2 You will receive the same speed, relevance and best-in-class UX as our paying customers.
p.text-2.leading-2.text-justify We’ll send you the script so you can integrate Algolia autocomplete to power your search.
p.text-2.leading-2.text-justify You will receive the same speed, relevance and best-in-class UX as our paying customers.
.max-w-xl.m-auto.mt-4
.max-w-md.m-auto.px-1.text-center
@ -109,58 +110,42 @@ block content
img(src="assets/illus-analytics.svg", alt="DocSearch Analytics")
.max-w-xl.m-auto.mt-4
.max-w-md.m-auto.px-1.text-center
.max-w-xl.m-auto.px-1.text-center
.text-solstice.text-5.normal.pb-2 Try it live
.pb-2.text-3.leading-2 We’ve helped to integrate DocSearch into several open source projects. Take a look.
.flex.flrw
.fln.w-100.sm_w-50.md_w-33.p-1.flex.flrnw
.fln.w-100.sm_w-50.md_w-25.p-1.flex.flrnw
a.c-card.custom-demo.fla.flex.flcnw.p-05(href='demos/dotconferences/')
.fln.flc.relative.text-0.max-w-5.m-auto
img(src='demos/dotconferences/animated.gif', alt='Example of TalkSearch on dotConferences')
img(src='assets/demos/example-bootstrap.gif', alt='Example of TalkSearch on dotConferences')
.fln.pt-1.flex.flrnw.flc.pl-1
.fln.text-0
img.h-2(src='demos/dotconferences/logo-small.png', alt='Logo of dotConferences')
.fla.pl-1.text-solstice.uppercase.bold dotConferences
.fln.w-100.sm_w-50.md_w-33.p-1.flex.flrnw
img.h-2(src='assets/logos/bootstrap.png', alt='Bootstrap')
.fla.pl-1.text-solstice.uppercase.bold Bootstrap
.fln.w-100.sm_w-50.md_w-25.p-1.flex.flrnw
a.c-card.custom-demo.fla.flex.flcnw.p-05(href='demos/saastr/')
.fln.flc.relative.text-0.max-w-5.m-auto
img(src='demos/saastr/animated.gif', alt='Example of TalkSearch on Saastr')
img(src='assets/demos/example-vuejs.gif', alt='Vue')
.fln.pt-1.flex.flrnw.flc.pl-1
.fln.text-0
img.h-2(src='demos/saastr/logo-small.png', alt='Logo of Saastr')
.fla.pl-1.text-solstice.uppercase.bold Saastr
.fln.w-100.sm_w-50.md_w-33.p-1.flex.flrnw
img.h-2(src='assets/logos/vue.png', alt='Logo of Saastr')
.fla.pl-1.text-solstice.uppercase.bold Vue
.fln.w-100.sm_w-50.md_w-25.p-1.flex.flrnw
a.c-card.custom-demo.fla.flex.flcnw.p-05(href='demos/googleio/')
.fln.flc.relative.text-0.max-w-5.m-auto
img(src='demos/googleio/animated.gif', alt='Example of TalkSearch on Google I/O')
img(src='assets/demos/example-react.gif', alt='Example of TalkSearch on Google I/O')
.fln.pt-1.flex.flrnw.flc.pl-1
.fln.text-0
img.h-2(src='demos/googleio/logo-small.png', alt='Logo of Google I/O')
.fla.pl-1.text-solstice.uppercase.bold Google I/O
.fln.w-100.sm_w-50.md_w-33.p-1.flex.flrnw
img.h-2(src='assets/logos/react.png', alt='Logo of Google I/O')
.fla.pl-1.text-solstice.uppercase.bold React
.fln.w-100.sm_w-50.md_w-25.p-1.flex.flrnw
a.c-card.custom-demo.fla.flex.flcnw.p-05(href='demos/usi/')
.fln.flc.relative.text-0.max-w-5.m-auto
img(src='demos/usi/animated.gif', alt='Example of TalkSearch on USI')
img(src='assets/demos/example-stripe.gif', alt='Stripe')
.fln.pt-1.flex.flrnw.flc.pl-1
.fln.text-0
img.h-2(src='demos/usi/logo-small.png', alt='Logo of USI')
.fla.pl-1.text-solstice.uppercase.bold USI
.fln.w-100.sm_w-50.md_w-33.p-1.flex.flrnw
a.c-card.custom-demo.fla.flex.flcnw.p-05(href='demos/chatbot-summit/')
.fln.flc.relative.text-0.max-w-5.m-auto
img(src='demos/chatbot-summit/animated.gif', alt='Example of TalkSearch on Chatbot Summit')
.fln.pt-1.flex.flrnw.flc.pl-1
.fln.text-0
img.h-2(src='demos/chatbot-summit/logo-alternate.png', alt='Logo of Chatbot Summit')
.fla.pl-1.text-solstice.uppercase.bold Chatbot Summit
.fln.w-100.sm_w-50.md_w-33.p-1.flex.flrnw
a.c-card.custom-demo.fla.flex.flcnw.p-05(href='demos/takeoffconference/')
.fln.flc.relative.text-0.max-w-5.m-auto
img(src='demos/takeoffconference/animated.gif', alt='Example of TalkSearch on TakeOff Conf')
.fln.pt-1.flex.flrnw.flc.pl-1
.fln.text-0
img.h-2(src='demos/takeoffconference/logo-small.png', alt='Logo of TakeOff Conf')
.fla.pl-1.text-solstice.uppercase.bold TakeOff Conf
img.h-2(src='assets/logos/stripe.png', alt='Logo of USI')
.fla.pl-1.text-solstice.uppercase.bold Stripe
.max-w-xl.m-auto.mt-4
.max-w-md.m-auto.px-1.text-center

27
docs/src/assets/bg-analytics.svg Normal file
View file

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1440px" height="675px" viewBox="0 0 1440 675" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
<title>bg-analytics</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Docsearch-V3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5">
<g id="DocSearch_V3" transform="translate(0.000000, -3293.000000)" stroke="#C5C9E0">
<g id="bg-analytics" transform="translate(0.000000, 3294.000000)">
<g id="Shape">
<path d="M1440,0.9135 C1439.1594,0.3042 1397.9115,0 1316.2572,0 C1193.7735,0 1193.7735,223.6878 1071.2898,223.6878 L826.3242,223.6878 C703.8432,223.6878 703.8432,447.3756 581.3595,447.3756 L336.3948,447.3756 C213.9102,447.3756 241.3287,617.4 118.845,617.4 L0,617.4"></path>
<path d="M1440,43.8588 C1439.1594,43.4196 1397.9115,43.2 1316.2572,43.2 C1193.7735,43.2 1193.7735,253.5129 1071.2898,253.5129 L826.3242,253.5129 C703.8432,253.5129 703.8432,463.8267 581.3595,463.8267 L336.3948,463.8267 C213.9102,463.8267 241.3287,622.8 118.845,622.8 L0,622.8"></path>
<path d="M1440,88.5933 C1439.1594,88.3314 1397.9115,88.2 1316.2572,88.2 C1193.7735,88.2 1193.7735,284.4873 1071.2898,284.4873 L826.3242,284.4873 C703.8432,284.4873 703.8432,480.7719 581.3595,480.7719 L336.3948,480.7719 C213.9102,480.771 241.3287,628.2 118.845,628.2 L0,628.2"></path>
<path d="M1440,133.3305 C1439.1594,133.2432 1397.9115,133.2 1316.2572,133.2 C1193.7735,133.2 1193.7735,315.459 1071.2898,315.459 L826.3242,315.459 C703.8432,315.459 703.8432,497.7162 581.3595,497.7162 L336.3948,497.7162 C213.9102,497.7162 241.3287,633.6 118.845,633.6 L0,633.6" stroke-dasharray="10"></path>
<path d="M1440,176.4 C1439.1594,176.4828 1397.9115,176.5242 1316.2572,176.5242 C1193.7735,176.5242 1193.7735,345.3651 1071.2898,345.3651 L826.3242,345.3651 C703.8432,345.3651 703.8432,514.2087 581.3595,514.2087 L336.3948,514.2087 C213.9102,514.2087 241.3287,639 118.845,639 L0,639"></path>
<path d="M1440,221.4 C1439.1594,221.6592 1397.9115,221.7879 1316.2572,221.7879 C1193.7735,221.7879 1193.7735,376.5051 1071.2898,376.5051 L826.3242,376.5051 C703.8432,376.5051 703.8432,531.2241 581.3595,531.2241 L336.3948,531.2241 C213.9102,531.225 241.3287,644.4 118.845,644.4 L0,644.4"></path>
<path d="M1440,265.5 C1439.1594,265.9338 1397.9115,266.1507 1316.2572,266.1507 C1193.7735,266.1507 1193.7735,406.7442 1071.2898,406.7442 L826.3242,406.7442 C703.8432,406.7442 703.8432,547.3359 581.3595,547.3359 L336.3948,547.3359 C213.9102,547.3359 241.3287,648.9 118.845,648.9 L0,648.9"></path>
<path d="M1440,307.8 C1439.1594,308.403 1397.9115,308.7054 1316.2572,308.7054 C1193.7735,308.7054 1193.7735,435.8367 1071.2898,435.8367 L826.3242,435.8367 C703.8432,435.8367 703.8432,562.9671 581.3595,562.9671 L336.3948,562.9671 C213.9102,562.9671 241.3287,653.4 118.845,653.4 L0,653.4"></path>
<path d="M1440,352.8 L1315.8,352.8 C1193.3163,352.8 1193.7735,466.0722 1071.2898,466.0722 L826.3242,466.0722 C703.8432,466.0722 703.8432,579.0771 581.3595,579.0771 L336.3948,579.0771 C213.9102,579.078 241.3287,657.9 118.845,657.9 L0,657.9"></path>
<path d="M1440,396.9 C1439.1594,397.8558 1397.9115,398.3346 1316.2572,398.3346 C1193.7735,398.3346 1193.7735,497.2059 1071.2898,497.2059 L826.3242,497.2059 C703.8432,497.2059 703.8432,596.0799 581.3595,596.0799 L336.3948,596.0799 C213.9102,596.0799 241.3287,663.3 118.845,663.3 L0,663.3"></path>
<path d="M1440,440.1 C1439.1594,441.2232 1397.9115,441.7848 1316.2572,441.7848 C1193.7735,441.7848 1193.7735,527.2056 1071.2898,527.2056 L826.3242,527.2056 C703.8432,527.2056 703.8432,612.6264 581.3595,612.6264 L336.3948,612.6264 C213.9102,612.6264 241.3287,668.7 118.845,668.7 L0,668.7" stroke-dasharray="10"></path>
<path d="M1440,483.3 C1439.1594,484.6023 1397.9115,485.2539 1316.2572,485.2539 C1193.7735,485.2539 1193.7735,556.8795 1071.2898,556.8795 L826.3242,556.8795 C703.8432,556.8795 703.8432,628.5078 581.3595,628.5078 L336.3948,628.5078 C213.9102,628.5078 241.3287,673.2 118.845,673.2 L0,673.2"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
docs/src/assets/demos/example-bootstrap.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 349 KiB

BIN
docs/src/assets/demos/example-react.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 216 KiB

BIN
docs/src/assets/demos/example-stripe.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 520 KiB

BIN
docs/src/assets/demos/example-vuejs.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 51 KiB

278
docs/src/assets/illus-analytics.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 36 KiB

10
docs/src/style.css
View file

@ -26,12 +26,14 @@ body {
/* Logo slider (gslide) */
.glide__slide{
background-color: white;
border-radius: 4px;
border-radius: 8px;
background: white;
overflow: hidden;
padding: 4px;
img {
display: block;
padding: 4px;
display: inline-block;
vertical-align: middle;
}
}