diff --git a/website/source/intro/examples/aws.html.md b/website/source/intro/examples/aws.html.md new file mode 100644 index 000000000..24d1e26b4 --- /dev/null +++ b/website/source/intro/examples/aws.html.md @@ -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 +``` diff --git a/website/source/intro/examples/index.html.markdown b/website/source/intro/examples/index.html.markdown new file mode 100644 index 000000000..f89917f92 --- /dev/null +++ b/website/source/intro/examples/index.html.markdown @@ -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. + + +
+

+Note: The examples use real providers that launch +real 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. +

+
+ +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). diff --git a/website/source/layouts/_header.erb b/website/source/layouts/_header.erb index cd3ccce98..2d2f5c7d7 100644 --- a/website/source/layouts/_header.erb +++ b/website/source/layouts/_header.erb @@ -3,7 +3,7 @@ - + diff --git a/website/source/layouts/intro.erb b/website/source/layouts/intro.erb index 01b51cea1..2a159e6a2 100644 --- a/website/source/layouts/intro.erb +++ b/website/source/layouts/intro.erb @@ -71,6 +71,27 @@ + + > + Example Configurations + + <% end %> diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less index d94b8fd5f..43856142b 100755 --- a/website/source/stylesheets/_home.less +++ b/website/source/stylesheets/_home.less @@ -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; diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css index 8c1d2b54e..c244717ec 100644 --- a/website/source/stylesheets/main.css +++ b/website/source/stylesheets/main.css @@ -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;