terraform/website/source/index.html.erb

234 lines
7.2 KiB
Plaintext
Raw Normal View History

2014-07-16 23:51:48 +02:00
<!-- Main jumbotron for a primary marketing message or call to action -->
<div id="jumbotron-mask">
<div id="jumbotron">
<div class="container">
<div class="col-lg-6 col-md-6">
<h2 class="rls-l">
Service discovery and configuration made easy.
Distributed, highly available, and
datacenter-aware.
</h2>
</div>
<div class="jumbo-logo-wrap col-lg-offset-1 col-lg-5 col-md-6 hidden-xs hidden-sm">
<div class="jumbo-logo"></div>
</div>
<!-- <p><a class="btn btn-primary btn-lg">Learn more &raquo;</a></p> -->
</div>
<div class="jumbotron-dots"></div>
</div>
</div>
2014-07-23 00:31:43 +02:00
<div class="feature" id="feature-auto">
2014-07-16 23:51:48 +02:00
<div class="container">
2014-07-23 00:31:43 +02:00
<div class="row">
2014-07-24 20:43:14 +02:00
<div class="col-lg-7 col-md-7 col-sm-12">
<h2 class="feature-t">Infrastructure as code</h2>
<p>Terraform provides a common configuration to launch infrastructure &mdash;
from physical and virtual servers to email and DNS providers. Once launched,
Terraform safely and efficiently changes infrastructure as the configuration
is evolved.</p>
<p>Simple file based configuration gives you a single view
of your entire infrastructure.</p>
2014-07-16 23:51:48 +02:00
</div>
2014-07-24 20:43:14 +02:00
<div class="col-lg-5 col-md-5 col-sm-12">
<h3 class="terminal-text">$ terraform apply</h3>
</div>
2014-07-16 23:51:48 +02:00
</div>
2014-07-23 00:31:43 +02:00
</div> <!-- /container -->
</div> <!-- /feature -->
2014-07-16 23:51:48 +02:00
2014-07-23 00:31:43 +02:00
<div class="feature" id="feature-iterate">
<div class="container">
<div class="row">
2014-07-24 03:58:55 +02:00
<div class="col-lg-5 col-md-5 col-sm-12">
<div class="it-icon f-icon clearfix">
2014-07-23 00:31:43 +02:00
<div class="t-block"></div>
2014-07-23 03:59:07 +02:00
<div class="t-block t2"></div>
<div class="t-block t3"></div>
<div class="t-block t4"></div>
2014-07-16 23:51:48 +02:00
</div>
</div>
2014-07-24 03:58:55 +02:00
<div class="col-lg-7 col-md-7 col-sm-12">
<h2 class="feature-t">Combine Multiple Providers</h2>
<p>Terraform allows you to effortlessly combine high-level system
providers with your own or with each other. Launch a server from
one cloud provider, add a DNS entry with it's IP with a different
provider. Built-in dependency resolution means
things happen in the right order.</p>
</div>
2014-07-16 23:51:48 +02:00
</div>
</div> <!-- /container -->
2014-07-23 00:31:43 +02:00
</div> <!-- /feature -->
2014-07-16 23:51:48 +02:00
<div class="feature" id="feature-clone">
<div class="container">
<div class="row">
2014-07-24 03:58:55 +02:00
<div class="col-lg-5 col-md-5 col-sm-12">
<h2 class="feature-t">Evolve your Infrastructure</h2>
<p>Your configuration and state can be stored in version control, shared
and distributed among your team. Updates, scaling and modifications
will be planned first, so you can iterate with confidence.</p>
</div>
2014-07-24 03:58:55 +02:00
<div class="col-md-push-1 col-lg-6 col-md-6 col-sm-12">
<div class="clone-icon f-icon">
2014-07-23 04:39:04 +02:00
<div class="c-group clearfix">
<div class="c-col c1">
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
</div>
<div class="c-col c2">
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
</div>
<div class="c-col c3">
<div class="c-block"></div>
<div class="c-block"></div>
</div>
2014-07-23 04:39:04 +02:00
</div>
<div class="c-group cg2">
<div class="c-col c1">
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
</div>
<div class="c-col c2">
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
</div>
<div class="c-col c3">
<div class="c-block"></div>
<div class="c-block"></div>
</div>
2014-07-23 04:39:04 +02:00
</div>
<div class="c-group cg3 clearfix">
<div class="c-col c1">
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
</div>
<div class="c-col c2">
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
<div class="c-block"></div>
</div>
<div class="c-col c3">
<div class="c-block"></div>
<div class="c-block"></div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /container -->
</div> <!-- /feature -->
2014-07-16 23:51:48 +02:00
<div id="demos">
<div class="container">
<div class="terminals row">
<div class="col-xs-12 col-lg-12 explantion">
<h2>Layering Resources</h2>
<p>
Use attributes from other resources to create
a layered infrastructure. Terraform handles ordering
resource creation automatically.
2014-07-16 23:51:48 +02:00
</p>
</div>
<div class="terminal-item col-xs-12 col-lg-12">
<div class="terminal">
<header>
<h4>Example Configuration</h4>
2014-07-16 23:51:48 +02:00
</header>
<div class="terminal-window">
2014-07-25 20:21:29 +02:00
<div class="">
2014-07-16 23:51:48 +02:00
<div class="display">
<p>resource "digitalocean_droplet" "web" {</p>
<p> name = "baz"</p>
<p> size = "512mb"</p>
<p> image = "centos-5-8-x32"</p>
<p> region = "sfo1"</p>
<p>}</p>
<p> </p>
<p>resource "dnsimple_record" "hello" {</p>
<p> domain = "jack.ly"</p>
<p> name = "hello"</p>
<p> value = "<span class="txt-r">${digitalocean_droplet.foobar.ipv4_address}</span>"</p>
<p> type = "A"</p>
<p>}</p>
2014-07-16 23:51:48 +02:00
</div>
</div>
</div>
</div>
</div> <!-- /.terminal-item -->
<div class="col-xs-12 col-lg-12 explantion">
<h2>Fast, Simplified Interaction</h2>
2014-07-16 23:51:48 +02:00
<p>
Simple and intuitive configuration makes even the most complicated services approachable:
no more web consoles, loading bars, or confusing CLI clients.
2014-07-16 23:51:48 +02:00
</p>
</div>
<div class="terminal-item col-xs-12 col-lg-12">
<div class="terminal">
<header>
<h4>Example Configuration</h4>
2014-07-16 23:51:48 +02:00
</header>
<div class="terminal-window">
2014-07-25 20:21:29 +02:00
<div class="">
2014-07-16 23:51:48 +02:00
<div class="display">
<p>resource "aws_elb" "frontend" {</p>
<p> name = "frontend-load-balancer"</p>
<p> listener {</p>
<p> instance_port = 8000</p>
<p> instance_protocol = "http"</p>
<p> lb_port = 80</p>
<p> lb_protocol = "http"</p>
<p> }</p>
<p> </p>
<p> instances = ["${aws_instance.app.*.id}"]</p>
<p>}</p>
<p> </p>
<p>resource "aws_instance" "app" {</p>
<p> count = 5</p>
<p> </p>
<p> ami = "ami-043a5034"</p>
<p> instance_type = "m1.small"</p>
<p>}</p>
2014-07-16 23:51:48 +02:00
</div>
</div>
</div>
</div>
</div> <!-- /.terminal-item -->
</div>
</div>
</div><!-- /#demos -->
<div id="cta">
<div class="container">
<div class="row">
<div class="intro">
2014-07-24 02:14:03 +02:00
<div class="left col-xs-12 col-sm-4 col-sm-offset-1 col-md-offset-2 col-md-4">
2014-07-27 21:16:56 +02:00
<p>The intro contains a walkthrough guide, introductory literature
and a range of examples to experiment with Terraform.</p>
2014-07-16 23:51:48 +02:00
</div>
2014-07-24 02:14:03 +02:00
<div class="col-xs-12 col-sm-6 col-md-4 right">
2014-07-27 21:16:56 +02:00
<a class="outline-btn" href="/intro/index.html">Try Terraform &#187;</a>
2014-07-16 23:51:48 +02:00
</div>
</div>
</div>
</div>
</div>