Adds section headings and abstracts for the documentation areas.

_data/v1_1/guides.yml

@@ -1,3 +1,5 @@
+bigheader: "User Guides"
+abstract: "How to get started, and acheive tasks, using Kubernetes"
 toc:
 - title: Overview
   path: /v1.1/guides/

_data/v1_1/reference.yml

@@ -1,3 +1,5 @@
+bigheader: "Reference Documentation"
+abstract: "Design docs, concept definitions, and references for APIs and CLIs."
 toc:
 - title: Kubernetes API
   path: /v1.1/reference

_data/v1_1/samples.yml

@@ -1,3 +1,5 @@
+bigheader: "Samples"
+abstract: "A collection of example applications that show how to use Kubernetes."
 toc:
 - title: Clustered Application Samples
   path: /v1.1/samples

_data/v1_1/support.yml

@@ -1,3 +1,5 @@
+bigheader: "Support"
+abstract: "Troubleshooting resources, frequently asked questions, and community support channels."
 toc:
 - title: Troubleshooting
   path: /v1.1/support

_layouts/docwithnav.html

@@ -3,8 +3,8 @@ layout: headerfooter
 ---
 <!--  HERO  -->
 <section id="hero" class="light-text">
-	<h1>{{ page.title }}</h1>
-	<h5>{{ page.abstract }}</h5>
+	<h1>{{ site.data[page.versionfilesafe][page.section].bigheader }}</h1>
+	<h5>{{ site.data[page.versionfilesafe][page.section].abstract }}</h5>
 	<div id="vendorStrip" class="light-text">
 		<ul>
 			<li><a href="/{{ page.version }}/guides">GUIDES</a></li>
@@ -29,6 +29,7 @@ layout: headerfooter
         </div> <!-- /pi-accordion -->
 	</div> <!-- /docsToc -->
 	<div id="docsContent">
+    	<h1>{{ page.title }}</h1>
 		{{ content }}
 	</div>
 </section>

_layouts/headerfooter.html

@@ -6,7 +6,7 @@
 	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="/css/styles.css"/>
 	<script src="/js/script.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script src="/js/jquery-2.2.0.min.js"></script>
     <script src="/js/non-mini.js"></script>
     <title>Kubernetes - {{ page.title }}</title>
 </head>

_site/index.html

@@ -6,7 +6,7 @@
 	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="/css/styles.css"/>
 	<script src="/js/script.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script src="/js/jquery-2.2.0.min.js"></script>
     <script src="/js/non-mini.js"></script>
     <title>Kubernetes - Index test</title>
 </head>
@@ -62,8 +62,8 @@
 
 <!--  HERO  -->
 <section id="hero" class="light-text">
-	<h1>Index test</h1>
-	<h5>Cool content goes here</h5>
+	<h1></h1>
+	<h5></h5>
 	<div id="vendorStrip" class="light-text">
 		<ul>
 			<li><a href="//guides">GUIDES</a></li>
@@ -89,6 +89,7 @@
         </div> <!-- /pi-accordion -->
 	</div> <!-- /docsToc -->
 	<div id="docsContent">
+    	<h1>Index test</h1>
 		Yep.
 	</div>
 </section>

_site/v1.1/guides/index.html

@@ -6,7 +6,7 @@
 	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="/css/styles.css"/>
 	<script src="/js/script.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script src="/js/jquery-2.2.0.min.js"></script>
     <script src="/js/non-mini.js"></script>
     <title>Kubernetes - Doc test</title>
 </head>
@@ -62,8 +62,8 @@
 
 <!--  HERO  -->
 <section id="hero" class="light-text">
-	<h1>Doc test</h1>
-	<h5>Testing the doducmentation with cascading layouts</h5>
+	<h1>User Guides</h1>
+	<h5>How to get started, and acheive tasks, using Kubernetes</h5>
 	<div id="vendorStrip" class="light-text">
 		<ul>
 			<li><a href="/v1.1/guides">GUIDES</a></li>
@@ -154,6 +154,7 @@
         </div> <!-- /pi-accordion -->
 	</div> <!-- /docsToc -->
 	<div id="docsContent">
+    	<h1>Doc test</h1>
 		<h1 id="this-is-a-test-of-the-documentation-layout-use">This is a test of the documentation layout use</h1>
 
 <p>Testing version v1.1</p>

_site/v1.1/index.html

@@ -6,7 +6,7 @@
 	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="/css/styles.css"/>
 	<script src="/js/script.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script src="/js/jquery-2.2.0.min.js"></script>
     <script src="/js/non-mini.js"></script>
     <title>Kubernetes - Doc test</title>
 </head>
@@ -62,8 +62,8 @@
 
 <!--  HERO  -->
 <section id="hero" class="light-text">
-	<h1>Doc test</h1>
-	<h5>Testing the doducmentation with cascading layouts</h5>
+	<h1>User Guides</h1>
+	<h5>How to get started, and acheive tasks, using Kubernetes</h5>
 	<div id="vendorStrip" class="light-text">
 		<ul>
 			<li><a href="/v1.1/guides">GUIDES</a></li>
@@ -154,6 +154,7 @@
         </div> <!-- /pi-accordion -->
 	</div> <!-- /docsToc -->
 	<div id="docsContent">
+    	<h1>Doc test</h1>
 		<h1 id="this-is-a-test-of-the-documentation-layout-use">This is a test of the documentation layout use</h1>
 
 <p>Testing version v1.1</p>

_site/v1.1/reference/docker-cli-to-kubectl/index.html

@@ -6,7 +6,7 @@
 	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="/css/styles.css"/>
 	<script src="/js/script.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script src="/js/jquery-2.2.0.min.js"></script>
     <script src="/js/non-mini.js"></script>
     <title>Kubernetes - kubectl for docker users</title>
 </head>
@@ -62,8 +62,8 @@
 
 <!--  HERO  -->
 <section id="hero" class="light-text">
-	<h1>kubectl for docker users</h1>
-	<h5></h5>
+	<h1>Reference Documentation</h1>
+	<h5>Design docs, concept definitions, and references for APIs and CLIs.</h5>
 	<div id="vendorStrip" class="light-text">
 		<ul>
 			<li><a href="/v1.1/guides">GUIDES</a></li>
@@ -156,6 +156,7 @@
         </div> <!-- /pi-accordion -->
 	</div> <!-- /docsToc -->
 	<div id="docsContent">
+    	<h1>kubectl for docker users</h1>
 		<p>In this doc, we introduce the Kubernetes command line for interacting with the api to docker-cli users. The tool, kubectl, is designed to be familiar to docker-cli users but there are a few necessary differences. Each section of this doc highlights a docker subcommand explains the kubectl equivalent.</p>
 
 <p><strong>Table of Contents</strong></p>

_site/v1.1/reference/index.html

@@ -6,7 +6,7 @@
 	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="/css/styles.css"/>
 	<script src="/js/script.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script src="/js/jquery-2.2.0.min.js"></script>
     <script src="/js/non-mini.js"></script>
     <title>Kubernetes - Doc test</title>
 </head>
@@ -62,8 +62,8 @@
 
 <!--  HERO  -->
 <section id="hero" class="light-text">
-	<h1>Doc test</h1>
-	<h5>Testing the doducmentation with cascading layouts</h5>
+	<h1>Reference Documentation</h1>
+	<h5>Design docs, concept definitions, and references for APIs and CLIs.</h5>
 	<div id="vendorStrip" class="light-text">
 		<ul>
 			<li><a href="/v1.1/guides">GUIDES</a></li>
@@ -156,6 +156,7 @@
         </div> <!-- /pi-accordion -->
 	</div> <!-- /docsToc -->
 	<div id="docsContent">
+    	<h1>Doc test</h1>
 		<h1 id="this-is-a-test-of-the-documentation-layout-use">This is a test of the documentation layout use</h1>
 
 <p>Testing version v1.1</p>

_site/v1.1/samples/index.html

@@ -6,7 +6,7 @@
 	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="/css/styles.css"/>
 	<script src="/js/script.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script src="/js/jquery-2.2.0.min.js"></script>
     <script src="/js/non-mini.js"></script>
     <title>Kubernetes - Doc test</title>
 </head>
@@ -62,8 +62,8 @@
 
 <!--  HERO  -->
 <section id="hero" class="light-text">
-	<h1>Doc test</h1>
-	<h5>Testing the doducmentation with cascading layouts</h5>
+	<h1>Samples</h1>
+	<h5>A collection of example applications that show how to use Kubernetes.</h5>
 	<div id="vendorStrip" class="light-text">
 		<ul>
 			<li><a href="/v1.1/guides">GUIDES</a></li>
@@ -123,6 +123,7 @@
         </div> <!-- /pi-accordion -->
 	</div> <!-- /docsToc -->
 	<div id="docsContent">
+    	<h1>Doc test</h1>
 		<h1 id="this-is-a-test-of-the-documentation-layout-use">This is a test of the documentation layout use</h1>
 
 <p>Testing version v1.1</p>

_site/v1.1/support/index.html

@@ -6,7 +6,7 @@
 	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="/css/styles.css"/>
 	<script src="/js/script.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script src="/js/jquery-2.2.0.min.js"></script>
     <script src="/js/non-mini.js"></script>
     <title>Kubernetes - Doc test</title>
 </head>
@@ -62,8 +62,8 @@
 
 <!--  HERO  -->
 <section id="hero" class="light-text">
-	<h1>Doc test</h1>
-	<h5>Testing the doducmentation with cascading layouts</h5>
+	<h1>Support</h1>
+	<h5>Troubleshooting resources, frequently asked questions, and community support channels.</h5>
 	<div id="vendorStrip" class="light-text">
 		<ul>
 			<li><a href="/v1.1/guides">GUIDES</a></li>
@@ -121,6 +121,7 @@
         </div> <!-- /pi-accordion -->
 	</div> <!-- /docsToc -->
 	<div id="docsContent">
+    	<h1>Doc test</h1>
 		<h1 id="this-is-a-test-of-the-documentation-layout-use">This is a test of the documentation layout use</h1>
 
 <p>Testing version v1.1</p>