website - add appropriately sized assets and adjust styles
This commit is contained in:
parent
3e31ad6507
commit
cfec4847dc
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 1.7 MiB |
BIN
website/source/assets/images/consul-connect/code-sample-1.png (Stored with Git LFS)
BIN
website/source/assets/images/consul-connect/code-sample-1.png (Stored with Git LFS)
Binary file not shown.
BIN
website/source/assets/images/consul-connect/code-sample-2.png (Stored with Git LFS)
BIN
website/source/assets/images/consul-connect/code-sample-2.png (Stored with Git LFS)
Binary file not shown.
BIN
website/source/assets/images/consul-connect/code-sample-3.png (Stored with Git LFS)
BIN
website/source/assets/images/consul-connect/code-sample-3.png (Stored with Git LFS)
Binary file not shown.
Binary file not shown.
BIN
website/source/assets/images/consul-connect/health-checks.png (Stored with Git LFS)
BIN
website/source/assets/images/consul-connect/health-checks.png (Stored with Git LFS)
Binary file not shown.
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 34 KiB |
BIN
website/source/assets/images/consul-connect/service-access-graph.png (Stored with Git LFS)
BIN
website/source/assets/images/consul-connect/service-access-graph.png (Stored with Git LFS)
Binary file not shown.
BIN
website/source/assets/images/consul-connect/service-registry.png (Stored with Git LFS)
BIN
website/source/assets/images/consul-connect/service-registry.png (Stored with Git LFS)
Binary file not shown.
|
@ -3,8 +3,26 @@
|
|||
background: $consul-red;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
background: url("/assets/images/consul-connect/mesh.svg") top center;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 0.2;
|
||||
transform: scale(1.3, 1.3);
|
||||
}
|
||||
|
||||
& > div {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: $white;
|
||||
margin-top: 0;
|
||||
|
|
|
@ -33,12 +33,7 @@
|
|||
}
|
||||
|
||||
img {
|
||||
max-width: 140%;
|
||||
width: auto;
|
||||
|
||||
@media(min-width: 768px) {
|
||||
max-width: none;
|
||||
}
|
||||
width: 145%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -75,10 +75,25 @@
|
|||
& > div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
width: 50%;
|
||||
|
||||
&:first-child {
|
||||
background: $consul-red;
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
background: url("/assets/images/consul-connect/mesh.svg") top center;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 0.2;
|
||||
transform: scale(1.3, 1.3);
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
|
@ -92,6 +107,7 @@
|
|||
padding: 96px 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
|
||||
div:first-child {
|
||||
height: 50px;
|
||||
|
|
|
@ -63,7 +63,7 @@ description: |-
|
|||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/health-checks.png' alt='Service Registry'>
|
||||
<img src='/assets/images/consul-connect/feature.jpg' alt='Service Registry'>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -63,7 +63,7 @@ description: |-
|
|||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/service-registry.png' alt='Service Registry'>
|
||||
<img src='/assets/images/consul-connect/feature.jpg' alt='Service Registry'>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -181,7 +181,7 @@ description: |-
|
|||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/health-checks.png' alt='Service Registry'>
|
||||
<img src='/assets/images/consul-connect/feature.jpg' alt='Service Registry'>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -177,22 +177,22 @@ description: |-
|
|||
</div>
|
||||
<div class='g-logo-grid'>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/logos/sap-ariba.png' alt='SAP Ariba'>
|
||||
<img src='/assets/images/consul-connect/logos/logo_sap-ariba.svg' alt='SAP Ariba'>
|
||||
</div>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/logos/citadel.png' alt='Citadel'>
|
||||
<img src='/assets/images/consul-connect/logos/logo_citadel.svg' alt='Citadel'>
|
||||
</div>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/logos/barclays.png' alt='Barclays'>
|
||||
<img src='/assets/images/consul-connect/logos/logo_barclays.svg' alt='Barclays'>
|
||||
</div>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/logos/itv.png' alt='itv'>
|
||||
<img src='/assets/images/consul-connect/logos/logo_itv.svg' alt='itv'>
|
||||
</div>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/logos/spaceflight.png' alt='Spaceflight'>
|
||||
<img src='/assets/images/consul-connect/logos/logo_spaceflight-industries.svg' alt='Spaceflight'>
|
||||
</div>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/logos/lotto.png' alt='MyLotto'>
|
||||
<img src='/assets/images/consul-connect/logos/logo_lotto-nz.svg' alt='MyLotto'>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -64,7 +64,7 @@ description: |-
|
|||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src='/assets/images/consul-connect/service-access-graph.png' alt='Service Access Graph '>
|
||||
<img src='/assets/images/consul-connect/feature.jpg' alt='Service Access Graph '>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue