Navigation and aesthetic improvements.

Author: Martin Taillefer

_includes/doc-side-concepts-nav.html

@@ -4,9 +4,9 @@
 	<li class="submenu">
 		<h6 class="arrow-r">What is Istio?</h6>
 		<div class="submenu-content">
-			<a class="submenu-link {% if current[3] == 'context-and-overview.html' %}active{% endif %}" href="{{ site.baseurl }}/docs/concepts/context-and-overview.html">Context and Overview</a>
-			<a class="submenu-link {% if current[3] == 'design-goals.html' %}active{% endif %}" href="{{ site.baseurl }}/docs/concepts/design-goals.html">Design Goals</a>
-			<a class="submenu-link {% if current[3] == 'high-level-architecture.html' %}active{% endif %}" href="{{ site.baseurl }}/docs/concepts/high-level-architecture.html">High-Level Architecture</a>
+			<a class="submenu-link {% if current[3] == 'overview.html' %}active{% endif %}" href="{{ site.baseurl }}/docs/concepts/overview.html">Overview</a>
+			<a class="submenu-link {% if current[3] == 'goals.html' %}active{% endif %}" href="{{ site.baseurl }}/docs/concepts/goals.html">Goals</a>
+			<a class="submenu-link {% if current[3] == 'architecture.html' %}active{% endif %}" href="{{ site.baseurl }}/docs/concepts/architecture.html">Architecture</a>
 		</div>
 	</li>
 

_includes/hero.html

@@ -2,9 +2,5 @@
   <div class="container">
     <img class="logo" src="{{ site.baseurl }}/img/logo.png" alt="Istio">
     <h1 class="hero-lead">A service mesh for polyglot microservices</h1>
-    <!-- <a href="{{ site.baseurl }}/docs"> -->
-    <!-- 	<button class="btn btn-grpc waves-effect btn-hero">GET STARTED</button> -->
-    <!-- </a> -->
-   	<!-- <button class="btn btn-floating waves-effect down-caret" data-target="landing-content"><div class="icon-caret"></div></button> -->
   </div>
 </div>

_includes/nav.html

@@ -55,14 +55,5 @@
     <hr>
     <li class="nav-item"><a href="{{ site.baseurl }}/faq/" {% if current[1] == 'faq' %}class='current'{% endif %}><p>FAQ</p></a></li>
   </div>
-  <div class="container">
-    <div class="row">
-      <div class="col-md-11 nofloat center-block">
-        <div class="col-xs-12">
-          <h1 class="page-headline">{{page.headline}}</h1> 
-        </div>
-      </div>
-    </div>
-  </div>
 
 </nav>

docs/concepts/high-level-architecture.md renamed to docs/concepts/architecture.md

@@ -8,7 +8,7 @@ type: markdown
 ---
 
 {% capture overview %}
-This page the core principles that guide Istio's design
+This page the core principles that guide Istio's design.
 {% endcapture %}
 
 {% capture body %}

docs/concepts/design-goals.md renamed to docs/concepts/goals.md

@@ -1,6 +1,6 @@
 ---
-title: Concepts and Overview
-headline: Concepts and Overview
+title: Context and Overview
+headline: Context and Overview
 sidenav: doc-side-concepts-nav.html
 bodyclass: docs
 layout: docs

docs/concepts/context-and-overview.md renamed to docs/concepts/overview.md

@@ -8,10 +8,7 @@
 <div class="container">
     <div class="row">
         <div class="col-md-11 nofloat center-block">
-      <!-- Constrain readable sections to 9 unit wide columns for improved readability. -->
             <div class="col-md-9 faq-container">
-                <p class="lead">Here are some frequently asked questions. Hope you find your answer in here :-)</p>
-                <h5 class="faq-title">Frequently Asked Questions</h5>
                 <ul class="list-unstyled">
                     <li class="submenu">
                         <h6 class="arrow-r">What is Istio?</h6>