Merge branch 'master' of https://github.com/appbaseio/reactivesearch

Author: farhan687

.gitmodules

@@ -1,3 +0,0 @@
-[submodule "onboarding"]
-	path = onboarding
-	url = https://github.com/appbaseio-apps/reactivesearch-onboarding.git

examples/index.html

@@ -48,8 +48,11 @@
 		<div class="container">
 			<div class="row">
 				<h1 class="col-xs-12">
-					Examples
+					Example Apps
 				</h1>
+				<p class="description" style="margin: 20px 0 30px;text-align:center;">
+					A set of examples built with ReactiveSearch, inspired from real world apps.
+				</p>
 			</div>
 			<div class="row indexLinkContainer">
 				<ul class="col-xs-12">
@@ -99,10 +102,10 @@ <h2>Who's In Town</h2>
 		<div class="row">
 			<div class="col-xs-12">
 				<ul class="nav navbar-nav navbar-left">
-					<li><a href="../manual/">Read the Manual</a></li>
-					<li><a href="../playground/">Component Playground</a></li>
+					<li><a href="https://opensource.appbase.io/reactive-manual" target="_blank">Read the Manual</a></li>
+					<li><a href="https://opensource.appbase.io/playground/?knob-defaultSelected=%7B%22start%22%3A2%2C%22end%22%3A5%7D&selectedKind=s%2FRatingsFilter&selectedStory=With+defaultSelected&full=0&down=1&left=1&panelRight=0&downPanel=kadirahq%2Fstorybook-addon-knobs&filterBy=ReactiveSearch" target="_blank">Component Playground</a></li>
 				</ul>
-				<a href="https://appbase.io" class="pull-right footer-link">
+				<a href="https://appbase.io" target="_blank" class="pull-right footer-link">
 					Made with <i class="fa fa-heart"></i> by appbase.io
 				</a>
 			</div>

index.html

@@ -54,10 +54,10 @@
 						<h1 class="website-title m-b-2">Reactive Search</h1>
 						<div class="description">
 							<p>
-							A React data components library for building <span class="js-swapper">Airbnb</span> like search experience.
+							A React data components library for building <span class="fixed-width"><span class="js-swapper">Airbnb</span></span> like search experience.
 							</p>
 
-							<a style="margin: 40px 0 0 0; display: inline-block;" href="https://github.com/appbaseio/reactivesearch#reactive-search" class="theme-btn">Get Started</a>
+							<a style="margin: 40px 0 0 0; display: inline-block;" href="https://github.com/appbaseio/reactivesearch" class="theme-btn">Get Started</a>
 						</div>
 					</div>
 				</div>

onboarding

@@ -247,12 +247,16 @@ footer {
     footer .footer-link:hover, footer .navbar-nav > li > a:hover {
       background-color: transparent; }
 
+.fixed-width {
+  display: inline-block;
+  min-width: 118px; }
+
 .js-swapper {
   display: inline-block;
   margin: 0 3px;
-  width: 110px;
-  padding-top: 2px;
-  padding-bottom: 2px;
+  padding: 2px 8px;
+  min-width: 60px;
+  font-family: "Source Sans Pro Semi Bold";
   background-color: #143394;
   font-size: 1.4rem;
   -webkit-transition: all .3s ease;

website/assets/css/style.css

@@ -230,12 +230,16 @@ footer {
 	}
 }
 
+.fixed-width {
+	display: inline-block;
+	min-width: 118px;
+}
 .js-swapper {
 	display: inline-block;
 	margin: 0 3px;
-	width: 110px;
-	padding-top: 2px;
-	padding-bottom: 2px;
+	padding: 2px 8px;
+	min-width: 60px;
+	font-family: $font-semi-bold;
 	background-color: #143394;
 	font-size: 1.4rem;
 	-webkit-transition: all .3s ease;

website/assets/styles/partials/components/_home.scss

@@ -31,10 +31,10 @@
 						<h1 class="website-title m-b-2">Reactive Search</h1>
 						<div class="description">
 							<p>
-							A React data components library for building <span class="js-swapper">Airbnb</span> like search experience.
+							A React data components library for building <span class="fixed-width"><span class="js-swapper">Airbnb</span></span> like search experience.
 							</p>
 
-							<a style="margin: 40px 0 0 0; display: inline-block;" href="https://github.com/appbaseio/reactivesearch#reactive-search" class="theme-btn">Get Started</a>
+							<a style="margin: 40px 0 0 0; display: inline-block;" href="https://github.com/appbaseio/reactivesearch" class="theme-btn">Get Started</a>
 						</div>
 					</div>
 				</div>