terraform/website/source/index.html.erb

226 lines
6.9 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-16 23:51:48 +02:00
<div class="col-lg-6 col-md-6">
2014-07-23 00:31:43 +02:00
<h2 class="feature-t">Automatically build infrastructure from code</h2>
2014-07-16 23:51:48 +02:00
</div>
<div class="col-lg-6 col-md-6">
2014-07-23 00:31:43 +02:00
<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-23 04:39:04 +02:00
<div class="col-lg-5 col-md-5">
<div class="it-icon f-icon">
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-23 04:39:04 +02:00
<div class="col-lg-7 col-md-7">
2014-07-23 01:29:54 +02:00
<h2 class="feature-t">Iterate on infrastructure safely</h2>
2014-07-23 00:31:43 +02:00
</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-23 04:39:04 +02:00
<div class="col-lg-5 col-md-5">
2014-07-23 01:44:41 +02:00
<h2 class="feature-t">Clone complete environments easily</h2>
</div>
2014-07-23 04:39:04 +02:00
<div class="col-md-push-1 col-lg-6 col-md-6">
<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>
</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>
</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>DNS Query Interface</h2>
<p>
Look up services using Terraform's built-in DNS server. Support
existing infrastructure without any code change.
</p>
</div>
<div class="terminal-item col-xs-12 col-lg-12">
<div class="terminal">
<header>
<h4>Terminal</h4>
<ul class='shell-dots'>
2014-07-23 01:53:39 +02:00
<li class="d1"></li>
<li class="d2"></li>
<li class="d3"></li>
2014-07-16 23:51:48 +02:00
</ul>
</header>
<div class="terminal-window">
<div class="terminal">
<div class="display">
<p class="command"><span class="txt-r">admin@hashicorp</span>: dig web-frontend.service.terraform. ANY</p>
<p>; &lt;&lt;&gt;&gt; DiG 9.8.3-P1 &lt;&lt;&gt;&gt; web-frontend.service.terraform. ANY</p>
<p>;; global options: +cmd</p>
<p> </p>
<p>;; Got answer:</p>
<p>;; -&gt;&gt;HEADER&lt;&lt;- opcode: QUERY, status: NOERROR, id: 29981</p>
<p>;; flags: qr aa rd ra; QUERY: 1, ANSWER: 2, AUTHORITY: 0, ADDITIONAL: 0</p>
<p> </p>
<p>;; QUESTION SECTION:</p>
<p>;web-frontend.service.terraform. IN ANY</p>
<p> </p>
<p>;; ANSWER SECTION:</p>
<p>web-frontend.service.terraform. 0 IN A <span class="txt-p">10.0.3.83</span></p>
<p>web-frontend.service.terraform. 0 IN A <span class="txt-p">10.0.1.109</span></p>
<p class="command"><span class="txt-r">admin@hashicorp</span>: <span class="cursor">&nbsp;</span></p>
</div>
</div>
</div>
</div>
</div> <!-- /.terminal-item -->
<div class="col-xs-12 col-lg-12 explantion">
<h2>Key Value Storage</h2>
<p>
Terraform provides a hierarchical key/value store with a simple HTTP API.
Managing configuration has never been simpler.
</p>
</div>
<div class="terminal-item col-xs-12 col-lg-12">
<div class="terminal">
<header>
<h4>Terminal</h4>
<ul class='shell-dots'>
2014-07-23 03:46:21 +02:00
<li class="d1"></li>
<li class="d2"></li>
<li class="d3"></li>
2014-07-16 23:51:48 +02:00
</ul>
</header>
<div class="terminal-window">
<div class="terminal">
<div class="display">
<p class="command"><span class="txt-r">admin@hashicorp</span>: curl -X PUT -d 'bar' http://localhost:8500/v1/kv/foo</p>
<p>true</p>
<p class="command"><span class="txt-r">admin@hashicorp</span>: curl http://localhost:8500/v1/kv/foo</p>
<p>[</p>
<p> {</p>
<p> "CreateIndex": 100,</p>
<p> "ModifyIndex": 200,</p>
<p> "Key": "foo",</p>
<p> "Flags": 0,</p>
<p> "Value": <span class="txt-p">"YmFy"</span></p>
<p> }</p>
<p>]</p>
<p class="command"><span class="txt-r">admin@hashicorp</span>: <span class="cursor">&nbsp;</span></p>
</div>
</div>
</div>
</div>
</div> <!-- /.terminal-item -->
</div>
</div>
</div><!-- /#demos -->
<div id="cta">
<div class="container">
<div class="row">
<div class="intro">
<div class="left col-xs-12 col-sm-offset-2 col-sm-4">
<p>The intro and getting started guide contain
a simple and approachable walkthrough for running Terraform locally.</p>
</div>
<div class="col-xs-offset-5 col-xs-12 col-sm-6 col-sm-offset-0 right">
2014-07-23 03:46:21 +02:00
<a class="outline-btn" href="/intro/index.html">Read the intro &#187;</a>
2014-07-16 23:51:48 +02:00
</div>
</div>
</div>
</div>
</div>