Skip to content

Commit cd26f81

Browse files
[release-1.2] Testimonials page (#4782)
* added first images and the skeleton for the testimonials page * finished testimonials * finishing some style details * fixed testimonial quote author font weight * added find links * fixed pr checks * renamed to testimonials + changed the url and fixed references * new about sidebar and sections Co-authored-by: gabriel <[email protected]>
1 parent 5ef053c commit cd26f81

File tree

10 files changed

+207
-5
lines changed

10 files changed

+207
-5
lines changed

blog/README.md

+2
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ nav:
1111
- Eventing:
1212
- Code samples:
1313
- Reference:
14+
- About:
1415
- Blog:
1516
- Case studies:
1617
- Community:
@@ -61,6 +62,7 @@ nav:
6162
- Eventing: /docs/eventing/
6263
- Code samples: /docs/samples/
6364
- Reference: /docs/reference/
65+
- About: /docs/about/
6466
- Blog:
6567
- index.md
6668
- Releases:

blog/config/nav.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ nav:
77
- Code samples: /docs/samples/
88
- Reference: /docs/reference/
99
- "Community": /docs/community/
10-
- Case studies: /docs/about/case-studies/deepc
10+
- About: /docs/about/testimonials
1111
#####################################################
1212
# Blog
1313
#####################################################

config/nav.yml

+6-4
Original file line numberDiff line numberDiff line change
@@ -243,8 +243,10 @@ nav:
243243
- Welcome to the community: community/README.md
244244
- Contribute to Knative: community/contributing.md
245245
- About the community: community/about.md
246-
- Case studies:
247-
- deepc: about/case-studies/deepc.md
248-
- Outfit7: about/case-studies/outfit7.md
249-
- Puppet: about/case-studies/puppet.md
246+
- About:
247+
- Testimonials: about/testimonials.md
248+
- Case studies:
249+
- deepc: about/case-studies/deepc.md
250+
- Outfit7: about/case-studies/outfit7.md
251+
- Puppet: about/case-studies/puppet.md
250252
- Blog: /blog/

docs/about/testimonials.md

+93
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<div class="testimonials">
2+
<h1 align="center">Enterprise-grade Serverless on your own terms.</h1>
3+
<h3 align="center"><b>Understanding Knative</b></h3>
4+
5+
<div class="testimonial">
6+
<div class="img">
7+
<img src="../../images/testimonials/kelsey.png" alt="">
8+
</div>
9+
<div class="quote">
10+
<div class="phrase">"If Kubernetes is an electrical grid, then Knative is its light switch."</div>
11+
<br>
12+
—Kelsey Hightower, Google Cloud Platform
13+
</div>
14+
</div>
15+
<p class="normal-text">
16+
Knative is an automated system that helps development teams manage and maintain processes in Kubernetes. Its purpose is to simplify, automate, and monitor deployments of Kubernetes so teams spend less time on maintenance and more time on app development and projects. Knative takes over repetitive and time-intensive tasks while removing obstacles and delays.
17+
</p>
18+
<br>
19+
<p class="normal-text">
20+
Knative does this through two features. The first is Knative Eventing. Eventing allows developers to set up detailed actions triggered by specific events within a broader environment. The second is Knative Serving, which automatically manages the creation and scaling of services through Kubernetes, including scaling down to zero. Each of these features aims to free up resources that teams would otherwise spend managing systems. They also save businesses money by reacting to conditions in real — time. Meaning, companies only pay for the resources they are using, not the ones they might use.
21+
</p>
22+
<br>
23+
<div class="testimonial blue">
24+
<div class="img">
25+
<img src="../../images/testimonials/blue_zero_scaling_icon.svg" alt="">
26+
</div>
27+
<div class="quote">
28+
<b>Scale to Zero</b> is a feature of Knative Serving that automatically turns off services running in containers when there is no demand for them. Instead of running programs on standby, they can be turned off and turned back on when needed again. Scale to zero reduces costs over time and helps manage technical resources.
29+
</div>
30+
</div>
31+
<br>
32+
<p class="normal-text">
33+
The core idea behind Knative is to allow teams to harness the power of serverless application deployment. Serverless refers to managing cloud-based servers and virtual machines, often hosted on platforms like AWS, Google Cloud, Microsoft Azure, and more. Serverless is a great option for companies looking to move away from the costly endeavor of managing their own servers and infrastructure.
34+
</p>
35+
<br>
36+
<div class="testimonial">
37+
<div class="img">
38+
<img src="../../images/testimonials/michael.png" alt="">
39+
</div>
40+
<div class="quote">
41+
<div class="phrase">"I often think of Knative as part of 'Serverless 2.0.' It combines the good things about serverless with a loosening of constraints around execution time and availability of resources."</div><br>
42+
-Michael Behrendt, Distinguished Engineer and Chief Architect of Serverless and Cloud Functions for IBM.<br>
43+
IBM is a committed sponsor of Knative
44+
</div>
45+
</div>
46+
<br>
47+
<h2>Knative in the broader ecosystem</h2>
48+
<p class="normal-text">
49+
To understand Knative more fully, it is important to know that it exists in a larger ecosystem of services that work together. For example, Knative acts as a framework on top of Kubernetes that helps build a serverless platform. Kubernetes itself is a system that orchestrates the creation and running of containers used in app deployment, scaling, and more. Those contain ers can run anything, from simple tools written in python to complex Al systems. Containers were developed to help tackle the problem of complexity. As development teams build software products, they create massive codebases. Left unorganized, those codebases can become gigantic and confusing-even for those who make them. Containers solve this problem by breaking codebases into small, self-contained processes that can interact to do work. They also help developers manage complex webs of dependencies like APIs and databases. These containers are easier to maintain for teams looking to work fast while maintaining best practices.
50+
</p>
51+
52+
<h2>Knative's value in DevOps</h2>
53+
<p class="normal-text">
54+
DevOps promises effective application development processes with faster deployments and fewer bugs. While Kubernetes helps facilitate this, it can produce significant complexity. Achieving value at scale with Kubernetes traditionally involves teams developing specialized knowledge. Knative cuts down on that by providing a serverless experience that removes the need for all development team members to know or understand the ins and outs of Kubernetes.
55+
</p>
56+
<br>
57+
<div class="testimonial">
58+
<div class="img">
59+
<img src="../../images/testimonials/aparna.png" alt="">
60+
</div>
61+
<div class="quote">
62+
<div class="phrase">"What we are doing with Knative is to provide a developer experience that makes it easier to focus on code. Cloud developers focus on the business problems they are solving without having to coordinate or wait for approvals from platform teams to scale their apps. Knative is a framework that helps automate platform capabilities so your apps can scale as if they were running on Serverless compute."</div><br>
63+
-Aparna Sinha, Director of Product Management, Google
64+
</div>
65+
</div>
66+
67+
<h2>Tangible benefits of Knative for teams</h2>
68+
<p class="normal-text">
69+
It has always been true that organizations need to develop and innovate faster than their competition while deploying products with fewer flaws. However, being bogged down by configuring networks and operating systems harms developer productivity and morale. Developers want to create things, and Knative helps them do that.
70+
</p>
71+
<br>
72+
<div class="testimonial">
73+
<div class="img">
74+
<img src="../../images/testimonials/tilen.png" alt="">
75+
</div>
76+
<div class="quote">
77+
<div class="phrase">"The amount of internal work needed to use Knative is minuscule"</div><br>
78+
-Tilen Kavčič, Backend Developer for Outfit7, which uses Knative for key backend system
79+
</div>
80+
</div>
81+
82+
<h2>The advantage of Open Source</h2>
83+
<p class="normal-text">
84+
Open source has been a powerful resource for creating business solutions for decades. Kubernetes and Knative are now paving the way for that relationship to become stronger. Each project has significant support from some of the biggest names in tech including IBM, Google, Redhat, and VMware. The Kubernetes and Knative ecosystem consists of widely adopt ed projects that are proven across many installations for a multitude of uses. The open-source foundation of Knative means that anyone using the platform can participate in the community to get help, solve problems, and influence the direction of deployment for future versions.
85+
</p>
86+
87+
<h2>Find out more</h2>
88+
<div class="find-links">
89+
<a href="../case-studies/deepc">> Case Studies: Read about organizations using Knative, from platform developers to proven companies to innovative startups</a><br>
90+
<a href="../../getting-started/">> Check the getting started guide to get up and running with Knative in an afternoon</a><br>
91+
<a href="../../community/">> Join the Knative Slack to talk to the community</a>
92+
</div>
93+
</div>

docs/images/testimonials/aparna.png

45.1 KB
Loading
Loading

docs/images/testimonials/kelsey.png

52.5 KB
Loading

docs/images/testimonials/michael.png

41.4 KB
Loading

docs/images/testimonials/tilen.png

33 KB
Loading

docs/stylesheets/extra.css

+89
Original file line numberDiff line numberDiff line change
@@ -376,6 +376,95 @@ a.md-header__button.md-logo img {
376376
color: black;
377377
}
378378

379+
/* Testimonials */
380+
.testimonials h1, .testimonials h2,
381+
.testimonials h3, .testimonials .normal-text,
382+
.testimonials .quote {
383+
font-family: inherit;
384+
}
385+
386+
.testimonials h1, .testimonials h2,
387+
.testimonials h3 {
388+
font-weight: bold;
389+
}
390+
391+
.testimonials h1 {
392+
color: #024c93;
393+
margin-bottom: -26px;
394+
}
395+
396+
.testimonials h2 {
397+
font-size: 2em;
398+
color: #024c93;
399+
margin-bottom: -12px;
400+
}
401+
402+
.testimonials h3 {
403+
font-size: 1.65em;
404+
}
405+
406+
.testimonials .testimonial {
407+
display: flex;
408+
}
409+
410+
.testimonials .testimonial .img {
411+
margin: auto 30px auto 60px;
412+
}
413+
414+
.testimonials .quote {
415+
margin: auto 0;
416+
text-align: start;
417+
padding: 0 2em;
418+
color: #497bb2;
419+
font-weight: 500;
420+
line-height: 1.1;
421+
font-family: inherit;
422+
font-size: .85rem;
423+
border-left: #4db3d9 4.5px solid;
424+
}
425+
426+
.testimonials .testimonial img {
427+
max-width: 130px;
428+
}
429+
430+
.testimonials .testimonial.blue img {
431+
max-width: 160px;
432+
width: 160px;
433+
}
434+
435+
.testimonials .testimonial.blue {
436+
border-top: #4db3d9 2.5px solid;
437+
padding-top: 60px;
438+
}
439+
440+
.testimonials .testimonial.blue .quote {
441+
font-size: 1.3rem;
442+
font-weight: 500;
443+
color: #4db3d9;
444+
border: none;
445+
}
446+
447+
.testimonials .quote .phrase {
448+
font-size: 1.15rem;
449+
font-style: italic;
450+
font-weight: bold;
451+
font-family: serif;
452+
}
453+
454+
.testimonials .normal-text {
455+
font-weight: 600;
456+
font-size: .86rem;
457+
color: #6e6e6e;
458+
}
459+
460+
.testimonials a {
461+
color: #175494;
462+
}
463+
464+
.testimonials .find-links {
465+
padding-top: 16px;
466+
}
467+
379468
@media screen and (max-width: 76.1875em) {
380469
.md-nav--primary .md-nav__item--active>.md-nav__link {
381470
color: var(--nav-item-color);

0 commit comments

Comments
 (0)