mirror of
https://github.com/optim-enterprises-bv/vault.git
synced 2025-11-02 11:38:02 +00:00
Add new colored header styles
This commit is contained in:
Seth Vargo
@@ -1,3 +1,3 @@
|
||||
source "https://rubygems.org"
|
||||
|
||||
gem "middleman-hashicorp", "0.3.18"
|
||||
gem "middleman-hashicorp", "0.3.22"
|
||||
|
||||
@@ -77,7 +77,7 @@ GEM
|
||||
rack (>= 1.4.5, < 2.0)
|
||||
thor (>= 0.15.2, < 2.0)
|
||||
tilt (~> 1.4.1, < 2.0)
|
||||
middleman-hashicorp (0.3.18)
|
||||
middleman-hashicorp (0.3.22)
|
||||
bootstrap-sass (~> 3.3)
|
||||
builder (~> 3.2)
|
||||
middleman (~> 3.4)
|
||||
@@ -151,7 +151,7 @@ PLATFORMS
|
||||
ruby
|
||||
|
||||
DEPENDENCIES
|
||||
middleman-hashicorp (= 0.3.18)
|
||||
middleman-hashicorp (= 0.3.22)
|
||||
|
||||
BUNDLED WITH
|
||||
1.14.6
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
VERSION?="0.3.18"
|
||||
VERSION?="0.3.22"
|
||||
|
||||
website:
|
||||
@echo "==> Starting website in Docker..."
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
"builders": [
|
||||
{
|
||||
"type": "docker",
|
||||
"image": "hashicorp/middleman-hashicorp:0.3.18",
|
||||
"image": "hashicorp/middleman-hashicorp:0.3.22",
|
||||
"discard": "true",
|
||||
"run_command": ["-d", "-i", "-t", "{{ .Image }}", "/bin/sh"]
|
||||
}
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
---
|
||||
noindex: true
|
||||
---
|
||||
|
||||
<h2>Page Not Found</h2>
|
||||
14
website/source/404.html.md
Normal file
14
website/source/404.html.md
Normal file
@@ -0,0 +1,14 @@
|
||||
---
|
||||
layout: "inner"
|
||||
page_title: "Not Found"
|
||||
noindex: true
|
||||
description: |-
|
||||
Page not found!
|
||||
---
|
||||
|
||||
# Page Not Found
|
||||
|
||||
Sorry, the page you tried to visit does not exist. This could be our fault,
|
||||
and if so we will fix that up right away.
|
||||
|
||||
Please go back, or go back to get back on track.
|
||||
@@ -1,38 +1,7 @@
|
||||
|
||||
<svg width="122px" height="42px" viewBox="424 372 122 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<desc>HashiCorp Vault</desc>
|
||||
<defs>
|
||||
<polygon id="path-1" points="20.9998984 42 0 42 0 0 20.9998984 0 41.9997968 0 41.9997968 42 20.9998984 42"></polygon>
|
||||
<polygon id="path-3" points="0 42 121.627258 42 121.627258 0 0 0"></polygon>
|
||||
</defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(424.000000, 372.000000)">
|
||||
<polygon id="Fill-1" fill="#000000" points="68.5607323 10.1811387 72.8210226 10.1811387 66.3496355 31.8389129 60.3009581 31.8389129 53.829571 10.1811387 58.0898613 10.1811387 63.3249581 28.2296226"></polygon>
|
||||
<g id="Group-24">
|
||||
<path d="M81.990029,25.8550645 L79.0635774,25.8550645 C77.7629323,25.8550645 77.4039,26.2127419 77.4039,27.4165161 C77.4039,28.5220645 77.7629323,29.009129 78.9985452,29.009129 C80.1691258,29.009129 81.2421581,28.6196129 81.990029,28.1962258 L81.990029,25.8550645 Z M85.9563194,31.8387097 L82.7060613,31.8387097 L82.4120613,30.7656774 C80.982029,31.7086452 79.2911903,32.163871 77.6979,32.163871 C74.8032871,32.163871 73.5669968,30.1803871 73.5669968,27.4490323 C73.5669968,24.2292581 74.9658677,22.9936452 78.1849645,22.9936452 L81.990029,22.9936452 L81.990029,21.3353226 C81.990029,19.5787742 81.5016097,18.9609677 78.9653516,18.9609677 C77.5353194,18.9609677 75.9738677,19.1560645 74.5756742,19.4487097 L74.0872548,16.4247097 C75.5836742,15.9694839 77.7629323,15.6768387 79.5188032,15.6768387 C84.4930935,15.6768387 85.9563194,17.4327097 85.9563194,21.4003548 L85.9563194,31.8387097 Z" id="Fill-2" fill="#000000"></path>
|
||||
<path d="M92.8485871,16.0020677 L92.8485871,27.058229 C92.8485871,27.9036484 93.2069419,28.3263581 94.1173935,28.3263581 C95.0928774,28.3263581 96.8162323,27.7410677 98.2469419,26.9938742 L98.2469419,16.0020677 L102.214587,16.0020677 L102.214587,31.8387774 L99.1899097,31.8387774 L98.7997161,30.5056161 C96.8162323,31.4811 94.3118129,32.1639387 92.4583935,32.1639387 C89.8252645,32.1639387 88.8822968,30.3105194 88.8822968,27.4809387 L88.8822968,16.0020677 L92.8485871,16.0020677 Z" id="Fill-4" fill="#000000"></path>
|
||||
<polygon id="Fill-6" fill="#000000" points="105.628306 31.8387097 105.628306 9.5306129 109.594597 8.97783871 109.594597 31.8387097"></polygon>
|
||||
<path d="M121.431213,31.5463355 C120.585794,31.9033355 118.961342,32.1641419 117.952665,32.1641419 C115.058052,32.1641419 113.594826,30.7984645 113.594826,27.9688839 L113.594826,19.1563355 L111.221148,19.1563355 L111.221148,16.002271 L113.594826,16.002271 L113.594826,12.0671419 L117.562471,11.5143677 L117.562471,16.002271 L121.626987,16.002271 L121.366181,19.1563355 L117.562471,19.1563355 L117.562471,27.4486258 C117.562471,28.2940452 117.952665,28.8474968 118.992503,28.8474968 C119.579148,28.8474968 120.293148,28.7167548 120.975987,28.5216581 L121.431213,31.5463355 Z" id="Fill-8" fill="#000000"></path>
|
||||
<g id="Group-12">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<g id="Clip-11"></g>
|
||||
<polygon id="Fill-10" fill="#000000" mask="url(#mask-2)" points="41.9997968 0 20.9239258 42 -0.000203225806 0"></polygon>
|
||||
</g>
|
||||
<mask id="mask-4" fill="white">
|
||||
<use xlink:href="#path-3"></use>
|
||||
</mask>
|
||||
<g id="Clip-14"></g>
|
||||
<polygon id="Fill-13" fill="#FFFFFF" mask="url(#mask-4)" points="16.1300323 10.8637742 18.5653548 10.8637742 18.5653548 8.42912903 16.1300323 8.42912903"></polygon>
|
||||
<polygon id="Fill-15" fill="#FFFFFF" mask="url(#mask-4)" points="19.7826774 10.8637742 22.218 10.8637742 22.218 8.42912903 19.7826774 8.42912903"></polygon>
|
||||
<polygon id="Fill-16" fill="#FFFFFF" mask="url(#mask-4)" points="23.4136452 10.8637742 25.8489677 10.8637742 25.8489677 8.42912903 23.4136452 8.42912903"></polygon>
|
||||
<polygon id="Fill-17" fill="#FFFFFF" mask="url(#mask-4)" points="16.1300323 14.5157419 18.5653548 14.5157419 18.5653548 12.0810968 16.1300323 12.0810968"></polygon>
|
||||
<polygon id="Fill-18" fill="#FFFFFF" mask="url(#mask-4)" points="19.7826774 14.5157419 22.218 14.5157419 22.218 12.0810968 19.7826774 12.0810968"></polygon>
|
||||
<polygon id="Fill-19" fill="#FFFFFF" mask="url(#mask-4)" points="23.4136452 14.5157419 25.8489677 14.5157419 25.8489677 12.0810968 23.4136452 12.0810968"></polygon>
|
||||
<polygon id="Fill-20" fill="#FFFFFF" mask="url(#mask-4)" points="16.1300323 18.1683871 18.5653548 18.1683871 18.5653548 15.7337419 16.1300323 15.7337419"></polygon>
|
||||
<polygon id="Fill-21" fill="#FFFFFF" mask="url(#mask-4)" points="19.7826774 18.1683871 22.218 18.1683871 22.218 15.7337419 19.7826774 15.7337419"></polygon>
|
||||
<polygon id="Fill-22" fill="#FFFFFF" mask="url(#mask-4)" points="19.7826774 21.8203548 22.218 21.8203548 22.218 19.3857097 19.7826774 19.3857097"></polygon>
|
||||
<polygon id="Fill-23" fill="#FFFFFF" mask="url(#mask-4)" points="23.4346452 18.1683871 25.8692903 18.1683871 25.8692903 15.7337419 23.4346452 15.7337419"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122 42">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path class="v" fill-rule="nonzero" d="M42 0L20.924 42 0 0"/>
|
||||
<path class="squares" fill-rule="nonzero" d="M16.13 10.864h2.435V8.43H16.13m3.653 2.434h2.435V8.43h-2.435m3.63 2.434h2.436V8.43h-2.44m-7.29 6.086h2.43V12.08h-2.43m3.65 2.436h2.434V12.08h-2.43m3.63 2.436h2.435V12.08H23.4m-7.283 6.088h2.434v-2.434h-2.43m3.656 2.434h2.43v-2.434h-2.43m0 6.086h2.436v-2.434h-2.43m3.654-1.218h2.434v-2.434h-2.44"/>
|
||||
<path class="text" d="M63.75 28.392l5.233-18.037h4.257L66.772 32h-6.045L54.26 10.355h4.258l5.232 18.037zm21.767-6.825V32h-3.25l-.293-1.073c-1.43.943-3.12 1.398-4.712 1.398-2.893 0-4.128-1.983-4.128-4.713 0-3.217 1.398-4.452 4.615-4.452h3.8v-1.657c0-1.756-.49-2.373-3.025-2.373-1.43 0-2.99.195-4.388.488l-.49-3.023c1.496-.455 3.674-.747 5.43-.747 4.97 0 6.434 1.754 6.434 5.72zm-3.965 6.793v-2.34h-2.925c-1.3 0-1.658.358-1.658 1.56 0 1.105.353 1.593 1.59 1.593 1.17 0 2.24-.39 2.99-.813zm7.012-12.188v11.473c0 2.828.942 4.68 3.575 4.68 1.85 0 4.35-.683 6.332-1.658l.39 1.333h3.023V16.172H97.92v10.985c-1.43.748-3.152 1.333-4.127 1.333-.91 0-1.267-.422-1.267-1.267v-11.05H88.56zM109.388 32V9.152l-3.965.553V32h3.965zm11.497-3.315c-.683.195-1.398.325-1.983.325-1.04 0-1.43-.553-1.43-1.398v-8.287h3.803l.26-3.152h-4.063v-4.485l-3.965.552v3.932h-2.372v3.153h2.372v8.808c0 2.827 1.463 4.192 4.355 4.192 1.008 0 2.633-.26 3.478-.618l-.455-3.022z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 1.4 KiB |
@@ -1 +0,0 @@
|
||||
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="60" height="66" viewBox="0 0 60 66"><style>.st0{fill:#FFFFFF;}</style><path d="M59 4L29.9 62 1 4z"/><path class="st0" d="M23.3 15.6h3.4V19h-3.4zM28.3 15.6h3.4V19h-3.4zM33.3 15.6h3.4V19h-3.4zM23.3 20.7h3.4v3.4h-3.4zM28.3 20.7h3.4v3.4h-3.4zM33.3 20.7h3.4v3.4h-3.4zM23.3 25.7h3.4v3.4h-3.4zM28.3 25.7h3.4v3.4h-3.4zM28.3 30.8h3.4v3.4h-3.4zM33.4 25.7h3.4v3.4h-3.4z"/></svg>
|
||||
|
Before Width: | Height: | Size: 427 B |
@@ -1,60 +1,37 @@
|
||||
.v-btn {
|
||||
box-shadow: 2px 3px 2px rgba(0,0,0,0.08);
|
||||
.button {
|
||||
background: $button-background;
|
||||
border: 1px solid $button-font-color;
|
||||
box-shadow: 3px 4px 0 rgba(0,0,0,0.1);
|
||||
color: $button-font-color;
|
||||
display: inline-block;
|
||||
background-color: $white;
|
||||
color: $black;
|
||||
border: 1px solid $black;
|
||||
font-family: $button-font-family;
|
||||
font-size: $button-font-size;
|
||||
font-weight: $button-font-weight;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 4px;
|
||||
padding: 10px 30px;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
@include transition(color .3s ease-in-out);
|
||||
|
||||
&.lrg {
|
||||
font-size: 18px;
|
||||
padding: 10px 50px;
|
||||
}
|
||||
|
||||
&.sml {
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
padding: 8px 30px;
|
||||
}
|
||||
|
||||
&.blue {
|
||||
color: $blue;
|
||||
border: 1px solid $blue;
|
||||
}
|
||||
|
||||
&.gray {
|
||||
font-weight: 300;
|
||||
color: $gray;
|
||||
border: 1px solid $light-gray;
|
||||
}
|
||||
|
||||
&.terminal {
|
||||
padding-left: 52px;
|
||||
padding-right: 30px;
|
||||
margin-left: 12px;
|
||||
background: image-url('icon-terminal.png') 16px center no-repeat;
|
||||
@include img-retina("icon-terminal.png", "icon-terminal@2x.png", 26px, 25px);
|
||||
}
|
||||
|
||||
&.started {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
@include transition(color .3s ease-in-out);
|
||||
}
|
||||
|
||||
&.blue {
|
||||
color: darken($blue, 8%);
|
||||
}
|
||||
&:hover {
|
||||
background: $button-font-color;
|
||||
border: 1px solid $button-font-color;
|
||||
color: $button-background;
|
||||
}
|
||||
|
||||
&.black {
|
||||
color: lighten($black, 50%);
|
||||
}
|
||||
&.primary {
|
||||
background: $button-primary-background;
|
||||
border: 1px solid darken($button-primary-background, 5%);
|
||||
color: $button-primary-font-color;
|
||||
|
||||
&.gray {
|
||||
color: $black;
|
||||
&:hover {
|
||||
background: lighten($button-primary-background, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
max-width: 800px;
|
||||
min-width: 400px;
|
||||
margin: 0 auto;
|
||||
background-color: darken($blue, 28%);
|
||||
background-color: darken($vault-blue, 28%);
|
||||
|
||||
code {
|
||||
background: none;
|
||||
|
||||
@@ -8,21 +8,22 @@ body.layout-downloads {
|
||||
}
|
||||
|
||||
.download {
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #b2b2b2;
|
||||
padding-bottom: 15px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
padding: 15px;
|
||||
|
||||
.details {
|
||||
padding-left: 95px;
|
||||
padding-left: 20px;
|
||||
|
||||
h2 {
|
||||
margin-top: 30px;
|
||||
margin-top: 4px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 0px;
|
||||
margin-top: 8px;
|
||||
margin: -8px 0 0 0;
|
||||
}
|
||||
|
||||
li {
|
||||
@@ -39,7 +40,7 @@ body.layout-downloads {
|
||||
}
|
||||
|
||||
.icon {
|
||||
img {
|
||||
svg {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
@@ -52,12 +53,7 @@ body.layout-downloads {
|
||||
|
||||
.poweredby {
|
||||
margin-top: 20px;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 122px;
|
||||
}
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -16,7 +16,7 @@ body {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h5 {
|
||||
h1, h2, h3, h4, h5 {
|
||||
font-family: $font-family-klavika;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
#header {
|
||||
// Hamburger menu
|
||||
background: $header-background-color;
|
||||
|
||||
.navbar-toggle {
|
||||
height: $header-height;
|
||||
margin: 0;
|
||||
@@ -7,44 +8,42 @@
|
||||
border-radius: 0;
|
||||
|
||||
.icon-bar {
|
||||
border: 1px solid $black;
|
||||
border: 1px solid $white;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Logo
|
||||
.navbar-brand {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
.logo {
|
||||
color: $header-link-color;
|
||||
display: inline-block;
|
||||
font-family: $font-family-klavika;
|
||||
font-weight: $font-weight-bold;
|
||||
font-size: 0;
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: $header-height;
|
||||
line-height: $header-height;
|
||||
width: 200px;
|
||||
padding-left: 64px;
|
||||
background: image-url('logo-text.svg') 0 0 no-repeat;
|
||||
background-position: left center;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
svg.logo {
|
||||
transition: opacity 0.15s ease-in-out;
|
||||
@extend svg.logo.white;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
opacity: 0.6;
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Nav
|
||||
ul.nav {
|
||||
li {
|
||||
a {
|
||||
color: $header-link-color;
|
||||
font-size: $header-font-size;
|
||||
font-family: $font-family-open-sans;
|
||||
font-weight: $font-weight-bold;
|
||||
height: $header-height;
|
||||
line-height: $header-height;
|
||||
padding: 0 10px;
|
||||
|
||||
@@ -1,4 +1,60 @@
|
||||
#page-home {
|
||||
// Override the main header
|
||||
#header {
|
||||
background: $home-header-background-color;
|
||||
|
||||
.navbar-toggle {
|
||||
.icon-bar {
|
||||
border: 1px solid $home-header-link-color;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
a {
|
||||
svg.logo {
|
||||
@extend svg.logo.color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.nav {
|
||||
li {
|
||||
a {
|
||||
color: $home-header-link-color;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
background-color: transparent;
|
||||
color: $home-header-link-color-hover;
|
||||
|
||||
svg {
|
||||
fill: $home-header-link-color-hover;
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: $home-header-link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
&.terminal {
|
||||
padding-left: 52px;
|
||||
padding-right: 30px;
|
||||
margin-left: 12px;
|
||||
background-image: image-url('icon-terminal.png');
|
||||
background-position: 16px center;
|
||||
background-repeat: no-repeat;
|
||||
@include img-retina("icon-terminal.png", "icon-terminal@2x.png", 26px, 25px);
|
||||
}
|
||||
|
||||
&.started {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
#container {
|
||||
margin-top: 140px;
|
||||
position: relative;
|
||||
@@ -27,7 +83,7 @@
|
||||
}
|
||||
|
||||
h2.features-header {
|
||||
color: $blue;
|
||||
color: $vault-blue;
|
||||
display: inline-block;
|
||||
font-size: 44px;
|
||||
font-weight: 600;
|
||||
@@ -92,8 +148,8 @@
|
||||
@include img-retina("bg-icons.png", "bg-icons@2x.png", 669px, 260px);
|
||||
background: image-url("bg-icons.png") center center no-repeat;
|
||||
background-position: center center;
|
||||
border-top: 1px solid $faint-gray;
|
||||
border-bottom: 1px solid $faint-gray;
|
||||
border-top: 1px solid $gray-darker;
|
||||
border-bottom: 1px solid $gray-darker;
|
||||
padding: 140px 0;
|
||||
|
||||
p {
|
||||
|
||||
43
website/source/assets/stylesheets/_logos.scss
Normal file
43
website/source/assets/stylesheets/_logos.scss
Normal file
@@ -0,0 +1,43 @@
|
||||
svg.logo {
|
||||
&.color {
|
||||
opacity: 1.0;
|
||||
|
||||
path.text {
|
||||
fill: $black;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
path.v {
|
||||
fill: $black;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
path.squares {
|
||||
fill: $white;
|
||||
opacity: 1.0;
|
||||
}
|
||||
}
|
||||
|
||||
// The default logo class is the colored version
|
||||
@extend .color;
|
||||
|
||||
&.white {
|
||||
opacity: 1.0;
|
||||
|
||||
path.text {
|
||||
fill: $white;
|
||||
}
|
||||
|
||||
path.v {
|
||||
fill: $white;
|
||||
}
|
||||
|
||||
path.squares {
|
||||
fill: $vault-gray;
|
||||
}
|
||||
|
||||
path.front {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,21 +1,25 @@
|
||||
// Colors
|
||||
$white: #FFFFFF;
|
||||
$black: #000000;
|
||||
$gray: #929199;
|
||||
$light-gray: #C2C1C7;
|
||||
$faint-gray: #E3E3EA;
|
||||
$dark-blue: #00ABE0;
|
||||
$blue: #00BFE0;
|
||||
$light-black: #242424;
|
||||
$orange: #E78C5B;
|
||||
$green: #5BE764;
|
||||
$gray-darker: #555555;
|
||||
$gray: #777777;
|
||||
$gray-light: #939393;
|
||||
$gray-lighter: #979797;
|
||||
$red: #DD4E58;
|
||||
$red-dark: #C5454E;
|
||||
$purple: #822FF7;
|
||||
// $white: #FFFFFF;
|
||||
// $black: #000000;
|
||||
// $gray: #929199;
|
||||
// $light-gray: #C2C1C7;
|
||||
// $faint-gray: #E3E3EA;
|
||||
// $dark-blue: #00ABE0;
|
||||
// $blue: #00BFE0;
|
||||
// $light-black: #242424;
|
||||
// $orange: #E78C5B;
|
||||
// $green: #5BE764;
|
||||
// $gray-darker: #555555;
|
||||
// $gray: #777777;
|
||||
// $gray-light: #939393;
|
||||
// $gray-lighter: #979797;
|
||||
// $red: #DD4E58;
|
||||
// $red-dark: #C5454E;
|
||||
// $purple: #822FF7;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Colors
|
||||
$white: #FFFFFF;
|
||||
@@ -28,6 +32,7 @@ $vagrant-blue: #1563FF;
|
||||
$vagrant-blue-dark: #104EB2;
|
||||
$vault-black: #000000;
|
||||
$vault-blue: #00ABE0;
|
||||
$vault-gray: #919FA8;
|
||||
|
||||
// Typography
|
||||
$font-family-klavika: 'klavika-web', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
@@ -41,6 +46,11 @@ $font-weight-bold: 600;
|
||||
$body-font-color: $gray-darker;
|
||||
$body-link-color: $vault-blue;
|
||||
|
||||
// Home
|
||||
$home-header-background-color: transparent;
|
||||
$home-header-link-color: $gray-darker;
|
||||
$home-header-link-color-hover: $black;
|
||||
|
||||
// Sidebar
|
||||
$sidebar-background-color: $white;
|
||||
$sidebar-font-size: $font-size - 2;
|
||||
@@ -51,17 +61,22 @@ $sidebar-font-family: $font-family-open-sans;
|
||||
$sidebar-font-weight: $font-weight-reg;
|
||||
|
||||
// Header
|
||||
$header-background-color: $vault-gray;
|
||||
$header-font-size: $font-size - 2;
|
||||
$header-link-color: $body-font-color;
|
||||
$header-link-color-hover: $black;
|
||||
|
||||
// Header
|
||||
$header-height: 92px;
|
||||
$header-font-size: $font-size - 2;
|
||||
$header-link-color: $body-font-color;
|
||||
$header-link-color-hover: $black;
|
||||
$header-link-color: rgba($white, 0.85);
|
||||
$header-link-color-hover: $white;
|
||||
|
||||
// Footer
|
||||
$footer-font-size: $font-size - 2;
|
||||
$footer-link-color: $body-font-color;
|
||||
$footer-link-color-hover: $black;
|
||||
|
||||
// Button
|
||||
$button-background: $white;
|
||||
$button-font-color: #7b8A8E;
|
||||
$button-font-family: $font-family-klavika;
|
||||
$button-font-size: $font-size;
|
||||
$button-font-weight: $font-weight-bold;
|
||||
$button-primary-background: $vault-gray;
|
||||
$button-primary-font-color: $white;
|
||||
|
||||
@@ -3,34 +3,35 @@
|
||||
|
||||
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600");
|
||||
|
||||
// Core variables and mixins
|
||||
@import '_variables';
|
||||
|
||||
//Global Site
|
||||
@import '_global';
|
||||
|
||||
//Mega Nav
|
||||
// Mega Nav
|
||||
@import 'hashicorp/mega-nav';
|
||||
|
||||
// Anchor links
|
||||
@import 'hashicorp/anchor-links';
|
||||
|
||||
// Core variables and mixins
|
||||
@import '_variables';
|
||||
|
||||
// Sidebar
|
||||
@import 'hashicorp/sidebar';
|
||||
|
||||
//Global Site
|
||||
@import '_global';
|
||||
|
||||
// Components
|
||||
@import '_header';
|
||||
@import '_footer';
|
||||
@import '_buttons';
|
||||
@import '_inner';
|
||||
@import '_latest';
|
||||
@import '_buttons';
|
||||
@import '_syntax';
|
||||
@import '_logos';
|
||||
|
||||
// Pages
|
||||
@import '_community';
|
||||
@import '_docs';
|
||||
@import '_downloads';
|
||||
@import '_home';
|
||||
@import '_syntax';
|
||||
@import '_latest';
|
||||
|
||||
// Demo
|
||||
@import '_demo';
|
||||
|
||||
@@ -55,7 +55,7 @@ description: |-
|
||||
<div class="row">
|
||||
<div class="col-md-12 poweredby">
|
||||
<a href="https://www.fastly.com?utm_source=hashicorp" target="_blank" rel="nofollow noopener noreferrer">
|
||||
<%= image_tag "fastly_logo.png" %>
|
||||
<%= inline_svg "fastly.svg", height: 50 %>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -12,12 +12,12 @@ description: |-
|
||||
|
||||
<div id="container" class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8">
|
||||
<div class="row">
|
||||
<img src="<%= image_path("logo-text.svg") %>" alt="Vault" height="80">
|
||||
<%= inline_svg "logo-text.svg", height: 120, class: "logo" %>
|
||||
<span id="tag-line">A tool for managing secrets</span>
|
||||
|
||||
<div>
|
||||
<a class="v-btn blue lrg started" href="/intro">Get Started</a>
|
||||
<a class="v-btn black lrg terminal" href="/#/demo/0" data-turbolinks="false">Launch Interactive Tutorial</a>
|
||||
<a class="button primary started" href="/intro">Get Started</a>
|
||||
<a class="button terminal" href="/#/demo/0" data-turbolinks="false">Launch Interactive Tutorial</a>
|
||||
</div>
|
||||
|
||||
<div id="diagram"></div>
|
||||
@@ -52,7 +52,7 @@ description: |-
|
||||
secrets.
|
||||
</p>
|
||||
<div class="feature-footer">
|
||||
<a class="v-btn black sml" href="/intro/use-cases.html">Learn more</a>
|
||||
<a class="button" href="/intro/use-cases.html">Learn more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -71,7 +71,7 @@ description: |-
|
||||
rolling is easy to enforce.
|
||||
</p>
|
||||
<div class="feature-footer">
|
||||
<a class="v-btn black sml" href="/docs/concepts/lease.html">Learn more</a>
|
||||
<a class="button" href="/docs/concepts/lease.html">Learn more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -89,14 +89,14 @@ description: |-
|
||||
trace the lifetime and origin of any secret.
|
||||
</p>
|
||||
<div class="feature-footer">
|
||||
<a class="v-btn black sml" href="/docs/audit/index.html">Learn more</a>
|
||||
<a class="button" href="/docs/audit/index.html">Learn more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div id="cta">
|
||||
<a class="v-btn black sml" href="/intro/index.html">Get Started with Vault</a>
|
||||
<a class="button" href="/intro/index.html">Get Started with Vault</a>
|
||||
<p class="cta-black">Completely free and open source.</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -113,7 +113,7 @@ description: |-
|
||||
We are pleased to announce the release of Vault v0.6.5. This release includes several new features, improvements, and bug fixes.
|
||||
</p>
|
||||
<div class="latest-footer">
|
||||
<a class="v-btn sml" href="https://www.hashicorp.com/blog/vault-v0-6-5/">Read more</a>
|
||||
<a class="button" href="https://www.hashicorp.com/blog/vault-v0-6-5/">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="latest-item">
|
||||
@@ -122,7 +122,7 @@ description: |-
|
||||
Listen to the recording with Adam Stacoviak on the popular Changelog podcast to talk about modern secrets management.
|
||||
</p>
|
||||
<div class="latest-footer">
|
||||
<a class="v-btn sml" href="https://www.hashicorp.com/blog/vault-on-the-changelog-podcast/">Listen</a>
|
||||
<a class="button" href="https://www.hashicorp.com/blog/vault-on-the-changelog-podcast/">Listen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
<aside class="sidebar" role="navigation">
|
||||
<div class="sidebar-header">
|
||||
<%= inline_svg "logo-text.svg", height: 42 %>
|
||||
<%= inline_svg "logo-text.svg", height: 42, class: "logo" %>
|
||||
</div>
|
||||
|
||||
<ul class="nav sidebar-nav">
|
||||
|
||||
@@ -1,16 +1,14 @@
|
||||
<% wrap_layout :inner do %>
|
||||
<% content_for :sidebar do %>
|
||||
<div class="docs-sidebar hidden-print affix-top" role="complementary">
|
||||
<ul class="nav docs-sidenav">
|
||||
<li<%= sidebar_current("downloads-vault") %>>
|
||||
<ul class="nav docs-sidenav">
|
||||
<li<%= sidebar_current("downloads-vault") %>>
|
||||
<a href="/downloads.html">Download Vault</a>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/docs/install/index.html">Build from Source</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<li>
|
||||
<a href="/docs/install/index.html">Build from Source</a>
|
||||
</li>
|
||||
</ul>
|
||||
<% end %>
|
||||
|
||||
<%= yield %>
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
<% wrap_layout :layout do %>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div id="docs-sidebar" class="col-sm-3 col-md-3 col-xs-12 hidden-print" role="complementary">
|
||||
<%= yield_content :sidebar %>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div id="docs-sidebar" class="col-sm-3 col-md-3 col-xs-12 hidden-print" role="complementary">
|
||||
<%= yield_content :sidebar %>
|
||||
</div>
|
||||
|
||||
<div id="inner" class="col-sm-9 col-md-9 col-xs-12" role="main">
|
||||
<%= yield %>
|
||||
</div>
|
||||
<div id="inner" class="col-sm-9 col-md-9 col-xs-12" role="main">
|
||||
<%= yield %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
@@ -47,7 +47,9 @@
|
||||
<div class="col-xs-12">
|
||||
<div class="navbar-header">
|
||||
<div class="navbar-brand">
|
||||
<a class="logo" href="/" data-turbolinks="false">Vault</a>
|
||||
<a href="/" data-turbolinks="false">
|
||||
<%= inline_svg "logo-text.svg", height: 50, class: "logo" %>
|
||||
</a>
|
||||
</div>
|
||||
<button class="navbar-toggle" type="button">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
@@ -116,25 +118,7 @@
|
||||
|
||||
ga('create', 'UA-62364009-1', 'vaultproject.io');
|
||||
ga('require', 'linkid');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
adroll_adv_id = "6QAAFJDIWBG3DJBDRJ7BEX";
|
||||
adroll_pix_id = "PYT5HSNKNRDS7LMUR5B6YG";
|
||||
(function () {
|
||||
var oldonload = window.onload;
|
||||
window.onload = function(){
|
||||
__adroll_loaded=true;
|
||||
var scr = document.createElement("script");
|
||||
var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com");
|
||||
scr.setAttribute('async', 'true');
|
||||
scr.type = "text/javascript";
|
||||
scr.src = host + "/j/roundtrip.js";
|
||||
((document.getElementsByTagName('head') || [null])[0] ||
|
||||
document.getElementsByTagName('script')[0].parentNode).appendChild(scr);
|
||||
if(oldonload){oldonload()}};
|
||||
}());
|
||||
ga('send', 'pageview', location.pathname);
|
||||
</script>
|
||||
|
||||
<%= yield_content :scripts %>
|
||||
@@ -147,7 +131,7 @@
|
||||
"alternateName": "Vault by HashiCorp",
|
||||
"manufacturer": "HashiCorp",
|
||||
"url": "https://www.vaultproject.io",
|
||||
"logo": "<%= File.join(base_url, image_path("logo.svg")) %>",
|
||||
"logo": "<%= File.join(base_url, image_path("logo-text.svg")) %>",
|
||||
"sameAs": [
|
||||
"https://github.com/hashicorp/vault"
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user