+ Egestas erat imperdiet sed euismod nisi porta. Risus in hendrerit gravida rutrum.
+
+ Aliquam vestibulum morbi blandit cursus risus at ultrices
+
+ Nisi porta lorem mollis aliquam ut porttitor leo. Integer vitae justo eget
+` tag. In a Markdown
+document, use the backtick (`` ` ``).
+
+{{< table caption="Do and Don't - Use code style for filenames, directories, paths, object field names and namespaces" >}}
+|Do|Don't|
+|--- |--- |
+|The `kubectl run` command creates a Deployment.|The "kubectl run" command creates a Deployment.|
+|For declarative management, use `kubectl apply`.|For declarative management, use "kubectl apply".|
+|Use single backticks to enclose inline code. For example, `var example = true`.|Use two asterisks (`**`) or an underscore (`_`) to enclose inline code. For example, **var example = true**.|
+|Use triple backticks (\`\`\`) before and after a multi-line block of code for fenced code blocks.|Use multi-line blocks of code to create diagrams, flowcharts, or other illustrations.|
+|Use meaningful variable names that have a context.|Use variable names such as 'foo','bar', and 'baz' that are not meaningful and lack context.|
+|Remove trailing spaces in the code.|Add trailing spaces in the code, where these are important, because a screen reader will read out the spaces as well.|
+{{< /table >}}
+
+### Starting a sentence with a component tool or component name
+
+{{< table caption="Do and Don't - Starting a sentence with a component tool or component name" >}}
+|Do|Don't|
+|--- |--- |
+|The `kubeadm` tool bootstraps and provisions machines in a cluster.|`kubeadm` tool bootstraps and provisions machines in a cluster.|
+|The kube-scheduler is the default scheduler for Kubernetes.|kube-scheduler is the default scheduler for Kubernetes.|
+{{< /table >}}
+
+### Use normal style for string and integer field values
+
+For field values of type string or integer, use normal style without quotation marks.
+
+{{< table caption="Do and Don't - Use normal style for string and integer field values" >}}
+|Do|Don't|
+|--- |--- |
+|Set the value of `imagePullPolicy` to `Always`.|Set the value of `imagePullPolicy` to "Always".|
+|Set the value of `image` to `nginx:1.16`.|Set the value of `image` to nginx:1.16.|
+|Set the value of the `replicas` field to `2`.|Set the value of the `replicas` field to 2.|
+{{< /table >}}
+
+## Code snippet formatting
+
+
+### Don't include the command prompt
+
+{{< table caption="Do and Don't - Don't include the command prompt" >}}
+|Do|Don't|
+|--- |--- |
+|kubectl get pods|$ kubectl get pods|
+{{< /table >}}
+
+### Separate commands from output
+
+Verify that the Pod is running on your chosen node:
+
+```
+kubectl get pods --output=wide
+```
+
+The output is similar to this:
+
+```
+NAME READY STATUS RESTARTS AGE IP NODE
+nginx 1/1 Running 0 13s 10.200.0.4 worker0
+```
+
+## Cartogrpaher word list
+
+
+A list of Cartographer-specific terms and words to be used consistently across the site.
+
+{{< table caption="Cartographer word list" >}}
+|Trem|Usage|
+|--- |--- |
+|Kubernetes|Kubernetes should always be capitalized.|
+|Docker|Docker should always be capitalized.|
+|Cartographer|Cartographer should always be capitalized.|
+|VMware|VMware should always be correctly capitalized.|
+|On-premises|On-premises or on-prem rather than on-premise or other variations.|
+|Backup|Backup rather than back up, back-up or other variations.|
+|Plugin|Plugin rather than plug-in or other variations.|
+|Allowlist|Use allowlist instead of whitelist.|
+|Denylist|Use denylist instead of blacklist.|
+{{< /table >}}
+
+## Markdown elements
+
+### Headings
+People accessing this documentation may use a screen reader or other assistive technology (AT). [Screen readers](https://en.wikipedia.org/wiki/Screen_reader) are linear output devices, they output items on a page one at a time. If there is a lot of content on a page, you can use headings to give the page an internal structure. A good page structure helps all readers to easily navigate the page or filter topics of interest.
+
+{{< table caption="Do and Don't - Headings" >}}
+|Do|Don't|
+|--- |--- |
+|Include a title on each page or blog post.|Include more than one title headings (#) in a page.|
+|Use ordered headings to provide a meaningful high-level outline of your content.|Use headings level 4 through 6, unless it is absolutely necessary. If your content is that detailed, it may need to be broken into separate articles.|
+|Use sentence case for headings. For example, **Extend kubectl with plugins**|Use title case for headings. For example, **Extend Kubectl With Plugins**|
+{{< /table >}}
+
+### Paragraphs
+
+{{< table caption="Do and Don't - Paragraphs" >}}
+
+|Do|Don't|
+|--- |--- |
+|Try to keep paragraphs under 6 sentences.|Write long-winded paragraphs.|
+|Use three hyphens (`---`) to create a horizontal rule for breaks in paragraph content.|Use horizontal rules for decoration.|
+{{< /table >}}
+
+### Links
+
+{{< table caption="Do and Don't - Links" >}}
+|Do|Don't|
+|--- |--- |
+|Write hyperlinks that give you context for the content they link to. For example: Certain ports are open on your machines. See [check required ports](#check-required-ports) for more details.|Use ambiguous terms such as “click here”. For example: Certain ports are open on your machines. See [here](#check-required-ports) for more details.|
+|Write Markdown-style links: `[link text](URL)`. For example: `[community meeting agenda](https://hackmd.io/Jq6F5zqZR7S80CeDWUklkA)` and the output is [community meeting agenda](https://hackmd.io/Jq6F5zqZR7S80CeDWUklkA).|Write HTML-style links: `Visit our tutorial!`|
+{{< /table >}}
+
+
+### Lists
+
+Group items in a list that are related to each other and need to appear in a specific order or to indicate a correlation between multiple items. When a screen reader comes across a list—whether it is an ordered or unordered list—it will be announced to the user that there is a group of list items. The user can then use the arrow keys to move up and down between the various items in the list.
+Website navigation links can also be marked up as list items; after all they are nothing but a group of related links.
+
+ - End each item in a list with a period if one or more items in the list are complete sentences. For the sake of consistency, normally either all items or none should be complete sentences.
+
+ - Ordered lists that are part of an incomplete introductory sentence can be in lowercase and punctuated as if each item was a part of the introductory sentence.
+
+ - Use the number one (`1.`) for ordered lists.
+
+ - Use (`+`), (`*`), or (`-`) for unordered lists - be consistent within the same document.
+
+ - Leave a blank line after each list.
+
+ - Indent nested lists with four spaces (for example, ⋅⋅⋅⋅).
+
+ - List items may consist of multiple paragraphs. Each subsequent paragraph in a list item must be indented by either four spaces or one tab.
+
+### Tables
+
+The semantic purpose of a data table is to present tabular data. Sighted users can quickly scan the table but a screen reader goes through line by line. A table [caption](https://www.w3schools.com/tags/tag_caption.asp) is used to create a descriptive title for a data table. Assistive technologies (AT) use the HTML table caption element to identify the table contents to the user within the page structure.
+
+If you need to create a table, create the table in markdown and use the table [Hugo shortcode](https://gohugo.io/content-management/shortcodes/) to include a caption.
+
+```
+{{}}
+Parameter | Description | Default
+:---------|:------------|:-------
+`timeout` | The timeout for requests | `30s`
+`logLevel` | The log level for log output | `INFO`
+{{< /table */>}}
+
+```
+**Note:** This shortcode does not support markdown reference-style links. Use inline-style links in tables. See more information about [markdown link styles](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#links).
\ No newline at end of file
diff --git a/site/content/docs/v0.0.6/_index.md b/site/content/docs/v0.0.6/_index.md
new file mode 100644
index 000000000..cbb911e14
--- /dev/null
+++ b/site/content/docs/v0.0.6/_index.md
@@ -0,0 +1,39 @@
+---
+version: v0.0.6
+cascade:
+ layout: docs
+---
+
+## TLDR
+
+Cartographer is a Kubernetes native Supply Chain Choreographer. It allows App Operators to create pre-approved paths to production by integrating k8s resources with the elements of their existing toolchains (e.g. Jenkins).
+
+Each pre-approved supply chain creates a paved road to production; orchestrating supply chain components - test, build, scan, and deploy - allowing developers to be able to focus on delivering value to their users while also providing App Operators with the peace of mind that all code in production has passed through all of the steps of an approved workflow.
+
+## Cartographer Design and Philosophy
+
+Cartographer is a Kubernetes (K8s) native supply chain choreographer. In other words, Cartographer allows users to define all of the steps that an application must go through before reaching a production environment. Users can codify their paths to production using two abstractions:
+
+* Supply Chain ([Spec Reference](reference.md/#clustersupplychain))
+
+
+The supply chain allows users to define the steps that an application must pass through in order to create an image. The deliverable portion of a Cartographer workflow allows the user to define the steps that the built image must pass through. By combining supply chains with delivery, the entire path to production can be specified and thereby choreographed by Cartographer.
+
+The supply chain and delivery are not bound to a single cluster. Cartographer embraces a gitOps approach for image promotion across clusters - a gitOps repo is used to track the Kubernetes configuration that corresponds to a given application. The delivery portion will watch that same gitOps repository and initiate the second half of the path to prod whenever a new configuration is pushed to the repository.
+
+Both the supply chain and delivery consist of components that are specified via Templates. Each template acts as a wrapper for existing Kubernetes resources and allows them to be used with Cartographer. There are currently four different types of templates that can be use in a Cartographer supply chain or deliverable:
+
+* Source Template ([Spec Reference](reference.md/#clustersourcetemplate))
+* Image Template ([Spec Reference](reference.md/#clusterimagetemplate))
+* Opinion Template ([Spec Reference](reference.md/#clusterconfigtemplate))
+* Cluster Config Template ([Spec Reference](reference.md/#clustertemplate))
+
+ Contrary to many other Kubernetes native workflow tools that already exist in the market, Cartographer does not “run” any of the objects themselves. Instead, it monitors the execution of each component and templates the following component in the supply chain or delivery after a given component has completed execution and updated its status.
+
+The supply chain and delivery may also be extended to include integrations to existing CI and CD pipelines by using the Pipeline Service (which is part of Cartographer Core). The Pipeline Service acts as a wrapper for existing CI and CD tooling (with support for Tekton and Jenkins, and with supporting more providers in the future) and provides a declarative way for pipelines to be run inside of Cartographer.
+
+While the supply chain and delivery are both operator facing, Cartographer also provides an abstraction for developers called workloads ([Spec Reference](reference.md/#workload)). Workloads allow developers to specify application specifications such as the location of their repository, environment variables and service claims.
+
+By design, supply chains can be reused by many workloads. This allows an operator to specify the steps in the path to production a single time, and for developers to specify their applications independently but for each to use the same path to production. The intent is that developers are able to focus on providing value for their users and can reach production quickly and easily, while providing peace of mind for app operators, who are ensured that each application has passed through the steps of the path to production that they’ve defined.
+
+
\ No newline at end of file
diff --git a/site/content/docs/v0.0.6/about.md b/site/content/docs/v0.0.6/about.md
new file mode 100644
index 000000000..55bfad350
--- /dev/null
+++ b/site/content/docs/v0.0.6/about.md
@@ -0,0 +1,35 @@
+# About Cartographer
+
+## TLDR
+
+Cartographer is a Kubernetes native Supply Chain Choreographer. It allows App Operators to create pre-approved paths to production by integrating k8s resources with the elements of their existing toolchains (e.g. Jenkins).
+
+Each pre-approved supply chain creates a paved road to production; orchestrating supply chain components - test, build, scan, and deploy - allowing developers to be able to focus on delivering value to their users while also providing App Operators with the peace of mind that all code in production has passed through all of the steps of an approved workflow.
+
+## Cartographer Design and Philosophy
+
+Cartographer is a Kubernetes (K8s) native supply chain choreographer. In other words, Cartographer allows users to define all of the steps that an application must go through before reaching a production environment. Users can codify their paths to production using two abstractions:
+
+* Supply Chain ([Spec Reference](reference.md#clustersupplychain))
+* Deliverable ([Spec Reference](reference.md#deliverable))
+
+The supply chain allows users to define the steps that an application must pass through in order to create an image. The deliverable portion of a Cartographer workflow allows the user to define the steps that the built image must pass through. By combining supply chains with delivery, the entire path to production can be specified and thereby choreographed by Cartographer.
+
+The supply chain and delivery are not bound to a single cluster. Cartographer embraces a gitOps approach for image promotion across clusters - a gitOps repo is used to track the Kubernetes configuration that corresponds to a given application. The delivery portion will watch that same gitOps repository and initiate the second half of the path to prod whenever a new configuration is pushed to the repository.
+
+Both the supply chain and delivery consist of components that are specified via Templates. Each template acts as a wrapper for existing Kubernetes resources and allows them to be used with Cartographer. There are currently four different types of templates that can be use in a Cartographer supply chain or deliverable:
+
+* Source Template ([Spec Reference](reference.md#clustersoucetemplate))
+* Build Template ([Spec Reference](reference.md#clusterbuildtemplate))
+* Opinion Template ([Spec Reference](reference.md#clusteropiniontemplate))
+* Cluster Config Template ([Spec Reference](reference.md#clusterconfigtemplate))
+
+ Contrary to many other Kubernetes native workflow tools that already exist in the market, Cartographer does not “run” any of the objects themselves. Instead, it monitors the execution of each component and templates the following component in the supply chain or delivery after a given component has completed execution and updated its status.
+
+The supply chain and delivery may also be extended to include integrations to existing CI and CD pipelines by using the Pipeline Service (which is part of Cartographer Core). The Pipeline Service acts as a wrapper for existing CI and CD tooling (with support for Tekton and Jenkins, and with supporting more providers in the future) and provides a declarative way for pipelines to be run inside of Cartographer.
+
+While the supply chain and delivery are both operator facing, Cartographer also provides an abstraction for developers called workloads ([Spec Reference](reference.md#workload)). Workloads allow developers to specify application specifications such as the location of their repository, environment variables and service claims.
+
+By design, supply chains can be reused by many workloads. This allows an operator to specify the steps in the path to production a single time, and for developers to specify their applications independently but for each to use the same path to production. The intent is that developers are able to focus on providing value for their users and can reach production quickly and easily, while providing peace of mind for app operators, who are ensured that each application has passed through the steps of the path to production that they’ve defined.
+
+
diff --git a/site/content/docs/v0.0.6/examples.md b/site/content/docs/v0.0.6/examples.md
new file mode 100644
index 000000000..f17a08dea
--- /dev/null
+++ b/site/content/docs/v0.0.6/examples.md
@@ -0,0 +1,5 @@
+# Examples
+
+Check out the [examples directory] on our repository.
+
+[examples directory]: ../../../examples
diff --git a/site/content/docs/v0.0.6/install.md b/site/content/docs/v0.0.6/install.md
new file mode 100644
index 000000000..122c60a6c
--- /dev/null
+++ b/site/content/docs/v0.0.6/install.md
@@ -0,0 +1,3 @@
+# Installing Cartographer
+
+Check out [Cartographer on GitHub](https://github.com/vmware-tanzu/cartographer) for information regarding installation.
diff --git a/site/content/docs/v0.0.6/reference.md b/site/content/docs/v0.0.6/reference.md
new file mode 100644
index 000000000..5dd6cdc27
--- /dev/null
+++ b/site/content/docs/v0.0.6/reference.md
@@ -0,0 +1,448 @@
+# Spec Reference
+
+## GVK
+
+### Version
+
+All of the custom resources that Cartographer is working on are being written under `v1alpha1` to indicate that our first version of it is at the "alpha stability level", and that it's our first iteration on it.
+
+See [versions in CustomResourceDefinitions].
+
+[versions in CustomResourceDefinitions]: https://kubernetes.io/docs/tasks/extend-kubernetes/custom-resources/custom-resource-definition-versioning/
+
+
+### Group
+
+All of our custom resources under the `carto.run` group[^1].
+
+For instance:
+
+```yaml
+apiVersion: carto.run/v1alpha1
+kind: ClusterSupplyChain
+```
+
+## Resources
+
+Cartographer is composed of several custom resources, some of them being cluster-wide:
+
+- `ClusterSupplyChain`
+- `ClusterSourceTemplate`
+- `ClusterImageTemplate`
+- `ClusterConfigTemplate`
+- `ClusterTemplate`
+
+and two that are namespace-scoped:
+
+- `Workload`
+
+
+### Workload
+
+`Workload` allows the developer to pass information about the app to be delivered through the supply chain.
+
+
+```yaml
+apiVersion: carto.run/v1alpha1
+kind: Workload
+metadata:
+ name: spring-petclinic
+ labels:
+ # label to be matched against a `ClusterSupplyChain`s label selector.
+ #
+ app.tanzu.vmware.com/workload-type: web # (1)
+
+spec:
+ source:
+ # source code location in a git repository.
+ #
+ git:
+ url: https://github.com/scothis/spring-petclinic.git
+ ref:
+ branch: "main"
+ tag: "v0.0.1"
+ commit: "b4df00d"
+
+ # image containing the source code to be used throughout
+ # the supply chain
+ #
+ image: harbor-repo.vmware.com/tanzu_desktop/golang-sample-source@sha256:e508a587
+
+
+ # serviceClaims to be bound through service-bindings
+ #
+ serviceClaims:
+ - name: broker
+ ref:
+ apiVersion: services.tanzu.vmware.com/v1alpha1
+ kind: RabbitMQ
+ name: rabbit-broker
+
+
+ # image with the app already built
+ #
+ image: foo/docker-built@sha256:b4df00d # (2)
+
+ # environment variables to be passed to the main container
+ # running the application.
+ #
+ env:
+ - name: SPRING_PROFILES_ACTIVE
+ value: mysql
+
+
+ # resource constraints for the main application.
+ #
+ resources:
+ requests:
+ memory: 1Gi
+ cpu: 100m
+ limits:
+ memory: 1Gi
+ cpu: 4000m
+
+ # any other parameters that don't fit the ones already typed.
+ #
+ params:
+ - name: my-company.com/defaults/java-version
+ value: 11
+ - name: debug
+ value: true
+```
+
+notes:
+
+1. labels serve as a way of indirectly selecting `ClusterSupplyChain` - `Workload`s without labels that match a `ClusterSupplyChain`'s `spec.selector` won't be reconciled and will stay in an `Errored` state.
+
+2. `spec.image` is useful for enabling workflows that are not based on building the container image from within the supplychain, but outside.
+
+_ref: [pkg/apis/v1alpha1/workload.go](../../../pkg/apis/v1alpha1/workload.go)_
+
+
+### ClusterSupplyChain
+
+With a `ClusterSupplyChain`, app operators describe which "shape of applications" they deal with (via `spec.selector`), and what series of components are responsible for creating an artifact that delivers it (via `spec.components`).
+
+Those `Workload`s that match `spec.selector` then go through the components specified in `spec.components`.
+
+
+```yaml
+apiVersion: carto.run/v1alpha1
+kind: ClusterSupplyChain
+metadata:
+ name: supplychain
+spec:
+
+ # specifies the label key-value pair to select workloads. (required, one one)
+ #
+ selector:
+ app.tanzu.vmware.com/workload-type: web
+
+
+ # set of components that will take care of bringing the application to a
+ # deliverable state. (required, at least 1)
+ #
+ components:
+ # name of the component to be referenced by further components in the chain.
+ # (required, unique)
+ #
+ - name: source-provider
+ # object reference to a template object that instructs how to
+ # instantiate and keep the component up to date. (required)
+ #
+ templateRef:
+ kind: ClusterSourceTemplate
+ name: git-repository-battery
+
+ - name: built-image-provider
+ templateRef:
+ kind: ClusterImageTemplate
+ name: kpack-battery
+
+ # a set of components that provide source information, that is, url and
+ # revision.
+ #
+ # in a template, these can be consumed as:
+ #
+ # $(sources..url)$
+ # $(sources..revision)$
+ #
+ # if there is only one source, it can be consumed as:
+ #
+ # $(source.url)$
+ # $(sources.revision)$
+ #
+ # (optional)
+ sources:
+ # name of the component to provide the source information. (required)
+ #
+ - component: source-provider
+ # name to be referenced in the template via a query over the list of
+ # sources (for instance, `$(sources.provider.url)`.
+ #
+ # (required, unique in this list)
+ #
+ name: provider
+
+ # (optional) set of components that provide image information.
+ #
+ # in a template, these can be consumed as:
+ #
+ # $(images..image)
+ #
+ # if there is only one image, it can be consumed as:
+ #
+ # $(image)
+ #
+ images: []
+
+ # (optional) set of components that provide kubernetes configuration,
+ # for instance, podTemplateSpecs.
+ # in a template, these can be consumed as:
+ #
+ # $(configs..config)
+ #
+ # if there is only one config, it can be consumed as:
+ #
+ # $(config)
+ #
+ configs: []
+
+ # parameters to override the defaults from the templates.
+ # (optional)
+ # in a template, these can be consumed as:
+ #
+ # $(params.)
+ #
+ params:
+ # name of the parameter. (required, unique in this list, and must match
+ # template's pre-defined set of parameters)
+ #
+ - name: java-version
+ # value to be passed down to the template's parameters, supporting
+ # interpolation.
+ #
+ value: $(workload.spec.params[?(@.name=="nebhale-io/java-version")])$
+ - name: jvm
+ value: openjdk
+```
+
+
+_ref: [pkg/apis/v1alpha1/cluster_supply_chain.go](../../../pkg/apis/v1alpha1/cluster_supply_chain.go)_
+
+
+### ClusterSourceTemplate
+
+`ClusterSourceTemplate` indicates how the supply chain could instantiate a provider of source code information (url and revision).
+
+
+```yaml
+apiVersion: carto.run/v1alpha1
+kind: ClusterSourceTemplate
+metadata:
+ name: git-repository-battery
+spec:
+ # default set of parameters. (optional)
+ #
+ params:
+ # name of the parameter (required, unique in this list)
+ #
+ - name: git-implementation
+ # default value if not specified in the component that references
+ # this templateClusterSupplyChain (required)
+ #
+ default: libgit2
+
+ # jsonpath expression to instruct where in the object templated out source
+ # code url information can be found. (required)
+ #
+ urlPath: .status.artifact.url
+
+ # jsonpath expression to instruct where in the object templated out
+ # source code revision information can be found. (required)
+ #
+ revisionPath: .status.artifact.revision
+
+ # template for instantiating the source provider.
+ #
+ # data available for interpolation (`$()$`:
+ #
+ # - workload (access to the whole workload object)
+ # - params
+ # - sources (if specified in the supply chain)
+ # - images (if specified in the supply chain)
+ # - configs (if specified in the supply chain)
+ #
+ # (required)
+ #
+ template:
+ apiVersion: source.toolkit.fluxcd.io/v1beta1
+ kind: GitRepository
+ metadata:
+ name: $(workload.metadata.name)$-source
+ spec:
+ interval: 3m
+ url: $(workload.spec.source.git.url)$
+ ref: $(workload.spec.source.git.ref)$
+ gitImplementation: $(params.git-implementation.value)$
+ ignore: ""
+```
+
+_ref: [pkg/apis/v1alpha1/cluster_source_template.go](../../../pkg/apis/v1alpha1/cluster_source_template.go)_
+
+
+### ClusterImageTemplate
+
+`ClusterImageTemplate` instructs how the supply chain should instantiate an object responsible for supplying container images, for instance, one that takes source code, builds a container image out of it and presents under its `.status` the reference to that produced image.
+
+
+```yaml
+apiVersion: carto.run/v1alpha1
+kind: ClusterImageTemplate
+metadata:
+ name: kpack-battery
+spec:
+ # default set of parameters. see ClusterSourceTemplate for more
+ # information. (optional)
+ #
+ params: []
+
+ # jsonpath expression to instruct where in the object templated out container
+ # image information can be found. (required)
+ #
+ imagePath: .status.latestImage
+
+ # template for instantiating the image provider.
+ # same data available for interpolation as any other `*Template`. (required)
+ #
+ template:
+ apiVersion: kpack.io/v1alpha1
+ kind: Image
+ metadata:
+ name: $(workload.metadata.name)$-image
+ spec:
+ tag: projectcartographer/demo/$(workload.metadata.name)$
+ serviceAccount: service-account
+ builder:
+ kind: ClusterBuilder
+ name: java-builder
+ source:
+ blob:
+ url: $(sources.provider.url)$
+```
+
+_ref: [pkg/apis/v1alpha1/cluster_image_template.go](../../../pkg/apis/v1alpha1/cluster_image_template.go)_
+
+### ClusterConfigTemplate
+
+Instructs the supply chain how to instantiate a Kubernetes object that knows how to make Kubernetes configurations available to further components in the chain.
+
+For instance, a resource that given an image, exposes a complete `podTemplateSpec` to be embedded in a knative service.
+
+```yaml
+apiVersion: carto.run/v1alpha1
+kind: ClusterConfigTemplate
+metadata:
+ name: convention-service-battery
+spec:
+ # default parameters. see ClusterSourceTemplate for more info. (optional)
+ #
+ params: []
+
+ # jsonpath expression to instruct where in the object templated out an
+ # a kubernetes configuration can be found (required)
+ #
+ configPath: .status.template
+
+ # how to template out the kubernetes object. (required)
+ #
+ template:
+ apiVersion: opinions.local/v1alpha1
+ kind: WorkloadDecorator
+ metadata:
+ name: $(workload.metadata.name)$-workload-template
+ spec:
+ template:
+ metadata:
+ labels:
+ app.kubernetes.io/part-of: $(workload.metadata.name)$
+ annotations:
+ autoscaling.knative.dev/minScale: "1"
+ autoscaling.knative.dev/maxScale: "1"
+ spec:
+ containers:
+ - name: workload
+ image: $(images.solo-image-provider.image)$
+ env: $(workload.spec.env)$
+ resources: $(workload.spec.resources)$
+ securityContext:
+ runAsUser: 1000
+ imagePullSecrets:
+ - name: registry-credentials
+```
+
+_ref: [pkg/apis/v1alpha1/cluster_config_template.go](../../../pkg/apis/v1alpha1/cluster_config_template.go)_
+
+
+### ClusterTemplate
+
+A ClusterTemplate instructs the supply chain to instantiate a Kubernetes object that has no outputs to be supplied to other objects in the chain, for instance, a resource that deploys a container image that has been built by other ancestor components.
+
+
+```yaml
+apiVersion: carto.run/v1alpha1
+kind: ConfigTemplate
+metadata:
+ name: deployer
+spec:
+ # default parameters. see ClusterSourceTemplate for more info. (optional)
+ #
+ params: []
+
+ # how to template out the kubernetes object. (required)
+ #
+ template:
+ apiVersion: kappctrl.k14s.io/v1alpha1
+ kind: App
+ metadata:
+ name: $(workload.metadata.name)
+ spec:
+ serviceAccountName: service-account
+ fetch:
+ - inline:
+ paths:
+ manifest.yml: |
+ ---
+ apiVersion: kapp.k14s.io/v1alpha1
+ kind: Config
+ rebaseRules:
+ - path: [metadata, annotations, serving.knative.dev/creator]
+ type: copy
+ sources: [new, existing]
+ resourceMatchers: &matchers
+ - apiVersionKindMatcher: {apiVersion: serving.knative.dev/v1, kind: Service}
+ - path: [metadata, annotations, serving.knative.dev/lastModifier]
+ type: copy
+ sources: [new, existing]
+ resourceMatchers: *matchers
+ ---
+ apiVersion: serving.knative.dev/v1
+ kind: Service
+ metadata:
+ name: links
+ labels:
+ app.kubernetes.io/part-of: $(workload.metadata.labels['app\.kubernetes\.io/part-of'])$
+ spec:
+ template:
+ spec:
+ containers:
+ - image: $(images..image)$
+ securityContext:
+ runAsUser: 1000
+ template:
+ - ytt: {}
+ deploy:
+ - kapp: {}
+```
+
+_ref: [pkg/apis/v1alpha1/cluster_template.go](../../../pkg/apis/v1alpha1/cluster_template.go)_
diff --git a/site/content/docs/v0.0.6/style-guide.md b/site/content/docs/v0.0.6/style-guide.md
new file mode 100644
index 000000000..322c486bd
--- /dev/null
+++ b/site/content/docs/v0.0.6/style-guide.md
@@ -0,0 +1,337 @@
+_This style guide is adapted from the [Velero Style Guide](https://github.com/vmware-tanzu/velero/blob/main/site/content/docs/v1.6/style-guide.md)._
+
+This page outlines writing style guidelines for the Cartographer documentation and you should use this page as a reference you write or edit content. Note that these are guidelines, not rules. Use your best judgment as you write documentation, and feel free to propose changes to these guidelines. Changes to the style guide are made by the Cartographer maintainers as a group. To propose a change or addition create an issue/PR.
+
+## Content best practices
+### Use present tense
+
+{{< table caption="Do and Don't - Use present tense" >}}
+|Do|Don't|
+|--- |--- |
+|This `command` starts a proxy.|This command will start a proxy.|
+{{< /table >}}
+
+Exception: Use future or past tense if it is required to convey the correct meaning.
+
+### Use active voice
+
+{{< table caption="Do and Don't - Use active voice" >}}
+|Do|Don't|
+|--- |--- |
+|You can explore the API using a browser.|The API can be explored using a browser.|
+|The YAML file specifies the replica count.|The replica count is specified in the YAML file.|
+{{< /table >}}
+
+Exception: Use passive voice if active voice leads to an awkward sentence construction.
+
+### Use simple and direct language
+
+Use simple and direct language. Avoid using unnecessary phrases, such as saying "please."
+
+{{< table caption="Do and Don't - Use simple and direct language" >}}
+|Do|Don't|
+|--- |--- |
+|To create a ReplicaSet, ...|In order to create a ReplicaSet, ...|
+|See the configuration file.|Please see the configuration file.|
+|View the Pods.|With this next command, we'll view the Pods.|
+{{< /table >}}
+
+### Address the reader as "you"
+
+{{< table caption="Do and Don't - Addressing the reader" >}}
+|Do|Don't|
+|--- |--- |
+|You can create a Deployment by ...|We'll create a Deployment by ...|
+|In the preceding output, you can see...|In the preceding output, we can see ...|
+{{< /table >}}
+
+### Avoid Latin phrases
+
+Prefer English terms over Latin abbreviations.
+
+{{< table caption="Do and Don't - Avoid Latin phrases" >}}
+|Do|Don't|
+|--- |--- |
+|For example, ...|e.g., ...|
+|That is, ...|i.e., ...|
+{{< /table >}}
+
+Exception: Use "etc." for et cetera.
+
+## Patterns to avoid
+
+
+### Avoid using "we"
+
+Using "we" in a sentence can be confusing, because the reader might not know
+whether they're part of the "we" you're describing.
+
+{{< table caption="Do and Don't - Avoid using we" >}}
+|Do|Don't|
+|--- |--- |
+|Version 1.4 includes ...|In version 1.4, we have added ...|
+|Kubernetes provides a new feature for ...|We provide a new feature ...|
+|This page teaches you how to use Pods.|In this page, we are going to learn about Pods.|
+{{< /table >}}
+
+### Avoid jargon and idioms
+
+Many readers speak English as a second language. Avoid jargon and idioms to help them understand better.
+
+{{< table caption="Do and Don't - Avoid jargon and idioms" >}}
+|Do|Don't|
+|--- |--- |
+|Internally, ...|Under the hood, ...|
+|Create a new cluster.|Turn up a new cluster.|
+{{< /table >}}
+
+### Avoid statements about the future or that will soon be out of date
+
+Avoid making promises or giving hints about the future. If you need to talk about
+a beta feature, put the text under a heading that identifies it as beta
+information.
+
+Also avoid words like “recently”, "currently" and "new." A feature that is new today might not be
+considered new in a few months.
+
+{{< table caption="Do and Don't - Avoid statements that will soon be out of date" >}}
+|Do|Don't|
+|--- |--- |
+|In version 1.4, ...|In the current version, ...|
+|The Federation feature provides ...|The new Federation feature provides ...|
+{{< /table >}}
+
+### Language
+
+This documentation uses U.S. English spelling and grammar.
+
+## Documentation formatting standards
+
+### Use camel case for API objects
+
+When you refer to an API object, use the same uppercase and lowercase letters
+that are used in the actual object name. Typically, the names of API
+objects use
+[camel case](https://en.wikipedia.org/wiki/Camel_case).
+
+Don't split the API object name into separate words. For example, use
+PodTemplateList, not Pod Template List.
+
+Refer to API objects without saying "object," unless omitting "object"
+leads to an awkward sentence construction.
+
+{{< table caption="Do and Don't - Do and Don't - API objects" >}}
+|Do|Don't|
+|--- |--- |
+|The Pod has two containers.|The pod has two containers.|
+|The Deployment is responsible for ...|The Deployment object is responsible for ...|
+|A PodList is a list of Pods.|A Pod List is a list of pods.|
+|The two ContainerPorts ...|The two ContainerPort objects ...|
+|The two ContainerStateTerminated objects ...|The two ContainerStateTerminateds ...|
+{{< /table >}}
+
+### Use angle brackets for placeholders
+
+Use angle brackets for placeholders. Tell the reader what a placeholder represents.
+
+1. Display information about a Pod:
+
+ kubectl describe pod -n
+
+ If the pod is in the default namespace, you can omit the '-n' parameter.
+
+### Use bold for user interface elements
+
+{{< table caption="Do and Don't - Bold interface elements" >}}
+|Do|Don't|
+|--- |--- |
+|Click **Fork**.|Click "Fork".|
+|Select **Other**.|Select "Other".|
+{{< /table >}}
+
+### Use italics to define or introduce new terms
+
+{{< table caption="Do and Don't - Use italics for new terms" >}}
+|Do|Don't|
+|--- |--- |
+|A _cluster_ is a set of nodes ...|A "cluster" is a set of nodes ...|
+|These components form the _control plane_.|These components form the **control plane**.|
+{{< /table >}}
+
+### Use code style for filenames, directories, paths, object field names and namespaces
+{{< table caption="Do and Don't - Use code style for filenames, directories, paths, object field names and namespaces" >}}
+|Do|Don't|
+|--- |--- |
+|Open the `envars.yaml` file.|Open the envars.yaml file.|
+|Go to the `/docs/tutorials` directory.|Go to the /docs/tutorials directory.|
+|Open the `/_data/concepts.yaml` file.|Open the /\_data/concepts.yaml file.|
+{{< /table >}}
+
+
+### Use punctuation inside quotes
+{{< table caption="Do and Don't - Use code style for filenames, directories, paths, object field names and namespaces" >}}
+|Do|Don't|
+|--- |--- |
+|events are recorded with an associated "stage."|events are recorded with an associated "stage".|
+|The copy is called a "fork."|The copy is called a "fork".|
+{{< /table >}}
+
+Exception: When the quoted word is a user input.
+
+Example:
+* My user ID is “IM47g”.
+* Did you try the password “mycatisawesome”?
+
+## Inline code formatting
+
+
+### Use code style for inline code and commands
+
+For inline code in an HTML document, use the `` tag. In a Markdown
+document, use the backtick (`` ` ``).
+
+{{< table caption="Do and Don't - Use code style for filenames, directories, paths, object field names and namespaces" >}}
+|Do|Don't|
+|--- |--- |
+|The `kubectl run` command creates a Deployment.|The "kubectl run" command creates a Deployment.|
+|For declarative management, use `kubectl apply`.|For declarative management, use "kubectl apply".|
+|Use single backticks to enclose inline code. For example, `var example = true`.|Use two asterisks (`**`) or an underscore (`_`) to enclose inline code. For example, **var example = true**.|
+|Use triple backticks (\`\`\`) before and after a multi-line block of code for fenced code blocks.|Use multi-line blocks of code to create diagrams, flowcharts, or other illustrations.|
+|Use meaningful variable names that have a context.|Use variable names such as 'foo','bar', and 'baz' that are not meaningful and lack context.|
+|Remove trailing spaces in the code.|Add trailing spaces in the code, where these are important, because a screen reader will read out the spaces as well.|
+{{< /table >}}
+
+### Starting a sentence with a component tool or component name
+
+{{< table caption="Do and Don't - Starting a sentence with a component tool or component name" >}}
+|Do|Don't|
+|--- |--- |
+|The `kubeadm` tool bootstraps and provisions machines in a cluster.|`kubeadm` tool bootstraps and provisions machines in a cluster.|
+|The kube-scheduler is the default scheduler for Kubernetes.|kube-scheduler is the default scheduler for Kubernetes.|
+{{< /table >}}
+
+### Use normal style for string and integer field values
+
+For field values of type string or integer, use normal style without quotation marks.
+
+{{< table caption="Do and Don't - Use normal style for string and integer field values" >}}
+|Do|Don't|
+|--- |--- |
+|Set the value of `imagePullPolicy` to `Always`.|Set the value of `imagePullPolicy` to "Always".|
+|Set the value of `image` to `nginx:1.16`.|Set the value of `image` to nginx:1.16.|
+|Set the value of the `replicas` field to `2`.|Set the value of the `replicas` field to 2.|
+{{< /table >}}
+
+## Code snippet formatting
+
+
+### Don't include the command prompt
+
+{{< table caption="Do and Don't - Don't include the command prompt" >}}
+|Do|Don't|
+|--- |--- |
+|kubectl get pods|$ kubectl get pods|
+{{< /table >}}
+
+### Separate commands from output
+
+Verify that the Pod is running on your chosen node:
+
+```
+kubectl get pods --output=wide
+```
+
+The output is similar to this:
+
+```
+NAME READY STATUS RESTARTS AGE IP NODE
+nginx 1/1 Running 0 13s 10.200.0.4 worker0
+```
+
+## Cartogrpaher word list
+
+
+A list of Cartographer-specific terms and words to be used consistently across the site.
+
+{{< table caption="Cartographer word list" >}}
+|Trem|Usage|
+|--- |--- |
+|Kubernetes|Kubernetes should always be capitalized.|
+|Docker|Docker should always be capitalized.|
+|Cartographer|Cartographer should always be capitalized.|
+|VMware|VMware should always be correctly capitalized.|
+|On-premises|On-premises or on-prem rather than on-premise or other variations.|
+|Backup|Backup rather than back up, back-up or other variations.|
+|Plugin|Plugin rather than plug-in or other variations.|
+|Allowlist|Use allowlist instead of whitelist.|
+|Denylist|Use denylist instead of blacklist.|
+{{< /table >}}
+
+## Markdown elements
+
+### Headings
+People accessing this documentation may use a screen reader or other assistive technology (AT). [Screen readers](https://en.wikipedia.org/wiki/Screen_reader) are linear output devices, they output items on a page one at a time. If there is a lot of content on a page, you can use headings to give the page an internal structure. A good page structure helps all readers to easily navigate the page or filter topics of interest.
+
+{{< table caption="Do and Don't - Headings" >}}
+|Do|Don't|
+|--- |--- |
+|Include a title on each page or blog post.|Include more than one title headings (#) in a page.|
+|Use ordered headings to provide a meaningful high-level outline of your content.|Use headings level 4 through 6, unless it is absolutely necessary. If your content is that detailed, it may need to be broken into separate articles.|
+|Use sentence case for headings. For example, **Extend kubectl with plugins**|Use title case for headings. For example, **Extend Kubectl With Plugins**|
+{{< /table >}}
+
+### Paragraphs
+
+{{< table caption="Do and Don't - Paragraphs" >}}
+
+|Do|Don't|
+|--- |--- |
+|Try to keep paragraphs under 6 sentences.|Write long-winded paragraphs.|
+|Use three hyphens (`---`) to create a horizontal rule for breaks in paragraph content.|Use horizontal rules for decoration.|
+{{< /table >}}
+
+### Links
+
+{{< table caption="Do and Don't - Links" >}}
+|Do|Don't|
+|--- |--- |
+|Write hyperlinks that give you context for the content they link to. For example: Certain ports are open on your machines. See [check required ports](#check-required-ports) for more details.|Use ambiguous terms such as “click here”. For example: Certain ports are open on your machines. See [here](#check-required-ports) for more details.|
+|Write Markdown-style links: `[link text](URL)`. For example: `[community meeting agenda](https://hackmd.io/Jq6F5zqZR7S80CeDWUklkA)` and the output is [community meeting agenda](https://hackmd.io/Jq6F5zqZR7S80CeDWUklkA).|Write HTML-style links: `Visit our tutorial!`|
+{{< /table >}}
+
+
+### Lists
+
+Group items in a list that are related to each other and need to appear in a specific order or to indicate a correlation between multiple items. When a screen reader comes across a list—whether it is an ordered or unordered list—it will be announced to the user that there is a group of list items. The user can then use the arrow keys to move up and down between the various items in the list.
+Website navigation links can also be marked up as list items; after all they are nothing but a group of related links.
+
+ - End each item in a list with a period if one or more items in the list are complete sentences. For the sake of consistency, normally either all items or none should be complete sentences.
+
+ - Ordered lists that are part of an incomplete introductory sentence can be in lowercase and punctuated as if each item was a part of the introductory sentence.
+
+ - Use the number one (`1.`) for ordered lists.
+
+ - Use (`+`), (`*`), or (`-`) for unordered lists - be consistent within the same document.
+
+ - Leave a blank line after each list.
+
+ - Indent nested lists with four spaces (for example, ⋅⋅⋅⋅).
+
+ - List items may consist of multiple paragraphs. Each subsequent paragraph in a list item must be indented by either four spaces or one tab.
+
+### Tables
+
+The semantic purpose of a data table is to present tabular data. Sighted users can quickly scan the table but a screen reader goes through line by line. A table [caption](https://www.w3schools.com/tags/tag_caption.asp) is used to create a descriptive title for a data table. Assistive technologies (AT) use the HTML table caption element to identify the table contents to the user within the page structure.
+
+If you need to create a table, create the table in markdown and use the table [Hugo shortcode](https://gohugo.io/content-management/shortcodes/) to include a caption.
+
+```
+{{}}
+Parameter | Description | Default
+:---------|:------------|:-------
+`timeout` | The timeout for requests | `30s`
+`logLevel` | The log level for log output | `INFO`
+{{< /table */>}}
+
+```
+**Note:** This shortcode does not support markdown reference-style links. Use inline-style links in tables. See more information about [markdown link styles](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#links).
\ No newline at end of file
diff --git a/site/content/plugins/_index.md b/site/content/plugins/_index.md
new file mode 100644
index 000000000..041198ff9
--- /dev/null
+++ b/site/content/plugins/_index.md
@@ -0,0 +1,14 @@
+---
+title: Plugins
+description: Plugins
+id: plugins
+
+---
+
+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing [link 1][1], elit sed do eiusmod tempor [link 2][2], incididunt ut labore et dolore magna aliqua[link 3][3].
+
+[1]: https://github.com/vmware-tanzu
+[2]: https://github.com/vmware-tanzu
+[3]: https://github.com/vmware-tanzu
\ No newline at end of file
diff --git a/site/content/plugins/list/01-plugin-example.md b/site/content/plugins/list/01-plugin-example.md
new file mode 100644
index 000000000..aa98ddb22
--- /dev/null
+++ b/site/content/plugins/list/01-plugin-example.md
@@ -0,0 +1,8 @@
+---
+title: Plugin Title One
+link: https://github.com/vmware-tanzu
+objectStorage: true
+volumesnapshotter: true
+supportedByVeleroTeam: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
\ No newline at end of file
diff --git a/site/content/plugins/list/02-plugin-example.md b/site/content/plugins/list/02-plugin-example.md
new file mode 100644
index 000000000..2880b2475
--- /dev/null
+++ b/site/content/plugins/list/02-plugin-example.md
@@ -0,0 +1,8 @@
+---
+title: Plugin Title Two
+link: https://github.com/vmware-tanzu
+objectStorage: true
+volumesnapshotter: true
+supportedByVeleroTeam: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
diff --git a/site/content/plugins/list/03-plugin-example.md b/site/content/plugins/list/03-plugin-example.md
new file mode 100644
index 000000000..d26679467
--- /dev/null
+++ b/site/content/plugins/list/03-plugin-example.md
@@ -0,0 +1,8 @@
+---
+title: Plugin Title Three
+link: https://github.com/vmware-tanzu
+objectStorage: true
+volumesnapshotter: true
+supportedByVeleroTeam: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/plugins/list/04-plugin-example.md b/site/content/plugins/list/04-plugin-example.md
new file mode 100644
index 000000000..5f3f6290c
--- /dev/null
+++ b/site/content/plugins/list/04-plugin-example.md
@@ -0,0 +1,9 @@
+---
+title: Plugin Title Four
+link: https://github.com/vmware-tanzu
+objectStorage: false
+volumesnapshotter: true
+localStorage: true
+supportedByVeleroTeam: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
\ No newline at end of file
diff --git a/site/content/plugins/list/05-plugin-example.md b/site/content/plugins/list/05-plugin-example.md
new file mode 100644
index 000000000..96cfc82dd
--- /dev/null
+++ b/site/content/plugins/list/05-plugin-example.md
@@ -0,0 +1,7 @@
+---
+title: Plugin Title Five
+link: https://github.com/vmware-tanzu
+objectStorage: true
+volumesnapshotter: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
\ No newline at end of file
diff --git a/site/content/plugins/list/06-plugin-example.md b/site/content/plugins/list/06-plugin-example.md
new file mode 100644
index 000000000..22ddd1fad
--- /dev/null
+++ b/site/content/plugins/list/06-plugin-example.md
@@ -0,0 +1,7 @@
+---
+title: Plugin Title Six
+link: https://github.com/vmware-tanzu
+objectStorage: true
+volumesnapshotter: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
\ No newline at end of file
diff --git a/site/content/plugins/list/07-plugin-example.md b/site/content/plugins/list/07-plugin-example.md
new file mode 100644
index 000000000..9591528ea
--- /dev/null
+++ b/site/content/plugins/list/07-plugin-example.md
@@ -0,0 +1,7 @@
+---
+title: Plugin Title Seven
+link: https://github.com/vmware-tanzu
+objectStorage: false
+volumesnapshotter: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
\ No newline at end of file
diff --git a/site/content/plugins/list/08-plugin-example.md b/site/content/plugins/list/08-plugin-example.md
new file mode 100644
index 000000000..9771129dc
--- /dev/null
+++ b/site/content/plugins/list/08-plugin-example.md
@@ -0,0 +1,8 @@
+---
+title: Plugin Title Eight
+link: https://github.com/vmware-tanzu
+objectStorage: false
+volumesnapshotter: true
+localStorage: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
\ No newline at end of file
diff --git a/site/content/plugins/list/09-plugin-example.md b/site/content/plugins/list/09-plugin-example.md
new file mode 100644
index 000000000..d4f8f0dcc
--- /dev/null
+++ b/site/content/plugins/list/09-plugin-example.md
@@ -0,0 +1,7 @@
+---
+title: Plugin Title Nine
+link: https://github.com/vmware-tanzu
+BackupItemAction: true
+RestoreItemAction: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
\ No newline at end of file
diff --git a/site/content/plugins/list/10-plugin-example.md b/site/content/plugins/list/10-plugin-example.md
new file mode 100644
index 000000000..ed3efd23a
--- /dev/null
+++ b/site/content/plugins/list/10-plugin-example.md
@@ -0,0 +1,8 @@
+---
+title: Plugin Title Ten
+link: https://github.com/vmware-tanzu
+objectStorage: false
+volumesnapshotter: true
+localStorage: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
\ No newline at end of file
diff --git a/site/content/plugins/list/11-plugin-example.md b/site/content/plugins/list/11-plugin-example.md
new file mode 100644
index 000000000..7334c0382
--- /dev/null
+++ b/site/content/plugins/list/11-plugin-example.md
@@ -0,0 +1,8 @@
+---
+title: Plugin Title Eleven
+link: https://github.com/vmware-tanzu
+objectStorage: true
+volumesnapshotter: false
+localStorage: false
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
\ No newline at end of file
diff --git a/site/content/plugins/list/12-plugin-example.md b/site/content/plugins/list/12-plugin-example.md
new file mode 100644
index 000000000..764a42a5e
--- /dev/null
+++ b/site/content/plugins/list/12-plugin-example.md
@@ -0,0 +1,10 @@
+---
+title: Plugin Title Twelve
+link: https://github.com/vmware-tanzu
+objectStorage: false
+volumesnapshotter: true
+localStorage: true
+beta: true
+supportedByVeleroTeam: true
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
\ No newline at end of file
diff --git a/site/content/plugins/list/index.md b/site/content/plugins/list/index.md
new file mode 100644
index 000000000..3d65eaa0f
--- /dev/null
+++ b/site/content/plugins/list/index.md
@@ -0,0 +1,3 @@
+---
+headless: true
+---
\ No newline at end of file
diff --git a/site/content/posts/_index.md b/site/content/posts/_index.md
new file mode 100644
index 000000000..66b203b2e
--- /dev/null
+++ b/site/content/posts/_index.md
@@ -0,0 +1,8 @@
+---
+title: "Blog"
+id: blog
+url: /blog
+outputs: ["HTML", "RSS"]
+layout: listß
+---
+
diff --git a/site/content/posts/blog-article-1.md b/site/content/posts/blog-article-1.md
new file mode 100644
index 000000000..07871b78f
--- /dev/null
+++ b/site/content/posts/blog-article-1.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 01"
+slug: blog-article-1
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-10.md b/site/content/posts/blog-article-10.md
new file mode 100644
index 000000000..f34e6a80d
--- /dev/null
+++ b/site/content/posts/blog-article-10.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 10"
+slug: blog-article-10
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-11.md b/site/content/posts/blog-article-11.md
new file mode 100644
index 000000000..a6e5e9acc
--- /dev/null
+++ b/site/content/posts/blog-article-11.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 11"
+slug: blog-article-11
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-12.md b/site/content/posts/blog-article-12.md
new file mode 100644
index 000000000..b8e53cb53
--- /dev/null
+++ b/site/content/posts/blog-article-12.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 12"
+slug: blog-article-12
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-13.md b/site/content/posts/blog-article-13.md
new file mode 100644
index 000000000..a0a4b2060
--- /dev/null
+++ b/site/content/posts/blog-article-13.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 13"
+slug: blog-article-13
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-14.md b/site/content/posts/blog-article-14.md
new file mode 100644
index 000000000..d19ab892a
--- /dev/null
+++ b/site/content/posts/blog-article-14.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 14"
+slug: blog-article-14
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-15.md b/site/content/posts/blog-article-15.md
new file mode 100644
index 000000000..ee35b5ec6
--- /dev/null
+++ b/site/content/posts/blog-article-15.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 15"
+slug: blog-article-15
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-16.md b/site/content/posts/blog-article-16.md
new file mode 100644
index 000000000..d4723399f
--- /dev/null
+++ b/site/content/posts/blog-article-16.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 16"
+slug: blog-article-16
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-17.md b/site/content/posts/blog-article-17.md
new file mode 100644
index 000000000..5feeb9e9d
--- /dev/null
+++ b/site/content/posts/blog-article-17.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 17"
+slug: blog-article-17
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-18.md b/site/content/posts/blog-article-18.md
new file mode 100644
index 000000000..c9bc65bd5
--- /dev/null
+++ b/site/content/posts/blog-article-18.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 18"
+slug: blog-article-18
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-19.md b/site/content/posts/blog-article-19.md
new file mode 100644
index 000000000..af746a984
--- /dev/null
+++ b/site/content/posts/blog-article-19.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 19"
+slug: blog-article-19
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-2.md b/site/content/posts/blog-article-2.md
new file mode 100644
index 000000000..8b2be437d
--- /dev/null
+++ b/site/content/posts/blog-article-2.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 02"
+slug: blog-article-2
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-20.md b/site/content/posts/blog-article-20.md
new file mode 100644
index 000000000..c46f2250f
--- /dev/null
+++ b/site/content/posts/blog-article-20.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 20"
+slug: blog-article-20
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-3.md b/site/content/posts/blog-article-3.md
new file mode 100644
index 000000000..cc97fad0a
--- /dev/null
+++ b/site/content/posts/blog-article-3.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 03"
+slug: blog-article-3
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-4.md b/site/content/posts/blog-article-4.md
new file mode 100644
index 000000000..31eb0b2de
--- /dev/null
+++ b/site/content/posts/blog-article-4.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 04"
+slug: blog-article-4
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-5.md b/site/content/posts/blog-article-5.md
new file mode 100644
index 000000000..a973c01cc
--- /dev/null
+++ b/site/content/posts/blog-article-5.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 05"
+slug: blog-article-5
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-6.md b/site/content/posts/blog-article-6.md
new file mode 100644
index 000000000..550c74da7
--- /dev/null
+++ b/site/content/posts/blog-article-6.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 06"
+slug: blog-article-6
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-7.md b/site/content/posts/blog-article-7.md
new file mode 100644
index 000000000..24f96bba3
--- /dev/null
+++ b/site/content/posts/blog-article-7.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 07"
+slug: blog-article-7
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-8.md b/site/content/posts/blog-article-8.md
new file mode 100644
index 000000000..98fa00278
--- /dev/null
+++ b/site/content/posts/blog-article-8.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 08"
+slug: blog-article-8
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/posts/blog-article-9.md b/site/content/posts/blog-article-9.md
new file mode 100644
index 000000000..137ce96a4
--- /dev/null
+++ b/site/content/posts/blog-article-9.md
@@ -0,0 +1,17 @@
+---
+title: "Blog Article 09"
+slug: blog-article-9
+date: 2020-09-16
+author: Magna Fringilla
+image: /img/blog-placeholder.png
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+tags: ['Magna Fringilla']
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
+
+#### Justo eget magna fermentum iaculis eu non diam
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/site/content/resources/_index.html b/site/content/resources/_index.html
new file mode 100644
index 000000000..0f403dc37
--- /dev/null
+++ b/site/content/resources/_index.html
@@ -0,0 +1,75 @@
+
+
+---
+layout: page
+title: Resources
+description: Sonobuoy Resources
+id: resources
+---
+
+
+
+ Resources
+
+
+
+ Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Officia deserunt:
+
+
+
+
+
+
+
+
+ Anim id est laborum:
+
+
+
+
+
\ No newline at end of file
diff --git a/site/data/docs/toc-mapping.yml b/site/data/docs/toc-mapping.yml
new file mode 100644
index 000000000..7aaec1143
--- /dev/null
+++ b/site/data/docs/toc-mapping.yml
@@ -0,0 +1,20 @@
+# Copyright 2021 VMware
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+# This file can be used to explicitly map a release to a specific table-of-contents
+# (TOC). You'll want to use this after any revamps to information architecture, to ensure
+# that the navigation for older versions still work.
+
+v0.0.6: v0-0-6-toc
+
diff --git a/site/data/docs/v0-0-6-toc.yml b/site/data/docs/v0-0-6-toc.yml
new file mode 100644
index 000000000..aae5192ce
--- /dev/null
+++ b/site/data/docs/v0-0-6-toc.yml
@@ -0,0 +1,44 @@
+# Copyright 2021 VMware
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+toc:
+ - title: About Cartographer
+ subfolderitems:
+ - page: About
+ url: /
+ - title: Install
+ subfolderitems:
+ - page: Installing Cartographer
+ url: /install
+ - title: Reference
+ subfolderitems:
+ - page: CRD Reference
+ url: /reference
+ - title: Examples
+ subfolderitems:
+ - page: Examples
+ url: /examples
+ - title: Documentation Style Guide
+ subfolderitems:
+ - page: Style Guide
+ url: /style-guide
+
+ # - page: Scope 2
+ # url: /scope
+ # - page: Scope 3
+ # url: /scope
+ # - title: Update Images
+ # subfolderitems:
+ # - page: Update Images
+ # url: /contributing
\ No newline at end of file
diff --git a/site/themes/hugo-whisper-theme/layouts/partials/sub-footer.html b/site/themes/hugo-whisper-theme/layouts/partials/sub-footer.html
deleted file mode 100644
index 5f1c760af..000000000
--- a/site/themes/hugo-whisper-theme/layouts/partials/sub-footer.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
diff --git a/site/themes/template/archetypes/default.md b/site/themes/template/archetypes/default.md
new file mode 100644
index 000000000..ef75f7667
--- /dev/null
+++ b/site/themes/template/archetypes/default.md
@@ -0,0 +1,4 @@
++++
+title = "{{ replace .Name "-" " " | title }}"
+date = {{ .Date }}
++++
diff --git a/site/themes/template/assets/scss/_base.scss b/site/themes/template/assets/scss/_base.scss
new file mode 100644
index 000000000..a72fa5e93
--- /dev/null
+++ b/site/themes/template/assets/scss/_base.scss
@@ -0,0 +1,283 @@
+@import 'variables';
+@import 'mixins';
+
+$font-family-base: "Metropolis-Light", Helvetica, sans-serif;
+$metropolis-light: $font-family-base;
+$metropolis-light-italic: "Metropolis-LightItalic", Helvetica, sans-serif;
+$metropolis-regular: "Metropolis-Regular", Helvetica, sans-serif;
+$metropolis-regular-italic: "Metropolis-RegularItalic", Helvetica, sans-serif;
+$metropolis-medium: "Metropolis-Medium", Helvetica, sans-serif;
+$metropolis-medium-italic: "Metropolis-MediumItalic", Helvetica, sans-serif;
+$metropolis-bold: "Metropolis-Bold", Helvetica, sans-serif;
+$metropolis-bold-italic: "Metropolis-BoldItalic", Helvetica, sans-serif;
+$metropolis-semibold: "Metropolis-SemiBold", Helvetica, sans-serif;
+$metropolis-semibold-italic: "Metropolis-SemiBoldItalic", Helvetica, sans-serif;
+
+body {
+ font-family: $font-family-base;
+ margin: 0px;
+ line-height: 1.25;
+}
+.wrapper {
+ max-width: 980px;
+ margin: 0px auto;
+ padding: 20px;
+ @include breakpoint(small) {
+ max-width: 100%;
+ }
+ @include breakpoint(medium) {
+ }
+ &.docs {
+ @include breakpoint(extra-large) {
+ max-width: 80%;
+ }
+ }
+}
+.clearfix {
+ *zoom: 1;
+ &:before, &:after {
+ display: table;
+ content: "";
+ line-height: 0;
+ }
+ &:after {
+ clear: both;
+ }
+}
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 300;
+}
+h1 {
+ font-size: 28px;
+}
+h2 {
+ font-size: 22px;
+ color: #333;
+}
+h3 {
+ font-size: 20px;
+}
+h4 {
+ font-size: 18px;
+}
+li {
+ list-style-type: none;
+ display: inline;
+ padding-right: 25px;
+ font-size: 14px;
+ line-height: 1.7em;
+ &:last-of-type {
+ padding-right: 0px;
+ }
+}
+p {
+ line-height: 1.7em;
+ font-weight: 300;
+ font-size: 16px;
+ color: $darkgrey;
+ &.intro {
+ font-size: 18px;
+ }
+}
+a {
+ font-size: 16px;
+ text-decoration: none;
+ color: $blue;
+ font-family: $metropolis-medium
+}
+button {
+ background-color: unset;
+ border: none;
+}
+.button {
+ color: $blue;
+ font-size: 12px;
+ font-weight: 600;
+ background-color: $white;
+ border-radius: 3px;
+ padding: 14px 10px;
+ min-width: 200px;
+ text-transform: uppercase;
+ border: 1px solid $white;
+ &.secondary {
+ background-color: $mainblue;
+ color: $white;
+ }
+ &.tertiary {
+ border: 1px solid $blue;
+ }
+}
+.buttons {
+ margin-top: 40px;
+ .button:first-of-type {
+ margin-right: 30px;
+ @include breakpoint(small) {
+ margin: 0px 0px 20px 0px;
+ }
+ }
+}
+.strong {
+ font-family: $metropolis-medium;
+}
+.bg-grey {
+ background-color: $lightgrey;
+}
+
+.grid.three {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ row-gap: 20px;
+ column-gap: 20px;
+ @include breakpoint(small) {
+ grid-template-columns: 1fr;
+ }
+}
+
+.grid.two {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ @include breakpoint(small) {
+ grid-template-columns: 1fr;
+ }
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+noscript {
+ background-color: rgba(red, .25);
+ display: block;
+ font-size: 14px;
+ font-weight: bold;
+ padding: 10px;
+ margin: 0 20px 20px 0;
+}
+table {
+ font-size: 16px;
+ border-collapse: collapse;
+ th {
+ background-color: #a09f9f;
+ padding: 4px 10px 4px 10px;
+ border: 1px solid #ddd;
+ }
+ tr:nth-child(even) {
+ background-color: #f2f2f2;
+ }
+ td{
+ border: 1px solid #ddd;
+ padding: 4px 10px 4px 10px;
+ }
+ // @extend .table;
+ // @extend .table-striped;
+ // @extend .table-bordered;
+ // thead {
+ // @extend .thead-light;
+ // }
+ // td {
+ // code {
+ // word-break: keep-all;
+ // }
+ // }
+}
+
+// Metropolis
+@font-face {
+ font-family: "Metropolis-Bold";
+ src:url("/fonts/Metropolis-Bold.eot");
+ src:url("/fonts/Metropolis-Bold.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-Bold.woff2") format("woff2"),
+ url("/fonts/Metropolis-Bold.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ @font-face {
+ font-family: "Metropolis-BoldItalic";
+ src:url("/fonts/Metropolis-BoldItalic.eot");
+ src:url("/fonts/Metropolis-BoldItalic.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-BoldItalic.woff2") format("woff2"),
+ url("/fonts/Metropolis-BoldItalic.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ @font-face {
+ font-family: "Metropolis-Light";
+ src:url("/fonts/Metropolis-Light.eot");
+ src:url("/fonts/Metropolis-Light.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-Light.woff2") format("woff2"),
+ url("/fonts/Metropolis-Light.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ @font-face {
+ font-family: "Metropolis-LightItalic";
+ src:url("/fonts/Metropolis-LightItalic.eot");
+ src:url("/fonts/Metropolis-LightItalic.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-LightItalic.woff2") format("woff2"),
+ url("/fonts/Metropolis-LightItalic.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ @font-face {
+ font-family: "Metropolis-Regular";
+ src:url("/fonts/Metropolis-Regular.eot");
+ src:url("/fonts/Metropolis-Regular.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-Regular.woff2") format("woff2"),
+ url("/fonts/Metropolis-Regular.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ @font-face {
+ font-family: "Metropolis-RegularItalic";
+ src:url("/fonts/Metropolis-RegularItalic.eot");
+ src:url("/fonts/Metropolis-RegularItalic.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-RegularItalic.woff2") format("woff2"),
+ url("/fonts/Metropolis-RegularItalic.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ @font-face {
+ font-family: "Metropolis-Medium";
+ src:url("/fonts/Metropolis-Medium.eot");
+ src:url("/fonts/Metropolis-Medium.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-Medium.woff2") format("woff2"),
+ url("/fonts/Metropolis-Medium.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ @font-face {
+ font-family: "Metropolis-MediumItalic";
+ src:url("/fonts/Metropolis-MediumItalic.eot");
+ src:url("/fonts/Metropolis-MediumItalic.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-MediumItalic.woff2") format("woff2"),
+ url("/fonts/Metropolis-MediumItalic.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ @font-face {
+ font-family: "Metropolis-SemiBold";
+ src:url("/fonts/Metropolis-SemiBold.eot");
+ src:url("/fonts/Metropolis-SemiBold.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-SemiBold.woff2") format("woff2"),
+ url("/fonts/Metropolis-SemiBold.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ @font-face {
+ font-family: "Metropolis-SemiBoldItalic";
+ src:url("/fonts/Metropolis-SemiBoldItalic.eot");
+ src:url("/fonts/Metropolis-SemiBoldItalic.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/Metropolis-SemiBoldItalic.woff2") format("woff2"),
+ url("/fonts/Metropolis-SemiBoldItalic.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ }
\ No newline at end of file
diff --git a/site/themes/template/assets/scss/_components.scss b/site/themes/template/assets/scss/_components.scss
new file mode 100644
index 000000000..15ed056af
--- /dev/null
+++ b/site/themes/template/assets/scss/_components.scss
@@ -0,0 +1,722 @@
+@import 'variables';
+@import 'mixins';
+
+/* Homepage Hero */
+.hero {
+ background-color: $mainblue;
+ color: $white;
+ .text-block {
+ max-width: 550px;
+ padding: 0px 0px 10px 0px;
+ p {
+ margin-bottom: 20px;
+ font-size: 18px;
+ color: $white;
+ }
+ h2 {
+ font-size: 36px;
+ }
+ }
+ &.homepage {
+ //background-image: url(/img/hero-image.png);
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ padding-bottom: 80px;
+ h1 {
+ font-size: 36px;
+ }
+ }
+ @include breakpoint(small) {
+ .text-block {
+ max-width: unset;
+ margin-right: 0px;
+ }
+ .button {
+ display: block;
+ text-align: center;
+ }
+ &.homepage {
+ background-image: none;
+ }
+ }
+}
+
+.grid-container {
+ margin-top: -80px;
+ .grid.three {
+ padding-bottom: 20px;
+ .card {
+ position: relative;
+ padding: 30px 20px;
+ background-color: $white;
+ text-align: center;
+ box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
+ h3 {
+ color: $darkgrey;
+ font-size: 22px;
+ }
+ p {
+ color: $darkgrey;
+ }
+ }
+ }
+}
+
+.introduction {
+ .grid.two {
+ column-gap: 140px;
+ padding: 35px 20px;
+ p {
+ margin: 0px;
+ font-size: 16px;
+ &.strong {
+ color: $darkgrey;
+ }
+ }
+ }
+ @include breakpoint(small) {
+ padding: 0px 20px;
+ .col:first-of-type {
+ padding-bottom: 50px;
+ }
+ }
+}
+
+.use-cases {
+ .grid {
+ grid-template-columns: 220px 1fr;
+ margin-bottom: 30px;
+ grid-template-areas:
+ "image text";
+ .image {
+ background-color: $mainblue;
+ text-align: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ grid-area: image;
+ img {
+ justify-self: center;
+ }
+ }
+ .text {
+ border: 1px solid $lightgrey;
+ padding: 30px;
+ grid-area: text;
+ a.button {
+ display: block;
+ max-width: 138px;
+ text-align: center;
+ padding: 5px 10px;
+ min-width: unset;
+ }
+ }
+ &.image-right {
+ grid-template-columns: 1fr 220px;
+ grid-template-areas:
+ "text image";
+ @include breakpoint(small) {
+ grid-template-columns: 1fr;
+ grid-template-areas:
+ "image"
+ "text";
+ }
+ }
+ @include breakpoint(small) {
+ grid-template-columns: 1fr;
+ grid-template-rows: minmax(160px, 1fr);
+ grid-template-areas:
+ "image"
+ "text";
+ }
+ }
+ h2 {
+ color: $black;
+ }
+ p.strong {
+ color: #1B3951;
+ font-size: 16px;
+ }
+}
+
+.team {
+ background-color: $navyblue;
+ h2, h3, p {
+ color: $white;
+ }
+ p {
+ font-size: 16px;
+ }
+ a {
+ color: $white;
+ font-weight: 300;
+ text-decoration: underline;
+ }
+ .grid.three {
+ row-gap: 40px;
+ margin: 40px 0px;
+ }
+ .bio {
+ display: grid;
+ grid-template-columns: 120px 1fr;
+ column-gap: 20px;
+ .image img {
+ height: 120px;
+ width: 120px;
+ }
+ .info {
+ align-self: center;
+ p {
+ margin: 0px;
+ &.name {
+ font-size: 16px;
+ font-family: $metropolis-medium;
+ }
+ &.position {
+ font-size: 14px;
+ }
+ }
+ }
+ }
+}
+
+.hero.subpage-hero {
+ //background-image: url(/img/blog-hero-image.png);
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ padding-bottom: 90px;
+
+ h1 {
+ font-size: 46px;
+ text-align: center;
+ @include breakpoint(small) {
+ font-size: 26px;
+ }
+ }
+}
+
+.experimental {
+ .grid.three .col {
+ padding: 0px;
+ }
+ .icon {
+ background-color: $mainblue;
+ padding: 25px;
+ min-height: 95px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .content {
+ padding: 25px;
+ .example {
+ background-color: $lightgrey;
+ }
+ }
+}
+
+.blog {
+ padding-bottom: 50px;
+ .col {
+ border: 1px solid $lightgrey;
+ img {
+ width: 100%;
+ }
+ .content {
+ padding: 0px 20px;
+ }
+ }
+ &.landing {
+ background-color: #fff;
+ margin-top: -90px;
+ h3 a {
+ font-size: 16px;
+ }
+ .pagination {
+ margin: 30px auto 50px auto;
+ ul {
+ padding: 0px;
+ text-align: center;
+ li {
+ padding: 0px;
+ a {
+ padding: 5px 10px;
+ &.active {
+ background-color: $lightgrey;
+ border-radius: 50%;
+ }
+ }
+ &.left-arrow {
+ margin-right: 15px;
+ }
+ &.right-arrow {
+ margin-left: 15px;
+ }
+ }
+ }
+ }
+ }
+ .blog-post {
+ background-color: #fff;
+ margin: -110px 0px 0px -30px;
+ padding: 30px 90px 30px 30px;
+ .author {
+ color: $blue;
+ margin: 0px;
+ }
+ .date {
+ color: $black;
+ margin: 0px;
+ font-weight: 600;
+ }
+ .header, h4 {
+ color: $black;
+ font-weight: 600;
+ }
+ a {
+ font-size: 16px;
+ }
+ ul {
+ list-style-type: disc;
+ padding-left: 20px;
+ li {
+ list-style-type: unset;
+ display: list-item;
+ margin-bottom: 10px;
+ font-size: 14px;
+ color: $darkgrey;
+ line-height: 1.6em;
+ list-style-image: url(/img/arrow.svg);
+ &:first-child {
+ margin-top: 10px;
+ }
+ }
+ }
+ ol {
+ li {
+ list-style-type: decimal;
+ display: list-item;
+ margin-bottom: 10px;
+ font-size: 16px;
+ color: $darkgrey;
+ &:first-child {
+ margin-top: 10px;
+ }
+ }
+ }
+ code {
+ border: 2px solid #EFEFEF;
+ color: $darkgrey;
+ padding: 2px 8px;
+ }
+ pre {
+ code {
+ display: block;
+ border: 15px solid #EFEFEF;
+ padding: 15px;
+ margin-bottom: 30px;
+ overflow-x: auto;
+ }
+ }
+ img {
+ max-width: 100%;
+ }
+ strong {
+ font-family: $metropolis-medium;
+ }
+ }
+}
+
+.getting-started {
+ background-color: $lightgrey;
+ color: $black;
+ p {
+ color: $black;
+ font-size: 16px;
+ }
+ .left-side {
+ width: 50%;
+ float: left;
+ }
+ .right-side {
+ width: 25%;
+ float: right;
+ }
+ h2 {
+ font-size: 30px;
+ margin-bottom: 0px;
+ }
+ a {
+ display: block;
+ max-width: 138px;
+ text-align: center;
+ padding: 10px;
+ min-width: unset;
+ }
+ .button {
+ margin-top: 50px;
+ border: 1px solid $blue;
+ }
+ @include breakpoint(small) {
+ .wrapper {
+ padding-bottom: 40px;
+ }
+ .left-side {
+ width: 100%;
+ float: none;
+ }
+ .right-side {
+ width: 100%;
+ float: none;
+ }
+ .button {
+ display: block;
+ text-align: center;
+ max-width: unset;
+ margin-top: 20px;
+ }
+ }
+}
+
+.subpage {
+ background-color: #fff;
+ margin-top: -90px;
+ padding: 30px 30px 50px 30px;
+ .section-header {
+ margin-top: 3rem;
+ font-weight: 600;
+ font-size: 20px;
+ }
+ .embed-responsive {
+ position: relative;
+ &:before {
+ padding-top: 56.25%;
+ display: block;
+ content: "";
+ }
+ .embed-responsive-item {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+ }
+ }
+ .grid {
+ margin-bottom: 20px;
+ .col {
+ border: 1px solid #F2F2F2;
+ .icon {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 140px;
+ }
+ .content {
+ padding: 0px 20px 20px 20px;
+ &.plugins {
+ padding-top: 20px;
+ img {
+ display: block;
+ margin: 0px auto 5px auto;
+ }
+ }
+ h3 {
+ margin-top: 0px;
+ text-align: center;
+
+ a {
+ font-size: 20px;
+ }
+ }
+ ul {
+ padding-left: 20px;
+ li {
+ margin-bottom: 10px;
+ color: $darkgrey;
+ line-height: 1.6em;
+ list-style-image: url(/img/arrow.svg);
+ }
+ }
+ }
+ }
+ }
+}
+
+.docs {
+ background-color: #fff;
+ margin-top: -90px;
+ padding: 30px 30px 50px 30px;
+ display: flex;
+ .side-nav {
+ width: 25%;
+ float: left;
+ position: relative;
+ ul {
+ padding-left: 0px;
+ margin-bottom: 35px;
+ li {
+ display: list-item;
+ margin-bottom: 15px;
+ a {
+ color: $darkgrey;
+ font-size: 14px;
+ &.active {
+ color: $blue;
+ }
+ }
+ &.heading {
+ color: $black;
+ font-size: 14px;
+ }
+ }
+ }
+ .dropdown {
+ font-size: 14px;
+ font-family: $metropolis-medium;
+ margin-bottom: 10px;
+ button {
+ background-image: url(/img/down-arrow.svg);
+ background-repeat: no-repeat;
+ background-position: 90% center;
+ border-radius: 5px;
+ display: inline;
+ padding: 10px 30px 10px 10px;
+ border: 1px solid $blue;
+ color: $black;
+ cursor: pointer;
+ font-size: 14px;
+ font-family: $metropolis-medium;
+ margin-bottom: 10px;
+ &:focus {
+ background-color: $lightgrey;
+ }
+ }
+ }
+ .dropdown-menu {
+ position: absolute;
+ border: 1px solid $grey;
+ border-radius: 5px;
+ top: 35px;
+ left: 0px;
+ background-color: $white;
+ padding: 10px 0;
+ min-width: 100px;
+ display: none;
+ a {
+ display: block;
+ padding: 7px 20px;
+ &:hover {
+ background-color: $lightgrey;
+ }
+ }
+ &.dropdown-menu-visible {
+ display: block;
+ z-index: 1;
+ }
+ }
+ .form-control {
+ display: block;
+ width: 100%;
+ height: 40px;
+ padding: .375rem .75rem;
+ font-size: 1.125rem;
+ line-height: 1.5;
+ color: $darkgrey;
+ background-color: #fff;
+ border: 1px solid #cecece;
+ background-image: url(/img/search-icon.svg);
+ background-repeat: no-repeat;
+ background-position: 95% center;
+ border-radius: 5px;
+ &:focus {
+ outline: none;
+ }
+ &::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+ }
+ }
+ .ds-dataset-1 {
+ padding: 15px 15px 0;
+
+ a {
+ color: $darkgrey;
+ display: inline-block;
+ font-family: $metropolis-light;
+ margin-bottom: 10px;
+
+ div {
+ display: inline;
+ }
+ }
+
+ .algolia-docsearch-suggestion--subcategory-inline {
+ &::after {
+ content: ' /';
+ }
+ }
+
+ .algolia-docsearch-suggestion--highlight {
+ background-color: rgba($blue, .1);
+ color: $navyblue;
+ }
+
+ .algolia-docsearch-suggestion--title {
+ font-family: $metropolis-medium;
+ }
+
+ .algolia-docsearch-suggestion--category-header,
+ .algolia-docsearch-suggestion--subcategory-column {
+ display: none;
+ }
+
+ .algolia-docsearch-footer {
+ font-size: 14px;
+ text-align: right;
+
+ a {
+ font-size: 14px;
+ }
+ }
+ }
+ .ds-dropdown-menu {
+ background-color: #fff;
+ border: 1px solid #cecece;
+ border-radius: 5px;
+ width: 130%;
+ }
+ @include breakpoint(extra-large) {
+ width: 22%;
+ }
+ @include breakpoint(large) {
+ width: 22%;
+ }
+ }
+ .docs-content {
+ width: 75%;
+ float: right;
+ &.full {
+ width: 100%;
+ }
+ a {
+ font-size: 16px;
+ }
+ ul {
+ list-style-type: disc;
+ padding-left: 20px;
+ li {
+ list-style-type: unset;
+ display: list-item;
+ margin-bottom: 10px;
+ font-size: 16px;
+ color: $darkgrey;
+ line-height: 1.6em;
+ list-style-image: url(/img/arrow.svg);
+ &:first-child {
+ margin-top: 10px;
+ }
+ }
+ }
+ ol {
+ li {
+ list-style-type: decimal;
+ display: list-item;
+ margin-bottom: 10px;
+ font-size: 16px;
+ color: $darkgrey;
+ &:first-child {
+ margin-top: 10px;
+ }
+ }
+ }
+ code {
+ border: 2px solid #EFEFEF;
+ color: $grey;
+ padding: 2px 8px;
+ }
+ pre {
+ white-space: pre-wrap;
+ code {
+ display: block;
+ border: 15px solid #EFEFEF;
+ padding: 15px;
+ margin-bottom: 30px;
+ overflow-x: auto;
+ }
+ }
+ img {
+ max-width: 100%;
+ }
+ @include breakpoint(large) {
+ width: 58%;
+ padding-right: 20px;
+ }
+ @include breakpoint(extra-large) {
+ width: 75%;
+ padding-right: 20px;
+ }
+ }
+ .right-nav {
+ width: 20%;
+ float: right;
+ margin: -30px -30px 0px 0px;
+ .right-nav-content {
+ background-color: #EFEFEF;
+ padding: 30px 30px 30px 20px;
+ margin-right: -20px;
+ position: sticky;
+ top: 0;
+ }
+ .buttons {
+ margin-top: 0px;
+ li {
+ margin-bottom: 0px;
+ padding: 8px 0px;
+ display: inline-block;
+ &:first-of-type {
+ border-right: 1px solid #ddd;
+ padding-right: 5px;
+ }
+ a {
+ text-transform: uppercase;
+ font-size: 14px;
+ img {
+ vertical-align: middle;
+ width: 22px;
+ }
+ }
+ }
+ }
+ h4 {
+ font-size: 16px;
+ }
+ ul {
+ padding-left: 0px;
+ margin-bottom: 0px;
+ li {
+ display: block;
+ padding-right: 0px;
+ margin-bottom: 7px;
+ a {
+ font-family: $metropolis-light;
+ font-size: 14px;
+ }
+ ul {
+ margin-top: 7px;
+ padding-inline-start: 14px;
+ }
+ }
+ }
+ .sticky {
+ position: fixed;
+ top: 0;
+ }
+ @include breakpoint(small-medium) {
+ display: none;
+ }
+ }
+}
diff --git a/site/themes/template/assets/scss/_footer.scss b/site/themes/template/assets/scss/_footer.scss
new file mode 100644
index 000000000..c74758e0a
--- /dev/null
+++ b/site/themes/template/assets/scss/_footer.scss
@@ -0,0 +1,94 @@
+@import 'variables';
+@import 'mixins';
+@import 'base';
+
+footer {
+ .top-links {
+ min-height: 52px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+ .left-links {
+ padding: 0px;
+ li {
+ img {
+ vertical-align: bottom;
+ margin-right: 10px;
+ }
+ a {
+ color: $darkgrey;
+ font-weight: 300;
+ font-size: 12px;
+ font-family: $metropolis-light;
+ }
+ }
+ .mobile {
+ display: none;
+ }
+ }
+ .right-links {
+ p {
+ margin: 0px;
+ }
+ .copywrite {
+ font-size: 12px;
+ padding-right: 10px;
+ a {
+ font-size: 12px;
+ color: $darkgrey;
+ font-family: $metropolis-light;
+ }
+ }
+ a {
+ vertical-align: middle;
+ }
+ }
+ .bottom-links {
+ margin: 10px 0px 30px 0px;
+ float: right;
+ p {
+ font-size: 12px;
+ }
+ a {
+ font-size: 12px;
+ font-family: $metropolis-light;
+ }
+ img {
+ max-width: 75px;
+ vertical-align: middle;
+ margin-left: 30px;
+ }
+ }
+ @include breakpoint(small) {
+ .footer-links {
+ display: block;
+ .right-links {
+ display: none;
+ }
+ .left-links {
+ float: none;
+ margin: 10px 0px;
+ .desktop {
+ display: none;
+ }
+ .mobile {
+ display: inline;
+ }
+ .copywrite {
+ display: block;
+ margin-top:20px;
+ }
+ }
+ }
+ .bottom-links {
+ margin: 10px 0px 20px 0px;
+ float: none;
+ img {
+ margin-left: 0px;
+ display: block;
+ margin-top: 10px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/site/themes/template/assets/scss/_header.scss b/site/themes/template/assets/scss/_header.scss
new file mode 100644
index 000000000..92d6ec0e4
--- /dev/null
+++ b/site/themes/template/assets/scss/_header.scss
@@ -0,0 +1,103 @@
+@import 'variables';
+@import 'mixins';
+@import 'base';
+
+header {
+ .wrapper {
+ padding: 10px 20px;
+ min-height: 52px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+ .desktop-links {
+ padding-left: 0px;
+ }
+ a {
+ color: $darkgrey;
+ font-family: $metropolis-light;
+ &.active {
+ font-family: $metropolis-medium;
+ }
+ }
+ li img {
+ vertical-align: bottom;
+ margin-right: 10px;
+ }
+ .mobile {
+ display: none;
+ }
+ @include breakpoint(medium) {
+ .desktop-links li {
+ padding-right: 10px;
+ }
+ }
+ @include breakpoint(small) {
+ .expanded-icon {
+ display: none;
+ padding: 11px 3px 0px 0px;
+ }
+ .collapsed-icon {
+ padding-top: 12px;
+ }
+ .mobile-menu-visible {
+ .mobile {
+ display: block;
+ .collapsed-icon {
+ display: none;
+ }
+ .expanded-icon {
+ display: block;
+ }
+ }
+ }
+ position: relative;
+ .desktop-links {
+ display: none;
+ }
+ .mobile {
+ display: block;
+ }
+ button {
+ float: right;
+ &:focus {
+ outline: none;
+ }
+ }
+ ul {
+ padding-left: 0px;
+ li {
+ display: block;
+ margin: 20px 0px;
+ }
+ }
+ .mobile-menu {
+ position: absolute;
+ background-color: #fff;
+ width: 100%;
+ top: 70px;
+ left: 0px;
+ padding-bottom: 20px;
+ display: none;
+ z-index: 10;
+ .header-links {
+ margin: 0px 20px;
+ }
+ .social {
+ margin: 0px 20px;
+ padding-top: 20px;
+ img {
+ vertical-align: middle;
+ padding-right: 10px;
+ }
+ a {
+ font-size: 14px;
+ padding-right: 35px;
+ &:last-of-type {
+ padding-right: 0px;
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/site/themes/template/assets/scss/_mixins.scss b/site/themes/template/assets/scss/_mixins.scss
new file mode 100644
index 000000000..49380a36e
--- /dev/null
+++ b/site/themes/template/assets/scss/_mixins.scss
@@ -0,0 +1,36 @@
+@mixin breakpoint($point) {
+ $small: 767px; // Up to 767px
+ $medium: 1279px; // Up to 1279px
+ $large: 1439px; // Up to 1439px
+ $extra-large: 1800px; // Up to 1800px
+ @if $point == extra-large {
+ @media only screen and (min-width : $large+1) { @content; }
+ }
+ @else if $point == large {
+ @media only screen and (min-width : $medium+1) and (max-width: $large) { @content; }
+ }
+ @else if $point == medium-large {
+ @media only screen and (min-width: $medium+1) { @content; }
+ }
+ @else if $point == medium {
+ @media only screen and (min-width: $small+1) and (max-width: $medium) { @content; }
+ }
+ @else if $point == small-medium {
+ @media only screen and (max-width: $medium) { @content; }
+ }
+ @else if $point == small {
+ @media only screen and (max-width: $small) { @content; }
+ }
+}
+
+@mixin clearfix {
+ *zoom: 1;
+ &:before, &:after {
+ display: table;
+ content: "";
+ line-height: 0;
+ }
+ &:after {
+ clear: both;
+ }
+}
\ No newline at end of file
diff --git a/site/themes/template/assets/scss/_variables.scss b/site/themes/template/assets/scss/_variables.scss
new file mode 100644
index 000000000..a94938f5a
--- /dev/null
+++ b/site/themes/template/assets/scss/_variables.scss
@@ -0,0 +1,10 @@
+$white: #ffffff;
+$blue: #0095D3;
+$darkgrey: #333333;
+$grey: #777777;
+$lightgrey: #F2F2F2;
+$darkblue: #002538;
+$purple: #7F35B2;
+$black: #111111;
+$mainblue: #0091DA;
+$navyblue: #1D428A;
\ No newline at end of file
diff --git a/site/themes/template/assets/scss/site.scss b/site/themes/template/assets/scss/site.scss
new file mode 100644
index 000000000..4ce7ebdc6
--- /dev/null
+++ b/site/themes/template/assets/scss/site.scss
@@ -0,0 +1,6 @@
+@import 'header';
+@import 'footer';
+@import 'base';
+@import 'variables';
+@import 'components';
+@import 'mixins';
\ No newline at end of file
diff --git a/site/themes/template/layouts/_default/_markup/render-image.html b/site/themes/template/layouts/_default/_markup/render-image.html
new file mode 100644
index 000000000..41bf8b52e
--- /dev/null
+++ b/site/themes/template/layouts/_default/_markup/render-image.html
@@ -0,0 +1,11 @@
+{{ $link := .Destination }}
+{{ if not (strings.HasPrefix $link "http") }}
+ {{ if strings.HasSuffix .Page.Parent.RelPermalink "docs/" }}
+ {{ $link = printf "%s%s" .Page.RelPermalink .Destination }}
+ {{ else }}
+ {{ $link = printf "%s%s" .Page.Parent.RelPermalink .Destination }}
+ {{ end }}
+{{ end }}
+
+ 
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/_default/_markup/render-link.html b/site/themes/template/layouts/_default/_markup/render-link.html
new file mode 100644
index 000000000..e552f143b
--- /dev/null
+++ b/site/themes/template/layouts/_default/_markup/render-link.html
@@ -0,0 +1,10 @@
+{{ $link := .Destination }}
+{{ $isRemote := strings.HasPrefix $link "http" }}
+{{- if not $isRemote -}}
+{{ $url := urls.Parse .Destination }}
+{{- if $url.Path -}}
+{{ $fragment := "" }}
+{{- with $url.Fragment }}{{ $fragment = printf "#%s" . }}{{ end -}}
+{{- with .Page.GetPage $url.Path }}{{ $link = printf "%s%s" .RelPermalink $fragment }}{{ end }}{{ end -}}
+{{- end -}}
+{{ .Text | safeHTML }}
\ No newline at end of file
diff --git a/site/themes/template/layouts/_default/baseof.html b/site/themes/template/layouts/_default/baseof.html
new file mode 100644
index 000000000..688eb838d
--- /dev/null
+++ b/site/themes/template/layouts/_default/baseof.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+ {{ if .Title }}{{ .Title }}{{ else }}Documentation{{ end }}
+ {{ with .Site.Params.description }}{{ end }}
+ {{ with .Site.Params.author }}{{ end }}
+ {{ $options := (dict "targetPath" "css/style.css" "outputStyle" "compressed" "enableSourceMap" true "includePaths" (slice "node_modules/myscss")) }}
+ {{ $style := resources.Get "scss/site.scss" | resources.ToCSS $options }}
+
+
+
+ {{ with .OutputFormats.Get "RSS" -}}
+ {{ printf `` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
+ {{- end }}
+
+
+ {{ partial "header" . }}
+ {{ block "main" . }}{{ end }}
+ {{ partial "getting-started" . }}
+ {{ partial "footer" . }}
+ {{ if .Site.Params.docs_search }}
+
+
+ {{ end }}
+
+
diff --git a/site/themes/template/layouts/_default/docs.html b/site/themes/template/layouts/_default/docs.html
new file mode 100644
index 000000000..e2ff115c3
--- /dev/null
+++ b/site/themes/template/layouts/_default/docs.html
@@ -0,0 +1,16 @@
+{{ define "main" }}
+
+
+
+ Documentation
+
+
+
+ {{ partial "docs-sidebar.html" . }}
+
+ {{ partial "docs-right-bar.html" . }}
+
+
+{{ end }}
\ No newline at end of file
diff --git a/site/themes/template/layouts/_default/list.html b/site/themes/template/layouts/_default/list.html
new file mode 100644
index 000000000..fe3cc0e4a
--- /dev/null
+++ b/site/themes/template/layouts/_default/list.html
@@ -0,0 +1,14 @@
+{{ define "main" }}
+
+ {{ if or .Title .Content }}
+
+ {{ with .Title }}{{ . }}
{{ end }}
+ {{ with .Content }}{{ . }}{{ end }}
+
+ {{ end }}
+
+ {{ range .Paginator.Pages }}
+ {{ .Render "summary" }}
+ {{ end }}
+
+{{ end }}
diff --git a/site/themes/template/layouts/_default/plugins.html b/site/themes/template/layouts/_default/plugins.html
new file mode 100644
index 000000000..a82389015
--- /dev/null
+++ b/site/themes/template/layouts/_default/plugins.html
@@ -0,0 +1,13 @@
+{{ define "main" }}
+
+
+
+ Plugins
+
+
+
+ {{ .Content }}
+ {{ partial "plugins.html" . }}
+
+
+{{ end }}
\ No newline at end of file
diff --git a/site/themes/template/layouts/_default/posts.html b/site/themes/template/layouts/_default/posts.html
new file mode 100644
index 000000000..299a8726a
--- /dev/null
+++ b/site/themes/template/layouts/_default/posts.html
@@ -0,0 +1,17 @@
+{{ define "main" }}
+
+
+
+ Blog
+
+
+
+
+ {{ range (.Paginator 9).Pages.ByDate }}
+ {{ partial "blog-post-card.html" . }}
+ {{ end }}
+
+ {{ partial "pagination.html" . }}
+
+
+{{ end }}
diff --git a/site/themes/template/layouts/_default/search.html b/site/themes/template/layouts/_default/search.html
new file mode 100644
index 000000000..a9e29821a
--- /dev/null
+++ b/site/themes/template/layouts/_default/search.html
@@ -0,0 +1,10 @@
+{{ if .Site.Params.docs_search }}
+
+{{ end }}
\ No newline at end of file
diff --git a/site/themes/template/layouts/_default/section.html b/site/themes/template/layouts/_default/section.html
new file mode 100644
index 000000000..560a0253a
--- /dev/null
+++ b/site/themes/template/layouts/_default/section.html
@@ -0,0 +1,8 @@
+{{ define "main" }}
+
+ {{ .Content }}
+
+{{ end }}
+
+
+
diff --git a/site/themes/template/layouts/_default/single.html b/site/themes/template/layouts/_default/single.html
new file mode 100644
index 000000000..2c7e64c04
--- /dev/null
+++ b/site/themes/template/layouts/_default/single.html
@@ -0,0 +1,33 @@
+{{ define "main" }}
+
+
+
+
+ Blog
+
+
+
+
+ {{ .Title }}
+
+ {{ dateFormat "Jan 2, 2006" .Date }}
+ {{ .Content }}
+
+ Related Content
+
+ {{ $related := (where (.Site.RegularPages.Related .) "Type" "posts") | first 3 }}
+ {{ with $related }}
+ {{ range . }}
+ {{ partial "blog-post-card.html" . }}
+ {{ end }}
+ {{ end }}
+
+
+
+
+{{ end }}
+
+
+
diff --git a/site/themes/template/layouts/_default/summary.html b/site/themes/template/layouts/_default/summary.html
new file mode 100644
index 000000000..9acf43418
--- /dev/null
+++ b/site/themes/template/layouts/_default/summary.html
@@ -0,0 +1,13 @@
+
+ {{ .Title }}
+
+ {{ range .Params.tags }}
+ {{ . }}
+ {{ end }}
+
+ {{ .Summary }}
+ {{ if .Truncated }}
+ Read more...
+ {{ end }}
+
+
diff --git a/site/themes/template/layouts/_default/tag.html b/site/themes/template/layouts/_default/tag.html
new file mode 100644
index 000000000..6d6c931f3
--- /dev/null
+++ b/site/themes/template/layouts/_default/tag.html
@@ -0,0 +1,16 @@
+{{ define "main" }}
+
+
+
+ Blog Posts by {{ .Title }}
+
+
+
+
+ {{ range .Pages.ByDate }}
+ {{ partial "blog-post-card.html" . }}
+ {{ end }}
+
+
+
+{{ end }}
\ No newline at end of file
diff --git a/site/themes/template/layouts/_default/versions.html b/site/themes/template/layouts/_default/versions.html
new file mode 100644
index 000000000..8df453fe5
--- /dev/null
+++ b/site/themes/template/layouts/_default/versions.html
@@ -0,0 +1,22 @@
+{{ if .Site.Params.Use_advanced_docs }}
+
+ {{ if .Site.Params.docs_versioning }}
+
+
+ {{ else }}
+ {{ .Site.Params.Docs_latest }}
+ {{ end }}
+
+{{ end }}
\ No newline at end of file
diff --git a/site/themes/template/layouts/index.html b/site/themes/template/layouts/index.html
new file mode 100644
index 000000000..2acb594bf
--- /dev/null
+++ b/site/themes/template/layouts/index.html
@@ -0,0 +1,21 @@
+{{ define "main" }}
+{{ $latest := (cond (.Site.Params.docs_versioning) .Site.Params.docs_latest "") }}
+
+ {{ partial "hero.html" . }}
+ {{ partial "homepage-grid.html" . }}
+
+
+
+
+ Learn more about Cartographer and how to create supply chains
+
+
+ Choreography vs. Orchestration
+ Cartographer is a choreographer, see how this paradigm differs from orchestration
+
+
+
+ {{ partial "use-cases.html" . }}
+
+
+{{ end }}
diff --git a/site/themes/template/layouts/index.redirects b/site/themes/template/layouts/index.redirects
new file mode 100644
index 000000000..fe0bd138e
--- /dev/null
+++ b/site/themes/template/layouts/index.redirects
@@ -0,0 +1,4 @@
+{{ $latest := (cond (.Site.Params.docs_versioning) .Site.Params.docs_latest "") }}
+/docs /docs/{{ $latest }} 301!
+/docs/latest /docs/{{ $latest }}
+/docs/latest/* /docs/{{ $latest }}/:splat
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/blog-post-card.html b/site/themes/template/layouts/partials/blog-post-card.html
new file mode 100644
index 000000000..bdda6613d
--- /dev/null
+++ b/site/themes/template/layouts/partials/blog-post-card.html
@@ -0,0 +1,9 @@
+
+
+ 
+
+
+ {{ .Title }}
+ {{ .Params.Excerpt }}
+
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/contributors.html b/site/themes/template/layouts/partials/contributors.html
new file mode 100644
index 000000000..720b551e1
--- /dev/null
+++ b/site/themes/template/layouts/partials/contributors.html
@@ -0,0 +1,19 @@
+
+
+ Imperdiet sed euismod nisi:
+
+ {{ $contributors := .Site.GetPage "/contributors" }}
+ {{ range $contributors.Resources }}
+
+ 
+
+ {{ .Params.first_name }} {{ .Params.last_name }}
+ {{ .Content }}
+
+
+ {{ end }}
+
+ Lorem Ipsum:
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/docs-right-bar.html b/site/themes/template/layouts/partials/docs-right-bar.html
new file mode 100644
index 000000000..5cdc93aff
--- /dev/null
+++ b/site/themes/template/layouts/partials/docs-right-bar.html
@@ -0,0 +1,19 @@
+{{ if .Site.Params.docs_right_sidebar }}
+
+
+
+ {{ if (or .IsNode .IsPage) }}
+ {{ $issueBody := printf "**On Page:** [%s](%s)" .Title .Permalink | htmlEscape }}
+ {{ $issueQuery := (querify "body" $issueBody) }}
+ - Report Issues
+ {{ $editQuery := (querify "description" "Signed-off-by: NAME \n\n") }}
+ 
Edit
+ {{ if ne .TableOfContents "" }}
+ On this page:
+ {{ .TableOfContents }}
+ {{ end }}
+
+
+{{ end }}
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/docs-sidebar.html b/site/themes/template/layouts/partials/docs-sidebar.html
new file mode 100644
index 000000000..f6b031467
--- /dev/null
+++ b/site/themes/template/layouts/partials/docs-sidebar.html
@@ -0,0 +1,33 @@
+
+ {{ if .Site.Params.use_advanced_docs }}
+
+ {{ $version := .CurrentSection.Params.version }}
+ {{ .Render "versions" }}
+ {{ .Render "search" }}
+ {{ if $version }}
+ {{ $tocTemplateName := index (index $.Site.Data.docs "toc-mapping") $version }}
+ {{ if not $tocTemplateName }}
+ {{ $tocTemplateName = "default" }}
+ {{ end }}
+ {{ $toc := (index $.Site.Data "docs" $tocTemplateName).toc }}
+ {{ range $toc }}
+ {{ .title }}
+
+ {{ range .subfolderitems }}
+ -
+ {{ $url := (index (print "/docs/" $version .url "/")) }}
+ {{ .page }}
+
+ {{ end }}
+
+ {{ end }}
+ {{ end }}
+ {{ else }}
+
+ {{ $currentPage := . }}
+ {{ range .Site.Menus.docs }}
+ - {{ .Name }}
+ {{ end }}
+
+ {{ end }}
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/footer.html b/site/themes/template/layouts/partials/footer.html
new file mode 100644
index 000000000..3d2ef8bea
--- /dev/null
+++ b/site/themes/template/layouts/partials/footer.html
@@ -0,0 +1,17 @@
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/getting-started.html b/site/themes/template/layouts/partials/getting-started.html
new file mode 100644
index 000000000..9a17521f9
--- /dev/null
+++ b/site/themes/template/layouts/partials/getting-started.html
@@ -0,0 +1,12 @@
+{{ $latest := (cond (.Site.Params.docs_versioning) .Site.Params.docs_latest "") }}
+
+
+
+ Getting Started
+ To help you get started, see the documentation.
+
+
+ Get Started
+
+
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/header.html b/site/themes/template/layouts/partials/header.html
new file mode 100644
index 000000000..88fd60fc7
--- /dev/null
+++ b/site/themes/template/layouts/partials/header.html
@@ -0,0 +1,33 @@
+{{ $latest := (cond (.Site.Params.docs_versioning) .Site.Params.docs_latest "") }}
+
+
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/hero.html b/site/themes/template/layouts/partials/hero.html
new file mode 100644
index 000000000..79606b044
--- /dev/null
+++ b/site/themes/template/layouts/partials/hero.html
@@ -0,0 +1,13 @@
+{{ $latest := (cond (.Site.Params.docs_versioning) .Site.Params.docs_latest "") }}
+
+
+
+ Kubernetes Native Supply Chain Choreography
+ Create reusable supply chains that define all of your application CI and CD in one place, on cluster.
+
+
+
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/homepage-grid.html b/site/themes/template/layouts/partials/homepage-grid.html
new file mode 100644
index 000000000..928a280f4
--- /dev/null
+++ b/site/themes/template/layouts/partials/homepage-grid.html
@@ -0,0 +1,21 @@
+
+
+
+
+ 
+ Re-Usable CI/CD
+ Create templated Supply Chains that provide a path to production that can be used for any type of application
+
+
+ 
+ Separation of Concerns
+ Allow DevOps and Platform teams to define the steps of the path to production while providing an accessible abstraction layer for developers
+
+
+ 
+ K8s Resource Interobability
+ Choreograph K8s resources (as well as non-K8s resources) within a supply chain
+
+
+
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/pagination.html b/site/themes/template/layouts/partials/pagination.html
new file mode 100644
index 000000000..9c90baf2f
--- /dev/null
+++ b/site/themes/template/layouts/partials/pagination.html
@@ -0,0 +1,16 @@
+{{ $paginator := .Paginator }}
+{{ if gt $paginator.TotalPages 1 }}
+
+
+ {{ if $paginator.HasPrev }}
+ 
- {{ .PageNumber }}
+ {{ end }}
+ {{ if $paginator.HasNext }}
+ 
+
+{{ end }}
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/plugins.html b/site/themes/template/layouts/partials/plugins.html
new file mode 100644
index 000000000..adbc19b07
--- /dev/null
+++ b/site/themes/template/layouts/partials/plugins.html
@@ -0,0 +1,48 @@
+
+ {{ $limit := int (.Scratch.Get "limit") }}
+ {{ $pages := sort (.Site.GetPage "/plugins/list").Resources "Name" }}
+
+ {{ if gt $limit 0 }}
+ {{ $pages = first $limit $pages }}
+ {{ end }}
+
+ {{ range $index, $page := $pages }}
+
+
+ {{ if .Params.link }}
+ {{ .Title }}
+ {{ else }}
+ {{ .Title }}
+ {{ end }}
+ {{ .Content }}
+ {{ if .Params.objectStorage }}
+ 
+ {{ end }}
+ {{ if .Params.volumesnapshotter }}
+ 
+ {{ end }}
+ {{ if .Params.localStorage }}
+ 
+ {{ end }}
+ {{ if .Params.supportedByVeleroTeam }}
+ 
+ {{ end }}
+ {{ if .Params.BackupItemAction }}
+ 
+ {{ end }}
+ {{ if .Params.RestoreItemAction }}
+ 
+ {{ end }}
+ {{ if .Params.beta }}
+ 
+ {{ end }}
+
+
+ {{ $currentIndex := add $index 1 }}
+ {{ $row := mod $currentIndex 3 }}
+ {{ if eq $row 0 }}
+
+
+ {{ end }}
+ {{ end }}
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/partials/use-cases.html b/site/themes/template/layouts/partials/use-cases.html
new file mode 100644
index 000000000..36f905a97
--- /dev/null
+++ b/site/themes/template/layouts/partials/use-cases.html
@@ -0,0 +1,41 @@
+
+ Features
+
+
+ 
+
+
+ Create Re-Useable Supply Chains
+ Templating is built into the core of Cartographer - allowing the user to write K8s resource definitions once and re-use them in any supply chain. Supply chains are also templated by default and can be re-used for many types of applications.
+
+ The end result is a minimum amount of yaml configuration necessary for platform teams and developers.
+
+
+
+
+
+ Defined Interface for Each Role
+ Supply chains are independent from workloads and define all and any of the steps that are necessary for an application to reach production - CI, integration & performance tests, Security (SAST & DAST), Compliance, etc... They're also cluster scoped allowing platform teams to add them to a cluster and for each development team to use the same supply chains.
+
+ Updating supply chains on a cluster makes day 2 operations easy. Applying a new supply chain means that any team using it will get the updates as soon as they've been applied.
+
+ Workloads provide an abstraction layer allowing developers to focus on their application and the application configuration parameters that they care about.
+
+
+
+ 
+
+
+
+
+ 
+
+
+ Works with Existing Tools
+ Cartographer was designed to work with any K8s objects. As long as they are applied to a cluster they can be used in a supply chain. Cartographer allows you to wrap and template each of the objects that you would normally apply to a cluster and use them within a supply chain.
+
+ The choreography engine lets a Cartographer user define sharp tools for each part of a path to production and allowing the tool to do what it was designed to do. When each tool completes, Cartographer passes any output from a previous tool to the next one in the supply chain.
+
+
+
+
\ No newline at end of file
diff --git a/site/themes/template/layouts/shortcodes/table.html b/site/themes/template/layouts/shortcodes/table.html
new file mode 100644
index 000000000..f48500ace
--- /dev/null
+++ b/site/themes/template/layouts/shortcodes/table.html
@@ -0,0 +1,10 @@
+
+{{ $hasCaption := isset .Params "caption" }}
+{{ $caption := .Get "caption" }}
+{{ $captionEl := printf "%s " $caption }}
+{{ $table := .Inner | .Page.RenderString }}
+{{ $html := cond $hasCaption ($table | replaceRE "" $captionEl) $table | safeHTML }}
+{{ $html }}
\ No newline at end of file
diff --git a/site/themes/template/static/fonts/Metropolis-Bold.eot b/site/themes/template/static/fonts/Metropolis-Bold.eot
new file mode 100644
index 000000000..47329bfe2
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Bold.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-Bold.woff b/site/themes/template/static/fonts/Metropolis-Bold.woff
new file mode 100644
index 000000000..b9eb25136
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Bold.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-Bold.woff2 b/site/themes/template/static/fonts/Metropolis-Bold.woff2
new file mode 100644
index 000000000..13202b0e7
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Bold.woff2 differ
diff --git a/site/themes/template/static/fonts/Metropolis-BoldItalic.eot b/site/themes/template/static/fonts/Metropolis-BoldItalic.eot
new file mode 100644
index 000000000..b1ce9a112
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-BoldItalic.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-BoldItalic.woff b/site/themes/template/static/fonts/Metropolis-BoldItalic.woff
new file mode 100644
index 000000000..3d0d67d86
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-BoldItalic.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-BoldItalic.woff2 b/site/themes/template/static/fonts/Metropolis-BoldItalic.woff2
new file mode 100644
index 000000000..00e85e5ff
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-BoldItalic.woff2 differ
diff --git a/site/themes/template/static/fonts/Metropolis-Light.eot b/site/themes/template/static/fonts/Metropolis-Light.eot
new file mode 100644
index 000000000..2e56960aa
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Light.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-Light.woff b/site/themes/template/static/fonts/Metropolis-Light.woff
new file mode 100644
index 000000000..7bdd5d9ff
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Light.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-Light.woff2 b/site/themes/template/static/fonts/Metropolis-Light.woff2
new file mode 100644
index 000000000..20be7d16b
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Light.woff2 differ
diff --git a/site/themes/template/static/fonts/Metropolis-LightItalic.eot b/site/themes/template/static/fonts/Metropolis-LightItalic.eot
new file mode 100644
index 000000000..ab38319f3
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-LightItalic.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-LightItalic.woff b/site/themes/template/static/fonts/Metropolis-LightItalic.woff
new file mode 100644
index 000000000..9dbe57082
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-LightItalic.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-LightItalic.woff2 b/site/themes/template/static/fonts/Metropolis-LightItalic.woff2
new file mode 100644
index 000000000..b3f93365b
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-LightItalic.woff2 differ
diff --git a/site/themes/template/static/fonts/Metropolis-Medium.eot b/site/themes/template/static/fonts/Metropolis-Medium.eot
new file mode 100644
index 000000000..9cd399d29
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Medium.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-Medium.woff b/site/themes/template/static/fonts/Metropolis-Medium.woff
new file mode 100644
index 000000000..90cb752a5
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Medium.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-Medium.woff2 b/site/themes/template/static/fonts/Metropolis-Medium.woff2
new file mode 100644
index 000000000..27e44d78f
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Medium.woff2 differ
diff --git a/site/themes/template/static/fonts/Metropolis-MediumItalic.eot b/site/themes/template/static/fonts/Metropolis-MediumItalic.eot
new file mode 100644
index 000000000..b1cc6b03c
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-MediumItalic.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-MediumItalic.woff b/site/themes/template/static/fonts/Metropolis-MediumItalic.woff
new file mode 100644
index 000000000..34335d647
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-MediumItalic.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-MediumItalic.woff2 b/site/themes/template/static/fonts/Metropolis-MediumItalic.woff2
new file mode 100644
index 000000000..4f2c65dab
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-MediumItalic.woff2 differ
diff --git a/site/themes/template/static/fonts/Metropolis-Regular.eot b/site/themes/template/static/fonts/Metropolis-Regular.eot
new file mode 100644
index 000000000..bc0423973
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Regular.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-Regular.woff b/site/themes/template/static/fonts/Metropolis-Regular.woff
new file mode 100644
index 000000000..312202cf1
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Regular.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-Regular.woff2 b/site/themes/template/static/fonts/Metropolis-Regular.woff2
new file mode 100644
index 000000000..489413a67
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-Regular.woff2 differ
diff --git a/site/themes/template/static/fonts/Metropolis-RegularItalic.eot b/site/themes/template/static/fonts/Metropolis-RegularItalic.eot
new file mode 100644
index 000000000..624252379
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-RegularItalic.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-RegularItalic.woff b/site/themes/template/static/fonts/Metropolis-RegularItalic.woff
new file mode 100644
index 000000000..63846f94e
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-RegularItalic.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-RegularItalic.woff2 b/site/themes/template/static/fonts/Metropolis-RegularItalic.woff2
new file mode 100644
index 000000000..062cf169f
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-RegularItalic.woff2 differ
diff --git a/site/themes/template/static/fonts/Metropolis-SemiBold.eot b/site/themes/template/static/fonts/Metropolis-SemiBold.eot
new file mode 100644
index 000000000..56ec45a95
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-SemiBold.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-SemiBold.woff b/site/themes/template/static/fonts/Metropolis-SemiBold.woff
new file mode 100644
index 000000000..c41071185
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-SemiBold.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-SemiBold.woff2 b/site/themes/template/static/fonts/Metropolis-SemiBold.woff2
new file mode 100644
index 000000000..a2f41d6d1
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-SemiBold.woff2 differ
diff --git a/site/themes/template/static/fonts/Metropolis-SemiBoldItalic.eot b/site/themes/template/static/fonts/Metropolis-SemiBoldItalic.eot
new file mode 100644
index 000000000..3d9e09350
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-SemiBoldItalic.eot differ
diff --git a/site/themes/template/static/fonts/Metropolis-SemiBoldItalic.woff b/site/themes/template/static/fonts/Metropolis-SemiBoldItalic.woff
new file mode 100644
index 000000000..522f97da2
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-SemiBoldItalic.woff differ
diff --git a/site/themes/template/static/fonts/Metropolis-SemiBoldItalic.woff2 b/site/themes/template/static/fonts/Metropolis-SemiBoldItalic.woff2
new file mode 100644
index 000000000..8d6010864
Binary files /dev/null and b/site/themes/template/static/fonts/Metropolis-SemiBoldItalic.woff2 differ
diff --git a/site/themes/template/static/fonts/Open Font License.md b/site/themes/template/static/fonts/Open Font License.md
new file mode 100644
index 000000000..9f52ca56e
--- /dev/null
+++ b/site/themes/template/static/fonts/Open Font License.md
@@ -0,0 +1,105 @@
+ Copyright (c) 2015, Chris Simpson , with Reserved Font Name: "Metropolis".
+
+ This Font Software is licensed under the SIL Open Font License, Version 1.1.
+ This license is copied below, and is also available with a FAQ at:
+ http://scripts.sil.org/OFL
+
+ Version 2.0 - 18 March 2012
+
+
+SIL Open Font License
+====================================================
+
+
+Preamble
+----------
+
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+Definitions
+-------------
+
+`"Font Software"` refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+`"Reserved Font Name"` refers to any names specified as such after the
+copyright statement(s).
+
+`"Original Version"` refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+`"Modified Version"` refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+`"Author"` refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+Permission & Conditions
+------------------------
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1. Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2. Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3. No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4. The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5. The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+Termination
+-----------
+
+This license becomes null and void if any of the above conditions are
+not met.
+
+
+ DISCLAIMER
+
+ THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+ OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+ COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+ DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+ OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/site/themes/template/static/fonts/README.md b/site/themes/template/static/fonts/README.md
new file mode 100644
index 000000000..e6b973aba
--- /dev/null
+++ b/site/themes/template/static/fonts/README.md
@@ -0,0 +1,24 @@
+
+
+# The Metropolis Typeface
+
+The Vision
+---
+To create a modern, geometric typeface. Open sourced, and openly available. Influenced by other popular geometric, minimalist sans-serif typefaces of the new millenium. Designed for optimal readability at small point sizes while beautiful at large point sizes.
+
+December 2017 update
+---
+Currently working on greatly improving spacing and kerning of the base typeface. Once this is done, work on other variations (e.g. rounded or slab) can begin in earnest.
+
+The License
+---
+Licensed under Open Font License (OFL). Available to anyone and everyone. Contributions welcome.
+
+Contact
+---
+Contact me via chris.m.simpson@icloud.com or http://twitter.com/ChrisMSimpson for any questions, requests or improvements (or just submit a pull request).
+
+Support
+---
+You can now support work on Metropolis via Patreon at https://www.patreon.com/metropolis.
+
diff --git a/site/themes/template/static/img/administration.svg b/site/themes/template/static/img/administration.svg
new file mode 100644
index 000000000..26dad4d7c
--- /dev/null
+++ b/site/themes/template/static/img/administration.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/arrow.svg b/site/themes/template/static/img/arrow.svg
new file mode 100644
index 000000000..40e0444fe
--- /dev/null
+++ b/site/themes/template/static/img/arrow.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/authentication.svg b/site/themes/template/static/img/authentication.svg
new file mode 100644
index 000000000..7a7442ed5
--- /dev/null
+++ b/site/themes/template/static/img/authentication.svg
@@ -0,0 +1,36 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/blog-placeholder.png b/site/themes/template/static/img/blog-placeholder.png
new file mode 100644
index 000000000..beae62c19
Binary files /dev/null and b/site/themes/template/static/img/blog-placeholder.png differ
diff --git a/site/themes/template/static/img/calendar.svg b/site/themes/template/static/img/calendar.svg
new file mode 100644
index 000000000..2416fe3f6
--- /dev/null
+++ b/site/themes/template/static/img/calendar.svg
@@ -0,0 +1,34 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/close.svg b/site/themes/template/static/img/close.svg
new file mode 100644
index 000000000..290e92014
--- /dev/null
+++ b/site/themes/template/static/img/close.svg
@@ -0,0 +1,12 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/cloud.svg b/site/themes/template/static/img/cloud.svg
new file mode 100644
index 000000000..1f20797e1
--- /dev/null
+++ b/site/themes/template/static/img/cloud.svg
@@ -0,0 +1,48 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/docs-placeholder.png b/site/themes/template/static/img/docs-placeholder.png
new file mode 100644
index 000000000..469d1596d
Binary files /dev/null and b/site/themes/template/static/img/docs-placeholder.png differ
diff --git a/site/themes/template/static/img/down-arrow.svg b/site/themes/template/static/img/down-arrow.svg
new file mode 100644
index 000000000..c32d093a9
--- /dev/null
+++ b/site/themes/template/static/img/down-arrow.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/favicon.png b/site/themes/template/static/img/favicon.png
new file mode 100644
index 000000000..dc367db5b
Binary files /dev/null and b/site/themes/template/static/img/favicon.png differ
diff --git a/site/themes/template/static/img/frictionless.svg b/site/themes/template/static/img/frictionless.svg
new file mode 100644
index 000000000..4adc6ae99
--- /dev/null
+++ b/site/themes/template/static/img/frictionless.svg
@@ -0,0 +1,15 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/github-blue.svg b/site/themes/template/static/img/github-blue.svg
new file mode 100644
index 000000000..535c13cae
--- /dev/null
+++ b/site/themes/template/static/img/github-blue.svg
@@ -0,0 +1,16 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/github-image.svg b/site/themes/template/static/img/github-image.svg
new file mode 100644
index 000000000..45b511026
--- /dev/null
+++ b/site/themes/template/static/img/github-image.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/github.svg b/site/themes/template/static/img/github.svg
new file mode 100644
index 000000000..17704a43a
--- /dev/null
+++ b/site/themes/template/static/img/github.svg
@@ -0,0 +1,17 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/hamburger.svg b/site/themes/template/static/img/hamburger.svg
new file mode 100644
index 000000000..92824a783
--- /dev/null
+++ b/site/themes/template/static/img/hamburger.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/left-arrow.svg b/site/themes/template/static/img/left-arrow.svg
new file mode 100644
index 000000000..4b0599fea
--- /dev/null
+++ b/site/themes/template/static/img/left-arrow.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/right-arrow.svg b/site/themes/template/static/img/right-arrow.svg
new file mode 100644
index 000000000..72f77e72a
--- /dev/null
+++ b/site/themes/template/static/img/right-arrow.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/seamless.svg b/site/themes/template/static/img/seamless.svg
new file mode 100644
index 000000000..0c158ddf7
--- /dev/null
+++ b/site/themes/template/static/img/seamless.svg
@@ -0,0 +1,14 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/search-icon.svg b/site/themes/template/static/img/search-icon.svg
new file mode 100644
index 000000000..273b61def
--- /dev/null
+++ b/site/themes/template/static/img/search-icon.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/security.svg b/site/themes/template/static/img/security.svg
new file mode 100644
index 000000000..b41bf3522
--- /dev/null
+++ b/site/themes/template/static/img/security.svg
@@ -0,0 +1,26 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/simple.svg b/site/themes/template/static/img/simple.svg
new file mode 100644
index 000000000..050633cb2
--- /dev/null
+++ b/site/themes/template/static/img/simple.svg
@@ -0,0 +1,15 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/slack.png b/site/themes/template/static/img/slack.png
new file mode 100644
index 000000000..f7f731f21
Binary files /dev/null and b/site/themes/template/static/img/slack.png differ
diff --git a/site/themes/template/static/img/slack.svg b/site/themes/template/static/img/slack.svg
new file mode 100644
index 000000000..cb5eb7850
--- /dev/null
+++ b/site/themes/template/static/img/slack.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/img/team-placeholder.png b/site/themes/template/static/img/team-placeholder.png
new file mode 100644
index 000000000..69261bca7
Binary files /dev/null and b/site/themes/template/static/img/team-placeholder.png differ
diff --git a/site/themes/template/static/img/twitter.png b/site/themes/template/static/img/twitter.png
new file mode 100644
index 000000000..0848b4e3d
Binary files /dev/null and b/site/themes/template/static/img/twitter.png differ
diff --git a/site/themes/template/static/img/vmware-logo.svg b/site/themes/template/static/img/vmware-logo.svg
new file mode 100644
index 000000000..6d9eefe55
--- /dev/null
+++ b/site/themes/template/static/img/vmware-logo.svg
@@ -0,0 +1,26 @@
+
+
\ No newline at end of file
diff --git a/site/themes/template/static/js/main.js b/site/themes/template/static/js/main.js
new file mode 100644
index 000000000..0aa89a7c2
--- /dev/null
+++ b/site/themes/template/static/js/main.js
@@ -0,0 +1,22 @@
+"use strict";
+
+function mobileNavToggle() {
+ var menu = document.getElementById('mobile-menu').parentElement;
+ menu.classList.toggle('mobile-menu-visible');
+}
+
+function docsVersionToggle() {
+ var menu = document.getElementById('dropdown-menu');
+ menu.classList.toggle('dropdown-menu-visible');
+}
+
+window.onclick = function(event) {
+ var
+ target = event.target,
+ menu = document.getElementById('dropdown-menu')
+ ;
+
+ if(!target.classList.contains('dropdown-toggle')) {
+ menu.classList.remove('dropdown-menu-visible');
+ }
+}
\ No newline at end of file
Twitter
GitHub
Slack