nikon/docsearch
1
0
Fork 0
Code Activity Actions

chore(docs): Upgdated Css

Browse source
This commit is contained in:
Shipow 2015-12-22 18:27:31 +01:00
parent e7b3a11d7b
commit 324d5ca72d
7 changed files with 62 additions and 109 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
docs/_includes/footer.html
View file

@ -1,4 +1,3 @@
<div class="spacer100 bg-white"></div>
<footer class="site-footer">
<p>
Designed and built with <i class="fa fa-heart"></i> by <a href="https://www.algolia.com/?utm_medium=social-owned&utm_source=documentation+search&utm_campaign=homepage"><img src="{{site.baseurl}}/img/logo-algolia-dark.png" alt="Algolia" height="20"></a>

48
docs/css/_base.css
View file

@ -1,48 +0,0 @@
/*
Error: Invalid CSS after "...ial, sans-serif": expected expression (e.g. 1px, bold), was ";"
on line 1 of _base.sass
1: $font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
2: $font-size-base: 14px;
3:
4: $headings-font-family: "Raleway";
5: $headings-font-weight: 300;
6:
Backtrace:
_base.sass:1
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/scss/parser.rb:1161:in `expected'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/script/lexer.rb:221:in `expected!'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/script/parser.rb:600:in `assert_done'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/script/parser.rb:63:in `parse'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/script/parser.rb:183:in `parse'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/script.rb:27:in `parse'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:1130:in `parse_script'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:753:in `parse_variable'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:641:in `parse_line'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:535:in `build_tree'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:554:in `block in append_children'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:553:in `each'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:553:in `append_children'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:406:in `_to_tree'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:378:in `_render_with_sourcemap'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/engine.rb:295:in `render_with_sourcemap'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/plugin/compiler.rb:490:in `update_stylesheet'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/plugin/compiler.rb:209:in `each'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/plugin.rb:82:in `update_stylesheets'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/exec/sass_scss.rb:361:in `watch_or_update'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/exec/sass_scss.rb:51:in `process_result'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/exec/base.rb:52:in `parse'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/lib/sass/exec/base.rb:19:in `parse!'
/home/tim/.rvm/gems/ruby-2.2.3/gems/sass-3.4.19/bin/sass:13:in `<top (required)>'
/home/tim/.rvm/gems/ruby-2.2.3/bin/sass:23:in `load'
/home/tim/.rvm/gems/ruby-2.2.3/bin/sass:23:in `<main>'
/home/tim/.rvm/gems/ruby-2.2.3/bin/ruby_executable_hooks:15:in `eval'
/home/tim/.rvm/gems/ruby-2.2.3/bin/ruby_executable_hooks:15:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Error: Invalid CSS after \"...ial, sans-serif\": expected expression (e.g. 1px, bold), was \";\"\A on line 1 of _base.sass\A \A 1: $font-family-sans-serif: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\A 2: $font-size-base: 14px;\A 3: \A 4: $headings-font-family: \"Raleway\";\A 5: $headings-font-weight: 300;\A 6: "; }

2
docs/css/_header.scss
View file

@ -1,6 +1,5 @@
header.site-header {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
@ -44,4 +43,3 @@ header.site-header {
.main-content {
margin-top: $navbar-height; }

68
docs/css/_home.scss
View file

@ -16,11 +16,9 @@ html, body {
font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}
/* HEADER
// ------------------------- */
header.site-header {
.site-header {
position: fixed;
top: 0;
width: 100%;
@ -29,13 +27,13 @@ header.site-header {
transition: background 2s ease;
border-bottom: 1px solid #232E3A;
}
header.site-header nav.navbar {
.site-header nav.navbar {
margin-bottom: 0;
background-color: #0B1724;
border-radius: 0;
border: none;
}
header.site-header nav.navbar .navbar-collapse.in {
.site-header nav.navbar .navbar-collapse.in {
background-color: #0B1724 !important;
animation: fadeInUp .2s ease-in-out;
position: fixed;
@ -46,14 +44,14 @@ header.site-header nav.navbar .navbar-collapse.in {
padding: 20%;
font-size: 1.2em;
}
header.site-header nav.navbar .navbar-collapse.in li {
.site-header nav.navbar .navbar-collapse.in li {
padding-bottom: 1em;
}
header.site-header nav.navbar #logo img {
.site-header nav.navbar #logo img {
height: 32px;
margin-right: 12px;
}
header.site-header nav.navbar .navbar-header {
.site-header nav.navbar .navbar-header {
position: relative;
z-index: 2;
height: 50px;
@ -61,35 +59,33 @@ header.site-header nav.navbar .navbar-header {
color: #FF2E6C;
line-height: 50px;
}
header.site-header nav.navbar .navbar-toggle {
.site-header nav.navbar .navbar-toggle {
background-color: #1d96c7;
border: solid 1px #1d96c7;
color: white;
}
header.site-header nav.navbar .navbar-toggle.collapsed {
.site-header nav.navbar .navbar-toggle.collapsed {
background-color: transparent;
border: solid 1px rgba(255, 255, 255, 0.4);
color: white;
}
header.site-header nav.navbar .navbar-nav > li > a {
.site-header nav.navbar .navbar-nav > li > a {
padding-bottom: 0;
}
header.site-header nav.navbar .navbar-nav > .active > a {
.site-header nav.navbar .navbar-nav > .active > a {
color: #1D96C7 !important;
background-color: transparent;
}
header.site-header nav.navbar .navbar-nav > li > a.navbar-github-link {
.site-header nav.navbar .navbar-nav > li > a.navbar-github-link {
font-size: 32px;
padding-top: 10px;
}
header.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
color: #46AEDA;
text-decoration: none;
}
/* JUMBOTRON
// ------------------------- */
.main-content .jumbotron {
@ -102,21 +98,18 @@ header.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
background-size: cover;
margin-bottom: 0;
}
.jumbotron .jumbotron-header {
text-align: center;
color: #FFF;
}
.jumbotron .jumbotron-header h1 {
font-size: 60px;
font-weight: 500;
font-family: "Helvetica Neue", "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}
.jumbotron .jumbotron-header .big {
font-size: 90px;
}
.jumbotron .jumbotron-header .blue {
color: #46AEDA;
}
.jumbotron .jumbotron-left-column {
display: none;
padding-top: 100px;
@ -173,14 +166,10 @@ header.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
}
}
/* PAGE SECTIONS
// ------------------------- */
.page-section {
padding-top: 100px;
padding-bottom: 60px;
padding: 60px 0;
font-size: 16px;
line-height: 1.8;
color: #091724;
@ -190,24 +179,26 @@ header.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
color: #C7C4C4;
}
h2.page-section-title {
font-size: 28px;
font-size: 26px;
text-transform: uppercase;
font-weight: 600;
margin-top: 0;
margin-bottom: 30px;
text-align: center;
letter-spacing: 1px;
}
.page-section-dark h2.page-section-title{
color: #FFF;
}
h2.page-section-title:after {
display: block;
content: ' ';
height: 10px;
content: '';
border-bottom: 3px solid #FF2E6C;
margin: 4px auto;
margin: 30px auto 33px;
width: 60px;
}
#section_why {
padding-left: 20px;
padding-right: 20px;
@ -252,14 +243,16 @@ h2.page-section-title:after {
}
#section_how h3 .how-it-works-number {
float: left;
line-height: 1;
line-height: 35px;
color: #46AEDA;
font-size: 70px;
font-weight: bold;
font-size: 50px;
font-family: "Helvetica Neue";
position: relative;
top: -13px;
margin-right: 7px;
margin-right: 10px;
}
#section_how h3 {
font-size: 18px;
font-weight: bold;
margin: 0 0 20px 0;
}
#section_how p {
clear: both;
@ -302,4 +295,3 @@ footer.site-footer .fa.fa-heart {
footer.site-footer .input-group-addon {
background-color: transparent;
}

BIN
docs/img/illus-howitworks.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 60 KiB

19
docs/img/logo-docsearch.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 11 KiB

33
docs/index.haml
View file

@ -7,49 +7,42 @@ layout: default
.container.pos-rel
.jumbotron-header
%h1.jumbotron-title
%span.blue
%span.big> D
OC
= succeed "EARCH" do
%span.big S
%img.logo{:src => "./img/logo-docsearch.svg"}
%p#top The easiest way to add search to your documentation.
.jumbotron-left-column
%p We’ve created the fastest, easiest way to search within documentation.
%p And best of all? It’s free!
%p
And best of all? It’s FREE.
%form#join-form{action: '#', method: 'POST'}
%h3 Want to try it out?
%h3 Get Started. It’s FREE!
.spacer20
.input-group
%span.input-group-addon
%i.fa.fa-fw.fa-envelope-o
%input.form-control{type: 'email', placeholder: 'you@example.org', name: 'email'}
%p.text-sm We'll crawl the documentation pages of your website and index them using Algolia.
%p.text-sm We’ll crawl the documentation pages of your website and index them on Algolia.
.spacer20
.input-group
%span.input-group-addon
%i.fa.fa-fw.fa-globe
%input.form-control{type: 'text', placeholder: 'https://website.com/doc', name: 'url'}
%p.text-sm We'll send you the code you need to improve the search of your documentation.
%p.text-sm We’ll email you the code you need to integrate the search into your documentation.
.spacer20
.text-center
%button.btn.btn-primary.btn-lg{type: 'submit'}
Help me improve my search
%i.fa.fa-heart
JOIN THE BETA!
#section_why.page-section
.container
.row
.col-sm-10.col-sm-offset-1
%h2.page-section-title Why DocSearch?
%p We’re scratching our own itch here. As developers, we spend a lot of time reading documentation, and it isn’t always easy to find the information we need.
%p Not blaming anyone here. Building a good search for a documentation is a complex challenge. We happen to have a lot of experience doing that, and we want to share it with the world. For free.
%p Not blaming anyone here. Building a good search for a documentation is a complex challenge.
We happen to have a lot of experience doing that, and we want to share it with the world. For free.
#section_examples.page-section.page-section-dark
.container
.row
.col-sm-10.col-sm-offset-1
%h2.page-section-title DocSearch is live
%p
We’ve integrated DocSearch into several open source projects.
%br Take a look.
%p We’ve integrated DocSearch into several open source projects. Take a look.
.row
.col-sm-4.showcase
%a{:href => "https://bootstrap.algolia.com", :target => "_blank"}
@ -80,6 +73,10 @@ layout: default
.container
.row
%h2.page-section-title How it works
.row
.col-sm-12
%img.img-responsive{:src => "./img/illus-howitworks.jpg"}
.spacer30
.row
.col-sm-4.how-it-works
%h3
@ -96,7 +93,7 @@ layout: default
.col-sm-4.how-it-works
%h3
%span.how-it-works-number> 3
You add the JS/CSS snippets to your website
You add the autocomplete to your UI
%p We’ll send you a few lines to code to integrate Algolia autocomplete and power your search.
%p You will receive the same speed, relevance and best-in-class UX as our paying customers.
#section_get-started.page-section.page-section-dark
@ -107,10 +104,6 @@ layout: default
%p Add the url of your documentation site and your email to the form at the top of the page. We’ll get back to you with what you need to integrate your new search into your website.
%p Don’t forget, DocSearch is completely free! There’s no need to sign up for Algolia or submit any payment information. Let’s tackle document search together.
.spacer30
%p.text-center
%a.btn.btn-primary.btn-lg{href: '#top'}
Help me improve my search
%i.fa.fa-heart
{% contentfor site-footer %}
<script src="{{ "/js/home.js" | prepend: site.baseurl }}"></script>