Skip to content

Commit a8d95d3

Browse files
travisbeckhamYohan Belval
travisbeckham
authored and
Yohan Belval
committed
Added enterprise page (linkerd#1685)
* Stubbed out content for enterprise page Signed-off-by: Travis Beckham <[email protected]> * added styles to enterprise page Signed-off-by: Travis Beckham <[email protected]> * css fixes Signed-off-by: Travis Beckham <[email protected]> * opened external links in new tab Signed-off-by: Travis Beckham <[email protected]> * feedback Signed-off-by: Travis Beckham <[email protected]> * fixed link Signed-off-by: Travis Beckham <[email protected]> --------- Signed-off-by: Travis Beckham <[email protected]> Signed-off-by: Yohan Belval <[email protected]>
1 parent bba6597 commit a8d95d3

File tree

13 files changed

+498
-107
lines changed

13 files changed

+498
-107
lines changed

‎linkerd.io/assets/scss/bulma.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -102,6 +102,12 @@ $tablet-enabled: false;
102102
}
103103
}
104104

105+
.has-gradient-text {
106+
background-image: -webkit-linear-gradient(0deg, $deep-blue, $primary-bright-blue);
107+
-webkit-background-clip: text;
108+
-webkit-text-fill-color: transparent;
109+
}
110+
105111
body {
106112
font: 400 18px/28px "Open Sans" !important;
107113
}

‎linkerd.io/assets/scss/styles.scss‎

Lines changed: 108 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -70,9 +70,6 @@
7070
font-weight: 700 !important;
7171
line-height: 1 !important;
7272
letter-spacing: -1.5px;
73-
background-image: -webkit-linear-gradient(0deg, $deep-blue, $primary-bright-blue);
74-
-webkit-background-clip: text;
75-
-webkit-text-fill-color: transparent;
7673
}
7774
.linky {
7875
display: none;
@@ -81,7 +78,7 @@
8178
right: 20%;
8279
z-index: 1;
8380
}
84-
@media screen and (min-width: 768px) {
81+
@include from($tablet) {
8582
background-image: url(/images/homepage-top-hero-pattern.png);
8683
.notification {
8784
padding-top: 80px;
@@ -94,7 +91,7 @@
9491
display: block;
9592
}
9693
}
97-
@media screen and (min-width: 1440px) {
94+
@include from($fullhd) {
9895
.notification {
9996
padding-top: 120px;
10097
padding-bottom: 120px;
@@ -236,13 +233,13 @@
236233
background-image: linear-gradient(-90deg, $aqua-green, rgba($aqua-green, 0));
237234
right: 0;
238235
}
239-
@media screen and (min-width: 768px) {
236+
@include from($tablet) {
240237
&::before,
241238
&::after {
242239
width: 100px;
243240
}
244241
}
245-
@media screen and (min-width: 1024px) {
242+
@include from($desktop) {
246243
&::before,
247244
&::after {
248245
width: 200px;
@@ -263,6 +260,110 @@
263260
}
264261
}
265262

263+
.enterprise-top-hero {
264+
.notification {
265+
padding-top: 60px;
266+
padding-bottom: 60px;
267+
}
268+
h1 {
269+
font-weight: 700 !important;
270+
line-height: 1.1 !important;
271+
letter-spacing: -1.5px;
272+
}
273+
p {
274+
margin: 14px 0;
275+
}
276+
@include from($tablet) {
277+
.notification {
278+
padding-top: 80px;
279+
padding-bottom: 80px;
280+
}
281+
h1 {
282+
font-size: 60px !important;
283+
}
284+
h1, p {
285+
max-width: 700px;
286+
}
287+
}
288+
@media screen and (min-width: 900px) {
289+
.notification {
290+
background-image: none;
291+
background-repeat: no-repeat;
292+
background-position: center right;
293+
background-image: url(/uploads/enterprise/enterprise-background.svg);
294+
background-size: 400px auto;
295+
}
296+
}
297+
@include from($desktop) {
298+
.notification {
299+
background-size: 500px auto;
300+
}
301+
}
302+
@include from($widescreen) {
303+
.notification {
304+
background-size: auto 100%;
305+
}
306+
}
307+
}
308+
309+
.enterprise-support {
310+
padding: 80px 0 160px 0;
311+
background-image: linear-gradient($light-blue, rgba($light-blue, 0));
312+
background-size: 100% 200px;
313+
background-repeat: no-repeat;
314+
.title {
315+
font-weight: 600 !important;
316+
line-height: 1.1 !important;
317+
}
318+
h2.title {
319+
margin-bottom: 80px;
320+
font-size: 40px !important;
321+
}
322+
.enterprise-support__entry {
323+
margin-bottom: 48px;
324+
padding: 24px;
325+
&:last-of-type {
326+
margin-bottom: 0;
327+
}
328+
h3.title {
329+
font-size: 32px !important;
330+
}
331+
ul {
332+
list-style-type: disc;
333+
padding-left: 24px;
334+
}
335+
img {
336+
max-width: 200px;
337+
}
338+
}
339+
@include from($tablet) {
340+
h2.title {
341+
font-size: 48px !important;
342+
}
343+
.enterprise-support__entry {
344+
margin-bottom: 80px;
345+
padding: 60px;
346+
h3.title {
347+
font-size: 40px !important;
348+
}
349+
img {
350+
max-width: 100%;
351+
}
352+
.enterprise-support__entry-content {
353+
order: 1;
354+
}
355+
.enterprise-support__entry-image {
356+
order: 2;
357+
}
358+
}
359+
}
360+
@include from($fullhd) {
361+
.enterprise-support__entry {
362+
padding: 60px 120px;
363+
}
364+
}
365+
}
366+
266367
.foundation-member {
267368
.foundation-member-banner {
268369
padding: 40px 0 30px 0;
@@ -306,13 +407,6 @@
306407
background-color: $white;
307408
}
308409

309-
.enterprise-top-hero {
310-
background: url('/images/enterprise_left.svg'),
311-
url('/images/enterprise_right.svg');
312-
background-repeat: no-repeat;
313-
background-position: left top, right top;
314-
}
315-
316410
.platform-top-hero {
317411
background: url('/images/choose_your_platform_left.svg'),
318412
url('/images/choose_your_platform_right.svg');

‎linkerd.io/content/enterprise.md‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
---
2+
description: Lists of educational resources and companies that provide commercial support for Linkerd.
3+
title: Enterprise
4+
aliases:
5+
- /support-training/
6+
layout: enterprise
7+
type: enterprise
8+
weight: 1
9+
menu:
10+
top:
11+
weight: 5
12+
top_hero:
13+
title: Linkerd Enterprise Support and Training
14+
description: "Linkerd was created by Buoyant and contributed to the Cloud Native Computing Foundation in 2017. It was the first service mesh to achieve graduated status, and today powers the critical production systems of enterprises around the world.\n\nHere, you'll find commercial products, support, and training for Linkerd."
15+
support:
16+
- title: Enterprise Support
17+
entries:
18+
- title: Enterprise support from Buoyant, creators of Linkerd
19+
description: "- 24x7 Enterprise Support\n- FIPS compliant distribution\n- Support, training, architectural reviews, and more"
20+
image: /uploads/enterprise/buoyant.svg
21+
button:
22+
href: https://buoyant.io/
23+
text: Learn more
24+
- title: Enterprise-grade Linkerd Support for Production Environment
25+
description: "Run Linkerd confidently with 24*7 enterprise support from the officially recognized commercial services Linkerd partner."
26+
image: /uploads/enterprise/infracloud.svg
27+
button:
28+
href: https://www.infracloud.io/linkerd-support/
29+
text: Learn more
30+
- title: Training
31+
entries:
32+
- title: Buoyant Service Mesh Academy
33+
description: "Hands-on, engineer-focused training from the creators of the service mesh. Self-paced courses and monthly live workshops providing hands-on training on Linkerd and related CNCF projects."
34+
image: /uploads/enterprise/buoyant-service-mesh-academy.svg
35+
button:
36+
href: https://buoyant.io/service-mesh-academy/
37+
text: Learn more
38+
- title: The Linux Foundation
39+
description: "Get hands-on practical experience with Linkerd, the open source, open governance, ultralight CNCF service mesh for Kubernetes with this self-paced course."
40+
image: /uploads/enterprise/linux-foundation.png
41+
button:
42+
href: https://www.edx.org/course/introduction-to-service-mesh-with-linkerd
43+
text: Learn more
44+
---

‎linkerd.io/content/support-training.md‎

Lines changed: 0 additions & 55 deletions
This file was deleted.

‎linkerd.io/layouts/enterprise/enterprise.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
{{ define "main" }}
2+
{{ partial "enterprise/top-hero.html" .Params.top_hero }}
23
{{ partial "enterprise/support.html" .Params.support }}
34
{{ end }}

‎linkerd.io/layouts/partials/enterprise/support.html‎

Lines changed: 19 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,26 @@
1-
<div class="wrapper has-background-bright-blue has-text-white has-text-centered is-fullheight hero">
2-
<div class="container jobs-list-container notification has-background-bright-blue enterprise-top-hero">
3-
{{ range .kinds }}
4-
<h1 class="title is-size-1">{{.title}}</h1>
5-
<h5 class="title is-size-5">{{.description | markdownify}}</h5>
6-
<div class="columns jobs-list is-multiline is-centered">
7-
{{ range .entries }}
8-
<div class="column is-half job-item mb-5">
9-
<a class="has-text-color box-link" href="{{ .url }}" target="_blank">
10-
<div class="box">
11-
<article class="media">
12-
<div class="media-left">
13-
<figure class="image is-96x96 level-item">
14-
{{ if .thumbnail }}
15-
<img {{ partial "src.html" (dict "img" .thumbnail) | safeHTMLAttr }} alt="image" />
16-
{{ else }}
17-
<img src="/images/identity/svg/linkerd_primary_color_white.svg" alt="placeholder" />
18-
{{ end }}
1+
<div class="wrapper has-background-white enterprise-support">
2+
<div class="container">
3+
<div class="p-4">
4+
{{ range . }}
5+
<h2 class="title has-text-navy-black">{{ .title }}</h2>
6+
{{ range .entries }}
7+
<div class="card enterprise-support__entry">
8+
<div class="columns is-variable is-8">
9+
<div class="column enterprise-support__entry-image">
10+
<figure class="image mb-3">
11+
<img {{ partial "src.html" (dict "img" .image) | safeHTMLAttr }} alt="{{ .title }}" />
1912
</figure>
2013
</div>
21-
<div class="media-content">
22-
<div class="">
23-
<h5 class="title has-text-color is-5 is-marginless">{{ .title }}</h5>
24-
<h6 class="is-size-6 has-text-weight-light">{{.description | markdownify}}</h6>
25-
</div>
14+
<div class="column is-two-thirds-tablet is-three-quarters-widescreen enterprise-support__entry-content">
15+
<h3 class="title has-text-navy-black mb-6">{{ .title }}</h3>
16+
<div class="mb-6">{{ .description | markdownify }}</div>
17+
<a href="{{ .button.href }}" class="button is-link" target="_blank">
18+
{{ .button.text }}
19+
</a>
2620
</div>
27-
</article>
21+
</div>
2822
</div>
29-
</a>
30-
</div>
31-
{{ end }}
32-
</div>
33-
{{ end }}
34-
<h5 class="title is-size-5 has-text-white ">{{.bottom_description | markdownify}}</h5>
35-
<div class="columns">
36-
{{ range .buttons }}
37-
<div class="column">
38-
<a href="{{.url}}" class="button is-large is-primary">
39-
{{.caption}}
40-
</a>
41-
</div>
23+
{{ end }}
4224
{{ end }}
4325
</div>
4426
</div>

‎linkerd.io/layouts/partials/enterprise/top-hero.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<div class="wrapper body-header has-background-white enterprise-top-hero">
2+
<div class="container">
3+
<div class="notification">
4+
<h1 class="title has-gradient-text is-size-1 pb-5">{{ .title }}</h1>
5+
<div class="has-text-navy-black">
6+
{{ .description | markdownify }}
7+
</div>
8+
</div>
9+
</div>
10+
</div>

‎linkerd.io/layouts/partials/homepage/top-hero.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<div class="column">
44

55
<div class="notification">
6-
<h1 class="title is-size-1 mb-5">{{.title}}</h1>
6+
<h1 class="title has-gradient-text is-size-1 mb-5">{{.title}}</h1>
77
<h5 class="title is-size-5 mb-5">{{.description | markdownify}}</h5>
88
<div class="columns is-5 is-variable">
99
{{ range .buttons }}

0 commit comments

Comments
 (0)