website: add examples, intro button cleanup

This commit is contained in:
Jack Pearkes 2014-07-27 15:58:49 -04:00
parent 91e78c19dc
commit 84941de974
6 changed files with 98 additions and 14 deletions

View File

@ -0,0 +1,25 @@
---
layout: "intro"
page_title: "Basic Two-Tier AWS Architecture"
sidebar_current: "examples-aws"
---
# Basic Two-Tier AWS Architecture
This provides a template for running a simple two-tier architecture on Amazon
Web services.
The basic premise is you have stateless app servers running behind
and ELB serving traffic. State for your application is stored in an RDS
database.
This ignores deploying and getting data onto the application
servers intentionally to simplify. However, you could do so either via
[provisioners](/docs/provisioners/index.html) or by pre-baking configured
AMIs with [Packer](http://www.packer.io).
## Configuration
```
FOOBAR
```

View File

@ -0,0 +1,35 @@
---
layout: "intro"
page_title: "Example Configurations"
sidebar_current: "examples"
---
# Example Configurations
These examples are designed to help you understand some
of the ways Terraform can be used.
Other than configuring the provider (with, for example, an API key),
the examples are ready to run as-is.
<div class="alert alert-block alert-warning">
<p>
<strong>Note:</strong> The examples use real providers that launch
<strong>real</strong> resources. That means they can cost money to
experiment with. To avoid unexpected charges, be sure to understand the price
of resources before launching them, and verify any unneeded resources
are cleaned up afterwards.
</p>
</div>
Experimenting in this way can help you learn how the Terraform lifecycle
works, as well as how to repeatedly create and destroy infrastructure.
If you're completely new to Terraform, we recommend reading the
[getting started guide](/intro/getting-started.html) before diving into
the examples. However, due to the intuitive configuration Terraform
uses it isn't required.
To use these examples, Terraform must first be installed on your machine.
You can install Terraform from the [downloads page](/downloads.html).

View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Service discovery and configuration made easy. Distributed, highly available, and datacenter-aware.">
<meta name="description" content="">
<link rel="shortcut icon" href="/images/favicon.png">

View File

@ -71,6 +71,27 @@
</li>
</ul>
</li>
<li<%= sidebar_current("examples") %>>
<a href="/intro/examples/index.html">Example Configurations</a>
<ul class="nav">
<li<%= sidebar_current("examples-aws") %>>
<a href="/intro/examples/aws.html">Basic Two-Tier AWS Architecture</a>
</li>
<li<%= sidebar_current("examples-cross-provider") %>>
<a href="/intro/examples/cross-provider.html">Cross Provider</a>
</li>
<li<%= sidebar_current("examples-count") %>>
<a href="/intro/examples/count.html">Count Parameter</a>
</li>
<li<%= sidebar_current("examples-consul") %>>
<a href="/intro/examples/consul.html">Consul</a>
</li>
</ul>
</li>
</ul>
</div>
<% end %>

View File

@ -110,13 +110,13 @@
}
&.t4{
background-color: rgba(255, 255, 255, .4);
}
background-color: rgba(255, 255, 255, .4);
}
}
h2{
color: white;
}
}
}
#feature-clone{
@ -165,8 +165,8 @@
&.c3{
padding-top: 55px;
}
}
.c-block{
background-color: white;
width: 30px;
@ -194,7 +194,7 @@
}
.right {
//margin-top: 12px;
margin-top: 2px;
}
}
@ -405,7 +405,7 @@
#feature-iterate{
margin-top: -180px;
padding: 300px 0 410px;
}
}
#feature-clone{
margin-top: -180px;
@ -415,7 +415,7 @@
#demos{
margin-top: -180px;
padding-top: 240px;
}
}
}
@media (min-width: 1200px) {
@ -462,7 +462,7 @@
.clone-icon{
padding-left: 0 !important;
}
}
}
}
@media (min-width: 768px) and (max-width:992px) {
@ -653,7 +653,7 @@
width: 290px;
margin: 40px auto 0;
padding-left: 45px !important;
}
}
.c-group{
&.cg2{
@ -665,15 +665,15 @@
}
.c-col{
&.c1{
padding-top: 8px;
}
&.c3{
padding-top: 28px;
}
}
.c-block{
background-color: white;
width: 15px;

View File

@ -887,6 +887,9 @@ body.page-home #footer {
#cta .intro .left {
text-align: right;
}
#cta .intro .right {
margin-top: 2px;
}
#cta p {
padding-top: 4px;
color: white;