lono-docs/index.html at main · boltops-tools/lono-docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
---
layout: default
sidebar: false
---

<header class="masthead">
  <div class="container">
    <div class="row">
      <div class="col-sm-8 col-sm-offset-2">
        <div class="header-content">
          <div class="header-content-inner">
            <h1>Lono: The CloudFormation Framework</h1>
            <h2>Building infrastructure-as-code is challenging. Lono makes it much easier and fun. It includes everything you need to manage and deploy infrastructure-as-code.</h2>
            <a href="{% link getting-started.md %}" class="btn btn-outline btn-xl">Learn More!</a>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <img src="/img/logos/lono-logo.png" class="homepage-logo" />
      </div>
    </div>
  </div>
</header>

<section class="download bg-primary text-center" id="download">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2>What Is Lono?</h2>
        <hr class="star-light">
      </div>
    </div>
    <div class="row">
      <div class="col-lg-6">
        <p>Lono is a CloudFormation framework tool that helps you build your CloudFormation templates and manage the entire CloudFormation stack lifecycle. It enables you to craft the templates and takes you all the way to the final infrastructure provisioning step.</p>
      </div>
      <div class="col-lg-6">
        <p>Lono has been been successfully used to manage over hundreds of CloudFormation templates. It automates an otherwise painstakingly manual process of managing your CloudFormation workflow.</p>
      </div>
    </div>
  </div>
</section>

<section class="features" id="features">
  <div class="container">
    <div class="section-heading text-center">
      <h2>Overview</h2>
      <p class="text-muted">Commands are short and easy to learn</p>
      <hr>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="container-fluid">
          <div class="row">
            <div class="col-lg-6">
              <h3>Commands</h3>
              <div class="commands">
{% highlight sh %}
lono new project  # Generate new project
lono up           # Deploy stack
lono list         # List blueprints
lono plan         # Preview deploy
lono down         # Delete stack
{% endhighlight %}
              </div>
            </div>
            <div class="col-lg-6">
              <h3>app/blueprints/demo/template.rb</h3>
              <div class="commands">
{% highlight ruby %}
description @description

parameter("KeyName")
parameter("InstanceType", "t3.micro")

mapping("AmiMap",
  "us-east-1": { Ami: "ami-0de53d8956e8dcf80" },
  "us-west-2": { Ami: "ami-061392db613a6357b" }
)

resource("Instance", "AWS::EC2::Instance",
  InstanceType: ref("InstanceType"),
  ImageId: find_in_map("AmiMap", ref("AWS::Region"), "Ami"),
  KeyName: ref("KeyName"),
)

output("Instance")
{% endhighlight %}
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-6">
              <h3>params/dev.env</h3>
              <div class="commands">
{% highlight sh %}
KeyName=default-2018-03-18
InstanceType=t3.small
{% endhighlight %}
              </div>
            </div>
            <div class="col-lg-6">
              <h3>vars/dev.rb</h3>
              <div class="commands">
{% highlight ruby %}
# variables are useful at the compile stage
@description = "Demo for #{Lono.env} environment"
# Another useful example could be @subnets
# @subnets = %w[subnet-111 subnet-222]
{% endhighlight %}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

{% include timeline.html %}

<section class="cta">
  <div class="cta-content">
    <div class="container">
      <h2>Learn More</h2>
      <a href="{% link getting-started.md %}" class="btn btn-outline btn-xl">Quick Start</a>
    </div>
  </div>
  <div class="overlay"></div>
</section>