github
/
consul
mirror of https://github.com/hashicorp/consul
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

website: homepage copy and some stylesheet fixes

pull/36/head
Mitchell Hashimoto 2014-04-14 11:02:06 -07:00
parent e0a7427996
commit 0476d2a1d8
5 changed files with 42 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
website/Vagrantfile vendored
View File

@ -17,8 +17,8 @@ bundle
SCRIPT SCRIPT
Vagrant.configure(VAGRANTFILE_API_VERSION) do |config| Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
config.vm.box = "hashicorp/precise64" config.vm.box = "chef/ubuntu-12.04"
config.vm.network "private_network", ip: "33.33.33.10" config.vm.network "private_network", ip: "33.33.30.10"
config.vm.provision "shell", inline: $script, privileged: false config.vm.provision "shell", inline: $script, privileged: false
config.vm.synced_folder ".", "/vagrant", type: "rsync" config.vm.synced_folder ".", "/vagrant", type: "rsync"
end end

23
website/source/index.html.erb
View File

@ -3,7 +3,11 @@
<div id="jumbotron"> <div id="jumbotron">
<div class="container"> <div class="container">
<div class="col-lg-6 col-md-6"> <div class="col-lg-6 col-md-6">
<h2 class="rls-l">Create and configure lightweight, reproducible, and portable development environments.</h2> <h2 class="rls-l">
Service discovery and configuration made easy.
Distributed, highly available, and
datacenter-aware.
</h2>
</div> </div>
<div class="jumbo-logo-wrap col-lg-offset-1 col-lg-5 col-md-6 hidden-xs hidden-sm"> <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 class="jumbo-logo"></div>
@ -24,7 +28,7 @@
</div> </div>
<div class="col-lg-7 col-md-7"> <div class="col-lg-7 col-md-7">
<h2>Service Discovery</h2> <h2>Service Discovery</h2>
<p>Consul makes it simple for services to register themselves, and to discover other service</p> <p>Consul makes it simple for services to register themselves, and to discover other services via a DNS or HTTP interface.</p>
</div> </div>
</div> </div>
</div> </div>
@ -60,7 +64,7 @@
</div> </div>
<div class="col-lg-7 col-md-7"> <div class="col-lg-7 col-md-7">
<h2>Shared Configuration</h2> <h2>Shared Configuration</h2>
<p>Store hierarchical key/value configuration data for services.</p> <p>Store hierarchical key/value configuration data for services and get notified when any of these values change.</p>
</div> </div>
</div> </div>
</div> </div>
@ -75,7 +79,11 @@
<div class="col-xs-12 col-lg-12 explantion"> <div class="col-xs-12 col-lg-12 explantion">
<h2>DNS Query Interface</h2> <h2>DNS Query Interface</h2>
<p>Make use of Consul's built-in DNS server to resolve requests directly, avoiding expensive HTTP requests.</p> <p>
Look up services using Consul's built-in DNS server. This
avoids the need for a Consul-specific client in any of your
services.
</p>
</div> </div>
<div class="terminal-item col-xs-12 col-lg-12"> <div class="terminal-item col-xs-12 col-lg-12">
@ -114,7 +122,12 @@
<div class="col-xs-12 col-lg-12 explantion"> <div class="col-xs-12 col-lg-12 explantion">
<h2>Key Value Storage</h2> <h2>Key Value Storage</h2>
<p>Consul provides a flexible key/value store accessible via a simple HTTP API to store just about anything for your application.</p> <p>
Consul provides a flexible, hierarchical key/value store accessible
via a simple HTTP API. This data is replicated across multiple
servers and is highly available. Other HTTP APIs let you long poll
for changes to a key.
</p>
</div> </div>
<div class="terminal-item col-xs-12 col-lg-12"> <div class="terminal-item col-xs-12 col-lg-12">

30
website/source/stylesheets/_header.less
View File

@ -35,7 +35,7 @@ body.page-sub{
.icon-bar{ .icon-bar{
border: 1px solid @white; border: 1px solid @white;
} }
} }
.navbar-brand { .navbar-brand {
&.logo{ &.logo{
@ -138,7 +138,7 @@ body.page-sub{
} }
#footer{ #footer{
height: 700px; height: 650px;
text-align: center; text-align: center;
color: @purple; color: @purple;
@ -146,10 +146,10 @@ body.page-sub{
float: none; float: none;
display: inline-block; display: inline-block;
padding-top: 155px; padding-top: 155px;
.li-under a::after { .li-under a::after {
background-color: @purple; background-color: @purple;
} }
} }
.footer-hashi{ .footer-hashi{
@ -190,8 +190,8 @@ body.page-sub{
padding-top: 6px; padding-top: 6px;
padding-bottom: 6px; padding-bottom: 6px;
padding-left: 40px; padding-left: 40px;
} }
} }
} }
@ -199,7 +199,7 @@ body.page-sub{
#header { #header {
.navbar-brand { .navbar-brand {
&.logo{ &.logo{
span{ span{
width: 120px; width: 120px;
height: 39px; height: 39px;
margin-top: 12px; margin-top: 12px;
@ -210,7 +210,7 @@ body.page-sub{
.buttons.navbar-nav{ .buttons.navbar-nav{
li{ li{
a{ a{
background: none !important; background: none !important;
padding-left: 15px; padding-left: 15px;
} }
@ -232,7 +232,7 @@ body.page-sub{
float: none; float: none;
margin-top: 15px; margin-top: 15px;
} }
.li-under a::after, .li-under a::after,
li + li::before { li + li::before {
display: none; display: none;
@ -282,11 +282,11 @@ body.page-sub{
.navbar-brand { .navbar-brand {
&.logo{ &.logo{
span{ span{
margin-top: 0; margin-top: 0;
} }
} }
} }
.navbar-nav > li{ .navbar-nav > li{
float: none; float: none;
@ -295,7 +295,7 @@ body.page-sub{
.buttons.navbar-nav{ .buttons.navbar-nav{
margin-top: 15px; margin-top: 15px;
margin-left: 0px; margin-left: 0px;
li{ li{
a{ a{
padding-left: 40px; padding-left: 40px;
@ -318,8 +318,8 @@ body.page-sub{
.img-retina("../images/icon-github.png", "../images/icon-github@2x.png", 20px, 20px); .img-retina("../images/icon-github.png", "../images/icon-github@2x.png", 20px, 20px);
} }
} }
} }
} }
} }
} }

5
website/source/stylesheets/_home.less
View File

@ -12,7 +12,7 @@ body.page-home{
background-size: 1280px 49px; background-size: 1280px 49px;
.double-row{ .double-row{
padding: 0 0 60px 0; padding: 0 0 50px 0;
} }
h2{ h2{
@ -128,7 +128,6 @@ body.page-home{
#footer{ #footer{
padding: 50px 0;
background-color: @consul-footer-gray; background-color: @consul-footer-gray;
background: @consul-footer-gray url(../images/consul-footer-logo.png) center center no-repeat; background: @consul-footer-gray url(../images/consul-footer-logo.png) center center no-repeat;
.img-retina("../images/consul-footer-logo.png", "../images/consul-footer-logo@2x.png", 446px, 443px); .img-retina("../images/consul-footer-logo.png", "../images/consul-footer-logo@2x.png", 446px, 443px);
@ -179,7 +178,7 @@ body.page-home{
} }
#demos{ #demos{
padding: 30px 0 20px; padding: 30px 0 60px;
background-color: @light-purple; background-color: @light-purple;
.explantion { .explantion {

10
website/source/stylesheets/_jumbotron.less
View File

@ -34,7 +34,7 @@
margin-top: @negative-hero-margin; margin-top: @negative-hero-margin;
background: transparent url('../images/hero-dots.png') center @header-height no-repeat; background: transparent url('../images/hero-dots.png') center @header-height no-repeat;
} }
.container{ .container{
position: relative; position: relative;
@ -50,11 +50,11 @@
background: transparent url( ../images/consul-hero-logo@2x.png ) 0 0 no-repeat; background: transparent url( ../images/consul-hero-logo@2x.png ) 0 0 no-repeat;
background-size: 318px 316px; background-size: 318px 316px;
z-index: 20; z-index: 20;
} }
} }
h2{ h2{
margin-top: 190px; margin-top: 175px;
font-size: 40px; font-size: 40px;
line-height: 48px; line-height: 48px;
letter-spacing: 1px; letter-spacing: 1px;
@ -64,7 +64,7 @@
} }
@media (max-width: 992px) { @media (max-width: 992px) {
#jumbotron .container { #jumbotron .container {
h2{ h2{
text-align: center; text-align: center;
margin-left: 0; margin-left: 0;
@ -73,7 +73,7 @@
} }
@media (max-width: 480px) { @media (max-width: 480px) {
#jumbotron .container { #jumbotron .container {
h2{ h2{
margin-top: 130px; margin-top: 130px;
font-size: 32px; font-size: 32px;