diff --git a/index.html b/index.html
index ecf3897..a866519 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,18 @@
 			margin: 0;
 			color: #555;
 		}
-
+		.ml-1 {
+			margin-left: 1rem;
+		}
+		.ml-2 {
+			margin-left: 2rem;
+		}
+		.mb-1 {
+			margin-bottom: 1rem;
+		}
+		.mb-2 {
+			margin-bottom: 2rem;
+		}
 		.logo {
 			vertical-align: middle;
 			position: relative;
@@ -240,6 +251,7 @@
 				right: -22px;
 			}
 			.social-bar {
+				display: none;
 				position: fixed;
 				top: 30px;
 				right: 20px;
@@ -322,10 +334,16 @@
 				Web Maker
 			</h1>
 			<h2 style="margin-bottom:0.4em;">A blazing fast & offline web playground in your browser</h2>
-			<div style="margin-top: 30px;" id="cta">
+			<div style="margin-top: 30px;" id="cta" class="mb-2">
 				<a aria-label="Install chrome extension" class="btn  download-btn" href="javascript:void(0)" onclick="addToChrome()"><img src="chrome-logo.png" height="40" alt=""><span>Add Chrome extension</span></a>
 				<a aria-label="Open web app" class="btn  download-btn web-app-btn" href="/app/"><span>Web App (beta)</span></a>
 			</div>
+			<div>
+				<a href="/docs" class="">Docs</a>
+				<a href="https://medium.com/web-maker/" class="ml-1">Blog</a>
+				<a href="https://github.com/chinchang/web-maker/" class="ml-1">Github</a>
+				<a class="hint--top-right ml-1" data-hint="Share on Twitter" href="https://twitter.com/share?url=https://webmakerapp.com/&text=Web Maker - Convert your Chrome tabs into a blazing fast %26 offline web playground!&via=webmakerApp&related=webmakerApp" target="_blank" class="tweet-link">Share</a>
+			</div>
 		</header>
 
 		<div style="margin-top:30px;">
@@ -376,20 +394,6 @@
 		<div class="people-say">
 			<h3 style="color:red;font-size: 2em;margin:0;">♥</h3>
 			<div class="people-say-top">
-				<a target="_blank" href="https://twitter.com/Ryan_Random/status/832242636970930177" class="say say--twitter">
-					<div class="say__name">
-						<img src="https://pbs.twimg.com/profile_images/777487197532401665/hsnFGGH2_bigger.jpg" alt="">
-						<div>Ryan Davidson <div class="say__handle">@Ryan_Random</div></div>
-					</div>
-					<p>Really enjoying using Web Maker - super fast offline web playground.</p>
-				</a>
-				<a target="_blank" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" class="say">
-					<div class="say__name">
-						<img src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABECLSb76_ywaCj7gEiC3ZjYXJkX3Bob3RvKigyMTBmZjI0YjYxM2VkZWZiNmYyNTkwZjEwN2RlNjBlYjRkOTE2YmJlMAHafGv-p112HZJ-KreQxPF8-yn0EQ" alt="">
-						<div>Joacim Nilsson</div>
-					</div>
-					<p>This is something I will be using alot. Thank you! :D</p>
-				</a>
 				<a target="_blank" href="https://blog.codepen.io/2017/01/19/web-maker/" class="say">
 					<div class="say__name">
 						<img src="https://pbs.twimg.com/profile_images/883049860332609537/IsUISvAq_400x400.jpg" alt="">
@@ -397,6 +401,13 @@
 					</div>
 					<p>If you're looking for a CodePen-like offline editor, and use Chrome, check out Web-Maker by Kushagra Gour.</p>
 				</a>
+				<a target="_blank" href="https://twitter.com/Ryan_Random/status/832242636970930177" class="say say--twitter">
+					<div class="say__name">
+						<img src="https://pbs.twimg.com/profile_images/777487197532401665/hsnFGGH2_bigger.jpg" alt="">
+						<div>Ryan Davidson <div class="say__handle">@Ryan_Random</div></div>
+					</div>
+					<p>Really enjoying using Web Maker - super fast offline web playground.</p>
+				</a>
 				<a target="_blank" href="https://twitter.com/NashVail/status/831126444486975489" class="say say--twitter">
 					<div class="say__name">
 						<img src="https://pbs.twimg.com/profile_images/798582099691212800/15i7-mX-_400x400.jpg" alt="">
@@ -404,6 +415,13 @@
 					</div>
 					<p>Finding awesome pens on @CodePen and recreating them in @webmakerApp is my new hobby</p>
 				</a>
+				<a target="_blank" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" class="say">
+					<div class="say__name">
+						<img src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABECLSb76_ywaCj7gEiC3ZjYXJkX3Bob3RvKigyMTBmZjI0YjYxM2VkZWZiNmYyNTkwZjEwN2RlNjBlYjRkOTE2YmJlMAHafGv-p112HZJ-KreQxPF8-yn0EQ" alt="">
+						<div>Joacim Nilsson</div>
+					</div>
+					<p>This is something I will be using alot. Thank you! :D</p>
+				</a>
 				<a target="_blank" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" class="say">
 					<div class="say__name">
 						<img src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABDCK_Jvffnu_2AXSILdmNhcmRfcGhvdG8qKDk3Njg3NDE2NjI1YThmNDgyMDk4OWM3MTBiMTMxNmUzOWQwZGNhMWEwAbe0xm_6UPdrZFAaScMLUOpKFfHP" alt="">
@@ -414,14 +432,13 @@
 				</a>
 			</div>
 			<div class="people-say-bottom">
-				<a target="_blank" href="https://twitter.com/fedorloenko/status/835186942354534400" class="say">
+				<a target="_blank" href="https://twitter.com/labnol/status/816576061622235136" class="say say--twitter">
 					<div class="say__name">
-						<img src="https://pbs.twimg.com/profile_images/947822663061393408/zhC3vxBL_bigger.jpg" alt="">
-						<div>Fedor Loenko<div class="say__handle">@fedorloenko</div></div>
+						<img src="https://pbs.twimg.com/profile_images/905692103883104256/J0feWkQe_normal.jpg" alt="">
+						<div>Amit Agarwal <div class="say__handle">@labnol</div></div>
 					</div>
-					<p>Great Chrome extension via @chinchang457. I need offline CodePen from time to time.</p>
+					<p>This is like having your own copy of Codepen that also works offline.</p>
 				</a>
-
 				<a target="_blank" href="https://twitter.com/Armstrong/status/832191260026888197" class="say say--twitter">
 					<div class="say__name">
 						<img src="https://pbs.twimg.com/profile_images/974909553/Screen_shot_2010-06-09_at_19.14.22_bigger.png" alt="">
@@ -436,14 +453,13 @@
 					</div>
 					<p>Meet Web Maker, an Offline, Browser-based CodePen Alternative.</p>
 				</a>
-				<a target="_blank" href="https://twitter.com/labnol/status/816576061622235136" class="say say--twitter">
+				<a target="_blank" href="https://twitter.com/fedorloenko/status/835186942354534400" class="say">
 					<div class="say__name">
-						<img src="https://pbs.twimg.com/profile_images/905692103883104256/J0feWkQe_normal.jpg" alt="">
-						<div>Amit Agarwal <div class="say__handle">@labnol</div></div>
+						<img src="https://pbs.twimg.com/profile_images/947822663061393408/zhC3vxBL_bigger.jpg" alt="">
+						<div>Fedor Loenko<div class="say__handle">@fedorloenko</div></div>
 					</div>
-					<p>This is like having your own copy of Codepen that also works offline.</p>
+					<p>Great Chrome extension via @chinchang457. I need offline CodePen from time to time.</p>
 				</a>
-
 				<a target="_blank" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" class="say">
 					<div class="say__name">
 						<img src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABDCNn44MXB2a_DZSILdmNhcmRfcGhvdG8qKDM2YTNiMDhkYzEyMmVkY2IyZjM2YzY0NTAzNTdjMWU5YWVhM2JmM2MwAc4a1i_Vddj6AIdGg9rpk_xdMePf" alt="">
@@ -469,7 +485,7 @@
 			<p><strong>Read & change all your data on the websites that you visit</strong> - Worry not. This is just required for the new tab replacement feature where Web Maker shows up only if the new tab url is chrome://newtab/. Nothing is read, stored or changed.</p>
 
 			<h3>Disclaimer</h3>
-			<p>Web Maker <strong>does not track</strong> any user specific data. It uses Google Analytics to track aggregated events to improve user experience based on what features are used more. If still you want to opt-out of Google Analytics tracking, please visit <a href="http://tools.google.com/dlpage/gaoptout" target="_blank">http://tools.google.com/dlpage/gaoptout</a> or you can set up a filter in Adblock Plus or similar ad blocker tools like AdBlock, uBlock or Adblock Pro.</p>
+			<p>Web Maker <strong>does not track</strong> any user specific data. It uses Google Analytics to track aggregated events to improve user experience based on what features are used more. If still you want to opt-out of Google Analytics tracking, please visit <a href="https://tools.google.com/dlpage/gaoptout" target="_blank">https://tools.google.com/dlpage/gaoptout</a> or you can set up a filter in Adblock Plus or similar ad blocker tools like AdBlock, uBlock or Adblock Pro.</p>
 			<div style="text-align: center;">
 				<a class="btn" href="javascript:void(0)" onclick="closeInfo()">Close</a>
 			</div>
@@ -482,7 +498,7 @@
 					<path d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"></path>
 				</svg>
 			</a>
-			<a class="hint--bottom-left" data-hint="Share on Twitter" href="http://twitter.com/share?url=https://webmakerapp.com/&text=Web Maker - Convert your Chrome tabs into a blazing fast %26 offline web playground!&via=webmakerApp&related=webmakerApp" target="_blank" class="tweet-link">
+			<a class="hint--bottom-left" data-hint="Share on Twitter" href="https://twitter.com/share?url=https://webmakerapp.com/&text=Web Maker - Convert your Chrome tabs into a blazing fast %26 offline web playground!&via=webmakerApp&related=webmakerApp" target="_blank" class="tweet-link">
 				 <svg viewBox="0 0 16 16" style="width:32px;height:32px;fill:#55ACEE;">
 				  <path d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
 				  c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>