+
Concept Overviews
+
{% capture instructions %}
-## [Concept Overviews](https://github.com/kubernetes/kubernetes.github.io/blob/master/_includes/templates/concept-overview.md)
+A concept overview covers the most essential, important information about core Kubernetes concepts and features.
-- [Blank page that is trying to use template](blank/)
-- [Partially filled out page](partial/)
-- [Completely filled out page](filledout/)
+### Demos
-## [Landing Pages](https://github.com/kubernetes/kubernetes.github.io/blob/master/_includes/templates/landing-page.md)
+- [Blank page that is trying to use template](blank/) ([Source](https://raw.githubusercontent.com/kubernetes/kubernetes.github.io/master/docs/templatedemos/blank.md))
+- [Partially filled out page](partial/) ([Source](https://raw.githubusercontent.com/kubernetes/kubernetes.github.io/master/docs/templatedemos/partial.md))
+- [Completely filled out page](filledout/) ([Source](https://raw.githubusercontent.com/kubernetes/kubernetes.github.io/master/docs/templatedemos/filledout.md))
-- [Blank](blanklanding/)
-- [Filled Out](landingpage/)
\ No newline at end of file
+### Usage
+
+To use this template, create a new file with these contents:
+
+```liquid{% raw %}
+---
+---
+{% capture concept %}{% endcapture %}
+{% capture what_is %}{% endcapture %}
+{% capture when_to_use %}{% endcapture %}
+{% capture when_not_to_use %}{% endcapture %}
+{% capture status %}{% endcapture %}
+{% capture usage %}{% endcapture %}
+{% include templates/concept-overview.md %}
+{% endraw %}```
+
+### Adding page to navigation
+
+Once your page is saved, somewhere in the `/docs/` directory, add a reference to the `concepts.yml` file under `/_data/` so that it will appear in the left-hand navigation of the site. This is also where you add a title to the page.
+
+{% endcapture %}
+{{ instructions | markdownify }}
+
+
+
+
+
Task
+
{% capture instructions %}
+
+A task page offers step-by-step instructions for completing a task with Kubernetes. **A task page should be narrowly focused on task completion and not delve into concepts or reference information.**
+
+### Demos
+
+- [Blank](blanktask/) ([Source](https://raw.githubusercontent.com/kubernetes/kubernetes.github.io/master/docs/templatedemos/blanktask.md))
+- [Filled Out](task/) ([Source](https://raw.githubusercontent.com/kubernetes/kubernetes.github.io/master/docs/templatedemos/task.md))
+
+### Usage
+
+```liquid{% raw %}
+---
+---
+{% capture purpose %}{% endcapture %}
+{% capture recommended_background %}{% endcapture %}
+{% capture step_by_step %}{% endcapture %}
+{% include templates/task.md %}
+{% endraw %}```
+
+### Adding page to navigation
+
+Once your page is saved, somewhere in the `/docs/` directory, add a reference to the `tasks.yml` file under `/_data/` so that it will appear in the left-hand navigation of the site. This is also where you add a title to the page.
+
+{% endcapture %}
+{{ instructions | markdownify }}
+
+
+
+
Landing Pages
+
{% capture instructions %}
+
+Landing pages are a set of clickable "cards" arranged in a grid. Each card has a heading and description, and optioninall, a thumbnail image. They are meant to be index pages that quickly forward users on to deeper content.
+
+### Demos
+
+- [Blank](blanklanding/) ([Source](https://raw.githubusercontent.com/kubernetes/kubernetes.github.io/master/docs/templatedemos/blanklanding.md))
+- [Filled Out](landingpage/) ([Source](https://raw.githubusercontent.com/kubernetes/kubernetes.github.io/master/docs/templatedemos/landingpage.md))
+
+### Usage
+
+To use this template, create a new file with these contents. Essentially, you declare the cards you want by inserting the following YAML structure in the front-matter YAML section at the top of the page, and the body of the page just has the include statement.
+
+```yaml
+---
+cards:
+- progression: no #"yes" = display cards as linearly progressing
+- card:
+ title: Mean Stack
+ image: /images/docs/meanstack/image_0.png
+ description: Lorem ipsum dolor it verberum.
+# repeat -card: items as necessary
+---
+{% raw %}{% include templates/landing-page.md %}{% endraw %}
+```
+
+### Adding page to navigation
+
+Once your page is saved, somewhere in the `/docs/` directory, add a reference to the appropriate .yml file under `/_data/` so that it will appear in the left-hand navigation of the site. This is also where you add a title to the page.
+
+{% endcapture %}
+{{ instructions | markdownify }}
+
+
+
+
+
kubectl yaml
+
{% capture instructions %}
+You probably shouldn't be using this, but we also have templates which consume YAML files that are generated by the Kubernetes authors. These are turned into pages which display the reference information for the various CLI tools.
+
+### Demos
+
+- [Blank](blankkubectl/) ([Source](https://raw.githubusercontent.com/kubernetes/kubernetes.github.io/master/docs/templatedemos/blankkubectl.md))
+- [Filled Out](kubectl/) ([Source](https://raw.githubusercontent.com/kubernetes/kubernetes.github.io/master/docs/templatedemos/kubectl.md))
+
+### Adding page to navigation
+
+Once your page is saved, somewhere in the `/docs/` directory, add a reference to the `concepts.yml` file under `/_data/` so that it will appear in the left-hand navigation of the site. This is also where you add a title to the page.
+
+{% endcapture %}
+{{ instructions | markdownify }}
+
+
+
\ No newline at end of file
diff --git a/docs/templatedemos/kubectl.md b/docs/templatedemos/kubectl.md
new file mode 100644
index 0000000000..1c106b166d
--- /dev/null
+++ b/docs/templatedemos/kubectl.md
@@ -0,0 +1,4 @@
+---
+---
+{% capture command %}kubectl_annotate{% endcapture %}
+{% include templates/kubectl.md %}
\ No newline at end of file
diff --git a/docs/templatedemos/task.md b/docs/templatedemos/task.md
new file mode 100644
index 0000000000..3803492f2b
--- /dev/null
+++ b/docs/templatedemos/task.md
@@ -0,0 +1,62 @@
+---
+---
+# Doing a thing with a thing
+
+{% capture purpose %}
+This document teaches you how to do a thing.
+{% endcapture %}
+
+{% capture recommended_background %}
+In order to do a thing, you must be familiar with the following:
+
+- [Thing 1](/foo/)
+- [Thing 2](/bar/)
+
+{% endcapture %}
+
+{% capture step_by_step %}
+Here's how to do a thing with a thing.
+
+#### 1. Prepare the thing
+
+Lorem ipsum dolor it verberum.
+
+#### 2. Run the thing command
+
+Lorem ipsum dolor it verberum.
+
+#### 3. Create the thing.yaml file
+
+Lorem ipsum dolor it verberum.
+
+```yaml
+# Creates three nginx replicas
+apiVersion: extensions/v1beta1
+kind: Deployment
+metadata:
+ name: nginx-deployment
+spec:
+ replicas: 3
+ template:
+ metadata:
+ labels:
+ app: nginx
+ spec:
+ containers:
+ - name: nginx
+ image: nginx:1.7.9
+ ports:
+ - containerPort: 80
+```
+
+#### 4. ???
+
+Lorem ipsum dolor it verberum.
+
+#### 5. Profit!
+
+Lorem ipsum dolor it verberum.
+
+{% endcapture %}
+
+{% include templates/task.md %}
\ No newline at end of file
diff --git a/images/docs/pod-overview.svg b/images/docs/pod-overview.svg
new file mode 100644
index 0000000000..3243c73d55
--- /dev/null
+++ b/images/docs/pod-overview.svg
@@ -0,0 +1,4 @@
+
+
+