From faaa4c46d701172254e2d1a852f45a2625e79c54 Mon Sep 17 00:00:00 2001 From: Shipow Date: Tue, 14 Aug 2018 18:57:38 +0200 Subject: [PATCH] fixes --- docs/src/_includes/apply-form.pug | 41 +++++++++++--------- docs/src/_layouts/homepage.pug | 18 +++++---- docs/src/_styles/components.css | 18 ++++----- docs/src/assets/bg-footer.svg | 4 +- docs/src/assets/community/community-logo.svg | 17 ++++---- docs/src/js/main.js | 4 +- 6 files changed, 53 insertions(+), 49 deletions(-) diff --git a/docs/src/_includes/apply-form.pug b/docs/src/_includes/apply-form.pug index ffcec338..6ef3e598 100644 --- a/docs/src/_includes/apply-form.pug +++ b/docs/src/_includes/apply-form.pug @@ -1,19 +1,24 @@ -form.m-auto.max-w-sm.elevation.p-2.md_p-3 - .mb-2 - label.control-label(for="url") Website - input#url.form-control(name="url", placeholder="https://project.org/doc") - p.text-grey-dark.text-xs.italic We’ll crawl the documentation pages of your website and index them on Algolia. - .mb-2 - label.control-label(for="email") Email - input#email.form-control(name="email", placeholder="you@project.org", type="email") - p.text-grey-dark.text-xs.italic We’ll email you the code you need to integrate the search into your documentation. - .mb-2 - label - input(name="owner", type="checkbox") - span I'm the owner of that website - .mb-2 - p.leading-2 Refer to - a.clickable(href="https://www.algolia.com/policies/terms") Algolia's Privacy Policy - | for more information on how we use and protect your data - button.c-button.c-button-primary.w-100(type="submit") Join the program +form.m-auto.max-w-sm.elevation.p-2.md_p-3(method="POST",action="https://www.algolia.com/docsearch/join") + .form-content + .mb-2 + label.control-label(for="url") Website URL + input#url.form-control(name="url", placeholder="https://project.org/doc", type="url", required) + p.text-grey-dark.text-xs.italic We’ll crawl the documentation pages of your website and index them on Algolia. + .mb-2 + label.control-label(for="email") Email + input#email.form-control(name="email", placeholder="you@project.org", type="email", required) + p.text-grey-dark.text-xs.italic We’ll email you the code you need to integrate the search into your documentation. + .mb-2 + label + input(name="owner", type="checkbox", required) + span I'm the owner of that website + .mb-2 + p.leading-2 Refer to + a.clickable(href="https://www.algolia.com/policies/terms") Algolia's Privacy Policy for more information on how we use and protect your data + button.c-button.c-button-primary.w-100(type="submit") Apply to DocSearch + + .form-join-thank-you.hidden + .poppins.text-4.mb-2 Thank you ! + p.text-2.leading-2.mb-1 Your request will be reviewed to make sure your website is eligible to the DocSearch program. + p.text-2.leading-2 This is a manual process and can take some time. We'll then email you the code you need to integrate on your website. diff --git a/docs/src/_layouts/homepage.pug b/docs/src/_layouts/homepage.pug index f6a353f0..caf34830 100644 --- a/docs/src/_layouts/homepage.pug +++ b/docs/src/_layouts/homepage.pug @@ -14,7 +14,7 @@ block content .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 900+ projects docs + .text-5.text-telluric.mb-3 Providing search for 900+ docs, and counting a.c-button.c-button-primary(href="#join-docsearch-program") Join the Program .bg-moon.px-2 @@ -161,14 +161,18 @@ block content .max-w-sm.m-auto.mt-2 .max-w-md.m-auto.py-3 .text-5.normal.pb-2.text-white.text-center Get started - .pb-1.text-3.leading-2.text-white.text-center We’ll get back to you within a few hours with everything you need to integrate your new search into your website. - .pb-3.text-3.leading-2.text-white.text-center Oh, and did we mention it's FREE? No commitment. No subscription. Everything is on us! + .pb-1.text-3.leading-2.text-white.text-center We’ll get back to you with everything you need to integrate your new search into your website. + .text-3.leading-2.text-white.text-center Oh, and did we mention it's FREE? + .pb-3.text-3.leading-2.text-white.text-center No commitment. No subscription. Everything is on us! include ../_includes/apply-form.pug - .text-center.p-2.pb-2 - p.text-2.mb-2.leading-2 Docsearch 2015-2018 • Designed and built with love by - a(href="https://www.algolia.com/") - img.align-top.pl-1(src="assets/algolia-logo.svg", alt="search by Algolia", width=110) + .text-center.mt-2 + .text-2.mb-3.leading-2 + span.block.mb-1.sm_inline.whitespace-no-wrap DocSearch 2015-2018 + span.block.hidden.sm_inline.mx-1 • + span.block.sm_inline.whitespace-no-wrap Designed and built by + a(href="https://www.algolia.com/") + img.align-top.pl-05(src="assets/algolia-logo.svg", alt="search by Algolia", width=100) ul.list-reset.inline-block.text-2.mb-3 li.p-1.w-100.md_w-auto.inline-block a(href="https://github.com/algolia/docsearch/blob/master/LICENSE") Code licensed under MIT diff --git a/docs/src/_styles/components.css b/docs/src/_styles/components.css index 7198fe91..ccd226f0 100644 --- a/docs/src/_styles/components.css +++ b/docs/src/_styles/components.css @@ -4,14 +4,13 @@ @apply cursor-pointer select-none; @apply rounded-100; @apply font-semibold uppercase no-underline tracking-poppins text-telluric; - - background: linear-gradient(#fff, #e4e4e9); @apply shadow-button; /* Those dimensions are not in the Tailwind config scale */ height: 2.625rem; - font-size: 0.6875rem; + font-size: .9rem; + background: linear-gradient(#fff, #e4e4e9); transition: box-shadow 0.15s ease, transform 0.15s ease; will-change: box-shadow, transform; } @@ -72,21 +71,21 @@ .bg-footer { background-image: url('assets/bg-footer.svg'); background-color: #FDFDFE; - background-size: 1600px; + background-size: 2200px; background-repeat: no-repeat; background-position: center top; } /* Logo slider (gslide) */ .glide__slide { - border-radius: 8px; - background: white; - overflow: hidden; + text-align: center; img { - padding: 4px; + border-radius: 6px; + overflow: hidden; display: inline-block; - vertical-align: middle; + max-width: 50px; + vertical-align: text-bottom; } } @@ -195,7 +194,6 @@ border-radius: 5px; } - /* Custom styles */ .custom-community-projects { width: 400px; diff --git a/docs/src/assets/bg-footer.svg b/docs/src/assets/bg-footer.svg index ed511245..40efd0e5 100644 --- a/docs/src/assets/bg-footer.svg +++ b/docs/src/assets/bg-footer.svg @@ -1,5 +1,5 @@ - + Group Created with Sketch. @@ -10,7 +10,7 @@ - + diff --git a/docs/src/assets/community/community-logo.svg b/docs/src/assets/community/community-logo.svg index 91c3ebc5..877b5633 100644 --- a/docs/src/assets/community/community-logo.svg +++ b/docs/src/assets/community/community-logo.svg @@ -1,18 +1,15 @@ - + community-logo Created with Sketch. - - \ No newline at end of file diff --git a/docs/src/js/main.js b/docs/src/js/main.js index b3bb76ab..8d155bd6 100644 --- a/docs/src/js/main.js +++ b/docs/src/js/main.js @@ -1,8 +1,8 @@ /* global docsearch */ docsearch({ - apiKey: 'e3082526e1d5f37055241c335ab10f72', - indexName: 'talksearch', + apiKey: '25626fae796133dc1e734c6bcaaeac3c', + indexName: 'docsearch', inputSelector: '.custom-search-input', debug: false, });