luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

Fix homepage css

This commit is contained in:
Seth Vargo 2017-04-18 12:57:05 -04:00
parent e3398bea0c
commit a7a93a1a45
No known key found for this signature in database
GPG Key ID: C921994F9C27E0FF
2 changed files with 54 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
website/source/assets/stylesheets/_home.scss
View File

@ -155,14 +155,18 @@
&#features {
.feature-icon {
text-align: center;
clear: both;
}
h2, svg {
padding-top: 50px;
margin: 0;
padding: 0;
padding-top: 40px;
}
svg {
margin-top: 20px;
display: block;
margin: 0 auto;
}
}

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

@ -24,58 +24,66 @@ description: |-
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-discovery.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Service Discovery</h2>
<p>
Consul makes it simple for services to register themselves and to
discover other services via a DNS or HTTP interface. Register external
services such as SaaS providers as well.
</p>
<div class="row">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-discovery.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Service Discovery</h2>
<p>
Consul makes it simple for services to register themselves and to
discover other services via a DNS or HTTP interface. Register external
services such as SaaS providers as well.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-health.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Failure Detection</h2>
<p>
Pairing service discovery with health checking prevents routing
requests to unhealthy hosts and enables services to easily provide
circuit breakers.
</p>
<div class="row">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-health.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Failure Detection</h2>
<p>
Pairing service discovery with health checking prevents routing
requests to unhealthy hosts and enables services to easily provide
circuit breakers.
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-multi.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Multi Datacenter</h2>
<p>
Consul scales to multiple datacenters out of the box with no
complicated configuration. Look up services in other datacenters, or
keep the request local.
</p>
<div class="row">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-multi.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Multi Datacenter</h2>
<p>
Consul scales to multiple datacenters out of the box with no
complicated configuration. Look up services in other datacenters, or
keep the request local.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-config.svg", width: 85 %>
</div>
<div class="col-sm-9">
<h2>KV Storage</h2>
<p>
Flexible key/value store for dynamic configuration, feature flagging,
coordination, leader election and more. Long poll for near-instant
notification of configuration changes.
</p>
<div class="row">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-config.svg", width: 85 %>
</div>
<div class="col-sm-9">
<h2>KV Storage</h2>
<p>
Flexible key/value store for dynamic configuration, feature flagging,
coordination, leader election and more. Long poll for near-instant
notification of configuration changes.
</p>
</div>
</div>
</div>
</div>