luxolus/open-vault
2
0
Fork 0
Code Issues 1 Pull requests Releases Activity

website: top CTA for interactive terminal, minor step improvements

Browse source
This commit is contained in:
Jack Pearkes 2015-04-22 20:50:05 -07:00
parent f2f3b15916
commit 7042ea2907
6 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
website/source/_ember_steps.html.erb
View file

@ -1,14 +1,15 @@
<script type="text/x-handlebars" data-template-name="welcome">
<p>
As soon as you opened this terminal, you connected to a real in-memory Vault server.
Any commands you enter will work as with Vault normally, but leaving this page
This tutorial is great for getting familiar with the command line
interface to Vault. As soon as you opened this terminal, you connected to a real in-memory Vault server.
Any commands you enter will work as they would with Vault normally, but leaving this page
will end the session.
</p>
<p>
Please note that this is running in a shared environment, so avoid setting any real secrets.
</p>
<p>
<strong>Use the command "next" to move foward</strong>.
<strong>Use the command "next" to move forward</strong>.
</p>
<p>This will work throughout
the tutorial, along with "previous" to go back a step.
@ -28,7 +29,7 @@
<li>- Sealing your Vault</li>
</ul>
<p>
<strong>Again, use "next" to start and initialize your Vault</strong>.
<strong>Again, use "next" to move to the first step – initializing your Vault</strong>.
</p>
</script>
@ -42,7 +43,7 @@
of Vault.
</p>
<p>
Initialize a Vault now, with 1 unseal key, using the command:
Initialize Vault now, with 1 unseal key, using the command:
</p>
<p>
<code>vault init -key-shares=1 -key-threshold=1</code>

2
website/source/assets/javascripts/demo/initializer/load-steps.js
View file

@ -6,7 +6,7 @@ Ember.Application.initializer({
var store = container.lookup('store:main');
var steps = {
"steps": [
{ id: 0, name: 'welcome', humanName: "Welcome to the Vault Interactive Demo!"},
{ id: 0, name: 'welcome', humanName: "Welcome to the Vault Interactive Tutorial!"},
{ id: 1, name: 'steps', humanName: "Step 1: Overview"},
{ id: 2, name: 'init', humanName: "Step 2: Initialize your Vault"},
{ id: 3, name: 'unseal', humanName: "Step 3: Unsealing your Vault"},

2
website/source/assets/javascripts/demo/views/demo.js
View file

@ -30,8 +30,6 @@ Demo.DemoView = Ember.View.extend({
controller.transitionTo('index');
});
element.hide().fadeIn(300);
// Scroll to the bottom of the element
element.scrollTop(element[0].scrollHeight);

6
website/source/assets/stylesheets/_buttons.scss
View file

@ -18,7 +18,7 @@
&.sml{
font-size: 15px;
padding: 8px 40px;
}
}
&.blue{
color: $blue;
@ -33,6 +33,8 @@
&.terminal{
padding-left: 52px;
padding-right: 30px;
margin-left: 12px;
background: image-url('../images/icon-terminal.png') 16px center no-repeat;
@include img-retina("../images/icon-terminal.png", "../images/icon-terminal@2x.png", 26px, 25px);
}
@ -53,4 +55,4 @@
color: $black;
}
}
}
}

4
website/source/assets/stylesheets/_demo.scss
View file

@ -24,7 +24,7 @@
.instruction {
overflow: scroll;
padding: 8px;
padding: 10px;
width: 800px;
margin: 0 auto;
background-color: darken($blue, 28%);
@ -78,7 +78,7 @@
padding: 25px 65px 0 25px;
padding-bottom: 50px;
width: 100%;
top: 220px;
top: 225px;
bottom: 0;
display: block;

2
website/source/index.html.erb
View file

@ -21,6 +21,7 @@
<h2 id="tag-line">A tool for managing secrets.</h2>
<div>
<a class="v-btn blue lrg" href="/intro">Get Started</a>
<a class="v-btn black lrg terminal" href="/#/demo/0">Launch Interactive Terminal</a>
</div>
<div id="diagram"></div>
<p><span class="strong">Vault</span> secures, stores, and tightly controls access to tokens, passwords, certificates, API keys, and other secrets in modern computing. Vault handles leasing, key revocation, key rolling, and auditing. Vault presents a unified API to access multiple backends: HSMs, AWS IAM, SQL databases, raw key/value, and more.
@ -56,7 +57,6 @@
Every secret in Vault is associated with a lease. Clients must renew their secret within the lease period, or request a new secret. Key rolling is as simple as storing a new secret and revoking existing secrets or waiting for the lease period to expire.
<div class="feature-footer">
<a class="v-btn black sml" href="/intro">Learn more</a>
<a class="v-btn black sml terminal" href="/#/demo/crud">Launch Interactive Terminal</a>
</div>
</p>
</div> <!-- .feature -->