getcarina.com/index.html at master · EliBaron/getcarina.com · 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
---
layout: default
---
<section class="home-section hero">
  <div class="section-container">
    <div class="section-grid">
      <div class="hero-message">
        <img src="{% asset_path carina-logo.svg %}" alt="Carina&trade; by Rackspace">
        <p class="tagline">An easy-to-use, instant-on, native container environment</p>
        <div data-ng-controller="SignupFormCtrl as signup">
          <form name="form" novalidate data-ng-submit="form.$valid && signup.submitForm()" data-ng-show="signup.status != 'submitted'">
            <div class="control" data-ng-class="{'error': form.$submitted && form.email.$invalid}">
              <input type="email" name="email" required placeholder="Enter your email address..." data-ng-model="signup.formData.username" data-ga-focus="event" data-category="signup-interaction" data-label="hero-form-username" data-action="focus">
              <div class="control-validation" data-ng-cloak data-ng-show="form.$submitted && (form.email.$error.required || form.email.$error.email)">
                A valid email address is required.
              </div>
            </div>
            <div class="control" data-ng-class="{'error': form.$submitted && form.password.$invalid}">
              <input type="password" name="password" required placeholder="Create a password..." data-ng-model="signup.formData.password" minlength="8" maxlength="100" data-ng-pattern="'(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).{8,100}'" data-ga-focus="event" data-category="signup-interaction" data-label="hero-form-password" data-action="focus">
              <div class="control-validation" data-ng-cloak data-ng-show="form.$submitted && form.password.$error.required">
                A password is required.
              </div>
              <div class="control-validation" data-ng-cloak data-ng-show="form.$submitted && form.password.$error.pattern">
                Your password isn’t strong enough. It should be at least 8 characters long and contain lowercase, uppercase and numeric characters.
              </div>
            </div>
            <div class="control recaptcha" data-ng-class="{'error': form.$submitted && form.recaptchaResponse.$invalid}">
              <div data-rs-recaptcha data-name="recaptchaResponse" data-ng-model="signup.formData.recaptchaResponse"></div>
              <div class="control-validation" data-ng-cloak data-ng-show="form.$submitted && form.recaptchaResponse.$invalid">
                Please complete the reCAPTCHA.
              </div>
            </div>
            <div class="control" data-ng-class="{'error': signup.errorMessage}">
              <button type="submit" data-ng-disabled="signup.status == 'submitting'" data-ga-click="event" data-category="signup-interaction" data-label="hero-form-submit" data-action="click">
                <span data-ng-show="signup.status != 'submitting'">Sign up!</span>
                <span data-ng-cloak data-ng-show="signup.status == 'submitting'">Submitting&hellip;</span>
              </button>
              <div class="control-validation" data-ng-cloak data-ng-bind="signup.errorMessage"></div>
            </div>
          </form>
          <div class="form-submitted" data-ng-cloak data-ng-show="signup.status == 'submitted'">
            <h3>Thanks for signing up for Carina<sup>&trade;</sup>!</h3>
            <p><strong>Check your email</strong> to verify your account and start using Carina<sup>&trade;</sup> right away.</p>
          </div>
        </div>
      </div>
      <div class="hero-graphic">
        {% include svg/hero-cube.svg %}
      </div>
    </div>
  </div>
</section>
<section class="home-section features">
  <div class="section-container">
    <div class="section-grid">
      <div class="summary">
        <h2>
          <span class="accent red">Features</span>
        </h2>
        <p>Carina by Rackspace provides a “zero infrastructure” hosted container environment, where users no longer worry about building, managing, and updating their container environment.</p>
      </div>
      <div class="feature">
        <img src="{% asset_path feature-1.svg %}" alt="">
        <h3>Performance</h3>
        <p>Built for speed - no hypervisor overhead or additional complexity. You get "bare-metal" performance where applications deploy and run up to 60% faster.</p>
      </div>
      <div class="feature">
        <img src="{% asset_path feature-2.svg %}" alt="">
        <h3>Container-Native Tools</h3>
        <p>Instant access to the Docker&trade; toolchain which offers portability across providers, form-factors and container orchestration environments.</p>
      </div>
      <div class="feature">
        <img src="{% asset_path feature-3.svg %}" alt="">
        <h3>Easy to Use</h3>
        <p>Accelerated ramp up through quick installation, intuitive UI &amp; CLI access, world-class documentation and direct developer community support.</p>
      </div>
    </div>
  </div>
</section>
<section class="home-section cp-demo">
  <div class="section-container">
    <div class="section-grid">
      <div class="text">
        <h2>
          <span class="accent yellow">At Your Fingertips</span>
        </h2>
        <p>
          Carina streamlines the entire experience to allow you to get started with containers <strong><a href="{{ site.baseurl }}/docs/getting-started/getting-started-on-carina/">quickly</a></strong>. <strong>Go even faster with <a href="{{ site.baseurl }}/docs/getting-started/getting-started-carina-cli/"><code>carina</code></a>, the command line tool.</strong>
        </p>
        <p>
          {% for post in site.getting-started %}{% if post.url == '/docs/getting-started/getting-started-carina-cli/' %}
            <a href="{{ post.url }}" class="carina-link">Get Started with Carina</a>
          {% endif %}{% endfor %}
        </p>
      </div>
      <div class="demo">
        <div class="demo-frame">
          <img src="{% asset_path carina-demo-simple.gif %}" alt="demo">
        </div>
      </div>
    </div>
  </div>
</section>
<section class="home-section resources">
  <div class="section-container">
    <div class="section-grid">
      <div class="summary">
        <h2>
          <span class="accent blue">Everything you need to get started</span>
        </h2>
        <p>Carina makes container clusters more accessible to everyone, from novices to professional developers.</p>
      </div>
      <div class="resource">
        <div class="image">
          <a href="{{ site.baseurl }}/docs/overview-of-carina/"><img src="{% asset_path resource-1.svg %}" alt="chairs"></a>
        </div>
        {% for post in site.getting-started %}{% if post.url == '/docs/overview-of-carina/' %}
          <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
          <p>{{ post.description }}</p>
          <p><a href="{{ post.url }}">Read More</a></p>
        {% endif %}{% endfor %}
      </div>
      <div class="resource">
        <div class="image">
          <a href="{{ site.baseurl }}/docs/getting-started/getting-started-on-carina/"><img src="{% asset_path resource-2.svg %}" alt=""></a>
        </div>
        {% for post in site.getting-started %}{% if post.url == '/docs/getting-started/getting-started-on-carina/' %}
          <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
          <p>{{ post.description }}</p>
          <p><a href="{{ post.url }}">Read More</a></p>
        {% endif %}{% endfor %}
      </div>
      <div class="resource">
        <div class="image">
          <a href="{{ site.baseurl }}/docs/getting-started/getting-started-carina-cli/"><img src="{% asset_path resource-3.svg %}" alt=""></a>
        </div>
        {% for post in site.getting-started %}{% if post.url == '/docs/getting-started/getting-started-carina-cli/' %}
          <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
          <p>{{ post.description }}</p>
          <p><a href="{{ post.url }}">Read More</a></p>
        {% endif %}{% endfor %}
      </div>
      <div class="resources-button">
        <a href="{{ site.baseurl }}/docs#articles">View All Resources</a>
      </div>
    </div>
  </div>
</section>
<section class="home-section inline-signup">
  <div class="section-container">
    <div class="section-grid">
      <div class="heading">
        <h2>Join the free Carina Beta!</h2>
      </div>
      <div class="signup-form inline" data-ng-controller="SignupFormCtrl as signup">
        <form name="form" novalidate data-ng-submit="form.$valid && signup.submitForm()" data-ng-show="signup.status != 'submitted'">
          <div class="control email" data-ng-class="{'error': form.$submitted && form.email.$invalid}">
            <input type="email" name="email" required placeholder="Enter your email address..." data-ng-model="signup.formData.username" data-ga-focus="event" data-category="signup-interaction" data-label="inline-form-username" data-action="focus">
            <div class="control-validation" data-ng-cloak data-ng-show="form.$submitted && (form.email.$error.required || form.email.$error.email)">
              A valid email address is required.
            </div>
          </div>
          <div class="control password" data-ng-class="{'error': form.$submitted && form.password.$invalid}">
            <input type="password" name="password" required placeholder="Create a password..." data-ng-model="signup.formData.password" minlength="8" maxlength="100" data-ng-pattern="'(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).{8,100}'" data-ga-focus="event" data-category="signup-interaction" data-label="inline-form-password" data-action="focus">
            <div class="control-validation" data-ng-cloak data-ng-show="form.$submitted && form.password.$error.required">
              A password is required.
            </div>
            <div class="control-validation" data-ng-cloak data-ng-show="form.$submitted && form.password.$error.pattern">
              Your password isn’t strong enough. It should be at least 8 characters long and contain lowercase, uppercase and numeric characters.
            </div>
          </div>
          <div class="control submit" data-ng-class="{'error': signup.errorMessage}">
            <button type="submit" data-ng-disabled="signup.status == 'submitting'" data-ga-click="event" data-category="signup-interaction" data-label="inline-form-submit" data-action="click">
              <span data-ng-show="signup.status != 'submitting'">Sign up!</span>
              <span data-ng-cloak data-ng-show="signup.status == 'submitting'">Submitting&hellip;</span>
            </button>
            <div class="control-validation" data-ng-cloak data-ng-bind="signup.errorMessage"></div>
          </div>
        </form>
        <div class="form-submitted" data-ng-cloak data-ng-show="signup.status == 'submitted'">
          <h3>Thanks for signing up for Carina<sup>&trade;</sup>!</h3>
          <p><strong>Check your email</strong> to verify your account and start using Carina<sup>&trade;</sup> right away.</p>
        </div>
      </div>
      <div class="more-info">
        <p>Need more info?<br>Get all the details about our <a href="{{ site.baseurl }}/docs/overview-of-carina/">free beta offering</a>.</p>
      </div>
    </div>
  </div>
</section>
<section class="home-section news">
  <div class="section-container">
    <div class="section-grid">
      <div class="blog">
        <h2>Carina Blog</h2>
        <ul class="news-list">
          {% for post in site.posts limit: 4 %}
            <li class="news-item">
              <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
              <div class="detail">{{ post.author | rfc822name }} &ndash; {{ post.date | date: "%B %-d, %Y" }}</div>
            </li>
          {% endfor %}
        </ul>
      </div>
      <div class="product">
        <h2>Join us on Github</h2>
        <p>We’ve published several resources related to Carina&trade; and Docker&trade; in our <a href="https://github.com/getcarina">public GitHub organization</a>, getcarina. We hope you’ll find these tools useful as you develop applications on Carina. And in the spirit of open source, feel free to submit issues or pull requests to make the Carina Beta experience even better!</p>
        <p><a href="https://github.com/getcarina">Visit the getcarina GitHub organization</a>.</p>
        <h2>Tools &amp; Resources</h2>
        <h3>Carina CLI</h3>
        <p>The <a href="{{ site.baseurl }}/docs/getting-started/getting-started-carina-cli/">command line client for Carina</a> makes using Carina from the command line or integrating Carina actions with other shell scripts fast and easy. <a href="https://github.com/getcarina/carina">Download the Carina CLI</a>.</p>
        <h3>libcarina</h3>
        <p>If you’re developing in Go, <a href="https://github.com/getcarina/libcarina">libcarina</a> provides Go bindings for the Beta release of Carina.</p>
        <h3>#carina on IRC</h3>
        <p>Get help and discussion in the Carina<sup>&trade;</sup> community on our Freenode IRC channel, <a href="https://webchat.freenode.net/?channels=carina">#carina</a>.</p>
      </div>
    </div>
  </div>
</section>